body
{font-family:Arial; font-size:12px; line-height:20px; color:#4B4A4B; margin-left:auto; margin-right:auto; width:100%; font-weight:normal;background-repeat:repeat-x; margin-top:0px; margin-bottom:0px; margin-height:0px; margin-width:0px;}
#bg-tile
{background-image:url(../images/foot-tile.jpg); background-repeat:repeat-x; background-position:left bottom; float:left; height:100%; width:100%;}
#page-align
{width:922px; padding-top:32px; padding-left:42px; padding-right:40px; margin-left:auto; margin-right:auto; }
img { border:0; }
#top-section
{float:left; height:68px;width:922px;}
#logo
{float:left; width:348px; height:68px;}
#menu-section
{float:left; padding-top:34px; height:20px; width:574px;}
#menu-section-home
{float:left; padding-top:4px; height:20px; width:574px;}
#search-section
{float:left; height:30px; width:574px; text-align:right;}

#main-img
{width:453px; height:174px; float:left; background:url(../images/main-img.jpg) no-repeat; padding-left:470px; padding-top:42px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}
#main-flash
{float:left; color:#5D5105; font-size:20px; font-family:Trebuchet MS; width:923px; height:216px;}
.main-txt-bold{color:#000000; font-size:22px; font-family:Trebuchet MS; line-height:25px; font-weight:bold;}

#content
{ padding: 30px 0px 30px 32px; float:left; width:889px; background-color:#FFFFFF; line-height:22px; border-left:1px solid #D9DFF7; border-right:1px solid #D9DFF7; border-bottom:1px solid #D9DFF7;} 
#ind-left-col
{width:591px; float:left; padding-right:15px; border-right:1px dashed #CBE0EE;}
#col1
{
width:240px; padding-right:45px; float:left;
}#col1-n
{
width:240px;padding-right:25px; float:left; }
#col2-n
{
width:285px; float:left; padding:0px 10px 0px 30px;border-left:1px dashed #CBE0EE;
}
#col2
{
width:306px; float:left;
}
.left-align
{
float:left;
}
.left-align-n
{
float:left; width:250px; padding-left:30px; padding-top:15px;
}
.right-align
{
float:right;
}
#ind-right-col
{width:281px; float:left; padding-left:1px;}
.blue-bg
{
background:url(../images/blue-bg.jpg) no-repeat; padding:25px 0px 20px 30px; height:162px; float:left; width:251px;  
}
.blue-bg-n
{
background:url(../images/live-chat.jpg) no-repeat; padding:0px 0px 0px 0px; height:113px;float:left; width:251px;  
}
#foot
{padding:20px 35px 0px 25px; float:left; width:863px; height:43px; color:#355F60;}
/******************************inner page***********************************/
#top-about
{width:453px; height:81px; float:left; background:url(../images/top-about.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}
#top-services
{width:453px; height:81px; float:left; background:url(../images/top-services.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}
#top-application
{width:453px; height:81px; float:left; background:url(../images/top-application.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}

#top-database
{width:453px; height:81px; float:left; background:url(../images/top-database.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}

#top-desktop
{width:453px; height:81px; float:left; background:url(../images/top-desktop.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}

#top-team
{width:453px; height:81px; float:left; background:url(../images/top-team.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}

#top-network
{width:453px; height:81px; float:left; background:url(../images/top-network.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}

#top-process
{width:453px; height:81px; float:left; background:url(../images/top-process.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}

#top-security
{width:453px; height:81px; float:left; background:url(../images/top-security.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}
#top-server
{width:453px; height:81px; float:left; background:url(../images/top-server.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}

#top-technology
{width:453px; height:81px; float:left; background:url(../images/top-technology.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}
#top-1
{width:453px; height:81px; float:left; background:url(../images/top-1.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}
#top-2
{width:453px; height:81px; float:left; background:url(../images/top-2.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}
#top-3
{width:453px; height:81px; float:left; background:url(../images/top-3.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}
#top-4
{width:453px; height:81px; float:left; background:url(../images/top-4.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}
#top-5
{width:453px; height:81px; float:left; background:url(../images/top-5.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}
#top-6
{width:453px; height:81px; float:left; background:url(../images/top-6.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}


#top-approach
{width:453px; height:81px; float:left; background:url(../images/top-approach.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}
#top-join
{width:453px; height:81px; float:left; background:url(../images/top-join.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}
#top-contact
{width:453px; height:81px; float:left; background:url(../images/top-contact.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}
#top-sitemap
{width:453px; height:81px; float:left; background:url(../images/top-sitemap.jpg) no-repeat; padding-left:470px; padding-top:65px; color:#5D5105; font-size:20px; font-family:Trebuchet MS; line-height:25px;}

#inn-content
{ padding: 0px 0px 30px 25px; float:left; width:896px; background:url(../images/content-tile.gif) repeat-y 0px 30px #FFFFFF; border-left:1px solid #D9DFF7; border-right:1px solid #D9DFF7; border-bottom:1px solid #D9DFF7;} 
#breadcrumb
{
float:right; font-size:11px; color:#755202;
}
#left-menu-sec
{ padding:30px 18px 40px 0px; width:185px; float:left;}
.leftmenu
{ background:url(../images/bullet.gif) no-repeat 0px 11px; padding:4px 0px 4px 20px; border-bottom:1px solid #E5E5E5;}
#text
{padding:10px 10px 3px 30px; width:628px; float:left; text-align:justify;}
.bdr
{border-top: 3px solid #E4E4E4;border-left: 3px solid #E4E4E4;border-right: 3px solid #C4C4C4;border-bottom: 3px solid #C4C4C4; padding:20px;}

.field 
{border : 1px solid #7F9DB9; color: #000000; font-size:9pt; font-family:Arial; padding-left:3px; background-color:#FFF; margin:10px 0px 10px 0px;}

/****************************************************Styles***********************************************************************/
a
{font-weight:normal; color:#A46A05; text-decoration:underline; outline:none;}
a:hover
{color:#0C6DAF; text-decoration:none;}
.bold
{font-weight:bold;}
h1{ font-size:24px; font-family:Arial; color:#0C6DAF; font-weight:normal; line-height:30px;}
h2{ font-size:25px; font-family:Arial; color:#A38C56; font-weight:normal; line-height:25px;}
.left-head{ font-size:20px; font-family:Arial; color:#A38C56; font-weight:normal; line-height:25px;}
.page-head{ font-size:22px; font-family:Arial; color:#0C6DAF; font-weight:normal; line-height:23px;}
.page-head1{ font-size:16px; font-family:Arial; color:#0C6DAF; font-weight:bold; line-height:23px;}
.blue-head{ font-size:18px; font-family:Arial; color:#0C6DAF; font-weight:normal; line-height:24px;}
.bullet
{
background:url(../images/bullet.gif) no-repeat 5px 10px; padding-left:22px; line-height:30px; border-bottom:1px solid #DCDCDC;
}
.sq-bullet
{
background:url(../images/sq-bullet.gif) no-repeat 5px 12px; padding-left:15px; line-height:25px; 
}
a.brown-link
{color:#BD922D; text-decoration:none;}
a.brown-link:hover
{color:#0C6DAF; text-decoration:none;
}
a.bread
{font-weight:normal; color:#5D90C5; text-decoration:none;}
a.bread:hover
{color:#755202; text-decoration:none;}

.brown-bold
{ font-size:13px;font-weight:bold; color:#BD922D; line-height:20px;}
.black-bold
{ font-family:Trebuchet MS; font-weight:bold; color:#1F3846; line-height:20px; font-size:15px; }
a.white-bold
{font-weight:bold; color:#FAFAFA; line-height:20px; font-size:13px; text-decoration:none;}
a.white-bold:hover
{font-weight:bold; color:#FAFAFA; line-height:20px; font-size:13px;}

a.leftmenu-lnk
{
 border-bottom:0; text-decoration:none; color:#BD922D;
 }
a.leftmenu-lnk:hover
{color:#0C6DAF;}
.leftmenusel
{
color:#0C6DAF;
}
.glossymenu{
margin: 0;
padding: 0;
width: 165px; /*width of menu
border: 1px solid #9A9A9A;*/
border-bottom-width: 0;
float:left;
}

.glossymenu a.menuitem{
color: #BD922D;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 165px;
height:22px;
text-decoration: none;
background:url(../images/bullet.gif) no-repeat 0px 11px; padding:4px 0px 4px 20px; border-top:1px solid #E5E5E5;
}
.glossymenu a.menuitem.first{
border-top:0px solid #E5E5E5;
}

/*.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #0C6DAF;
}*/
.glossymenu a.menuitem.selected{
color: #0C6DAF;
width:165px;
 /*border-bottom:0px solid #E5E5E5;*/
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 6px;
left: 15px;
border: none;
}

.glossymenu a.menuitem:hover{
color:#0C6DAF;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
/*background-color: #FFFBDC;*/
width:185px;
/*border-bottom:1px solid #E5E5E5;*/
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{
/*background:url(../images/sub-dot.gif) repeat-x left bottom;*/

}

.glossymenu div.submenu ul li a{
display: block;
color:#5B5C60;
text-decoration: none;
padding:4px 0px 5px 30px;
background-image:url(../images/sub-arrow.gif); background-repeat:no-repeat;
background-position:15px 12px;
line-height:18px;
height:100%;
font-size:11px;
}

.glossymenu div.submenu ul li a:hover{
/*background-image:url(../images/arrow-yel.gif); background-repeat:no-repeat;
background-position:20px 12px;
*//*background-color:#5B5C60;*/
color: #0C6DAF;


}
.glossymenu div.submenu span.selected{
background-image:url(../images/sub-arrow.gif); background-repeat:no-repeat;
background-position:15px 12px;
/*background-color:#5B5C60;*/
padding:4px 0px 5px 30px;
display: block;
color: #0C6DAF;
line-height:18px;
height:100%;
font-size:11px;
}
.form-section
{
width:278px; float:right; padding-left:30px;
}
a.foot
{color:#355F60; text-decoration:none; padding-left:4px; padding-right:4px;}
a.foot:hover
{color:#000; padding-left:4px; padding-right:4px; text-decoration:none;}
.search
{
color:#05559a; font-weight:normal;
}
.field-search
{
	font-family:Trebuchet MS;
	border:1px solid #000000;
	color:#323232;
	background-color:#FFFFFF;
	font-size:11px;
	padding:2px 3px 2px 5px;
	width:130px;
	height:14px;
	}
/****************************************************************Menus************************************************/
.ddsmoothmenu{float:right;height:20px;}
.ddsmoothmenu ul{ z-index:500; margin: 0; padding: 0; list-style-type: none;}
.ddsmoothmenu ul li{position: relative; display: inline; float: left;  }
.ddsmoothmenu ul li a{height:20px; display: block; margin-left:12px; margin-right:12px;}
* html .ddsmoothmenu ul li a{display: inline-block;color:#484747;}
/*.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{color: #0A6CAE;}*/
.ddsmoothmenu ul li a.selected{ background-position:0 20px; height:20px;}
.ddsmoothmenu ul li a:hover{background-position: 0 20px; color:#FFFFFF; height:20px;}
.ddsmoothmenu ul li:hover > a{background-position: 0 20px; height:20px;}

a.home {background-image:url(../images/home-off.gif); width:40px;}
a.about {background-image:url(../images/about-off.gif); width:102px;}
a.services {background-image:url(../images/services-off.gif); width:63px;}
a.approach {background-image:url(../images/partners-off.gif); width:71px;}
a.join {background-image:url(../images/join-off.gif); width:53px;}
a.contact {background-image:url(../images/contact-off.gif); width:82px;}

.homeon {background:url(../images/home-off.gif) 0 20px; height:20px;width:40px;}
.abouton {background:url(../images/about-off.gif) 0 20px; height:20px; width:102px;}
.serviceson {background:url(../images/services-off.gif) 0 20px; height:20px; width:63px;}
.approachon {background:url(../images/partners-off.gif) 0 20px; height:20px; width:71px;}
.joinon {background:url(../images/join-off.gif) 0 20px; height:20px; width:53px;}
.contacton {background:url(../images/contact-off.gif) 0 20px; height:20px; width:82px;}

* html .ddsmoothmenu ul ul {top:20px;t\op:20px; background-image:none;}
.ddsmoothmenu ul li ul{position: absolute; left: 0;display: none; visibility: hidden; margin-left:12px;border-top: 1px solid #435DAA;}
.ddsmoothmenu ul li ul li{display: list-item; float: none; background-color:#FFFFFF;}
.ddsmoothmenu ul li ul li a{ width: 145px; padding-left:10px; margin: 0; border-top-width: 0; border-bottom: 1px solid #435DAA; border-left: 1px solid #435DAA; border-right: 1px solid #435DAA; text-decoration:none; line-height:28px; height:28px; color:#095B92;  background-color:#FFFFFF;}
.ddsmoothmenu ul li ul li a:hover{line-height:28px; height:28px;color:#0A6CAE;background-image:url(../images/menu-tile1.gif); background-repeat:repeat-x; background-position:0px 0px; }
.ddsmoothmenu ul li ul li ul{
top: 0;  margin-left:-1px;
}
.ddsmoothmenu ul li ul li a.selected{ background-image:url(../images/menu-tile1.gif); background-repeat:repeat-x; background-position:0px 0px;  height:28px;}

.downarrowclass{position: absolute; top: 6px; right: 0px;}
.rightarrowclass{position: absolute; top: 12px; right: 10px;}
.ddshadow{position: absolute; left: 0; top: 0; width: 0; height: 0; background: #cccccc;}
.toplevelshadow{ opacity: 0.6; filter:alpha(opacity=60); -moz-opacity:0.6;}

.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: white;
border: 1px solid #0A6CAE;
padding: 5px;
z-index: 100;

}

.megamenu .column{
float: left;
width: 195px; /*width of each menu column*/
margin-right: 5px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 5px;
}

.megamenu .column h3{
background: #FFF7B9;
font: bold 13px Arial;
margin: 0 0 3px 0;
line-height:23px;
padding-left:5px;
color:#0A6CAE;

}
.megamenu .column h3 a{
color:#0A6CAE;
text-decoration:none;
font: bold 13px Arial;
line-height:23px;
}
.megamenu .column h3 a:hover{
color:#0A6CAE;
text-decoration:underline;

}

.megamenu .column ul li a{
text-decoration: none;
line-height:18px;
font-size:12px;
color:#0A6CAE;
}

.megamenu .column ul li a:hover{
text-decoration:underline;
}