@charset "utf-8";
/*======================================================================================= 
		BASIC CSS FOR THE LAYOUT PAN WITH ALL REQUIRED COMPONENTS IN ORDER
=========================================================================================*/
/* ----------------  Comment Template for Internal Sections --------------------- */

body {
	margin:0px;
	background:url(../images/pageBg.jpg) repeat-y center #f0f0f0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#626567;
	line-height:normal;
}
div, p, ul, h1, h2, h3, h4, lebel {
	margin:0px;
	padding:0px;
}
ul {
	list-style-type:none;
}
img {
	border:none;
}
form {
	display:inline;
}
a:link, a:visited {	color:#1B6ABA;
	text-decoration:none;
	outline:none;
}
a:hover {	color:#FF6600;
	text-decoration:none;
	outline:none;
}
strong {
	color:#3572a2;
	font-weight:bold;
}
#container {
	width:946px;
	margin:0 auto;
	padding-left:5px;
}
#header {
	height:100px;
}
#logo {
	float:left;
	clear:left;
	width:200px;
	padding:20px 0 0 12px;
}
#topMenu{
	height:29px;
	clear:both;
	background:url(../images/topMenuBg.jpg) repeat-x top left #1D3E61;
}
#topRightMenu{
	float:right;
	clear:right;
	width:auto;
	background:url(../images/topMenuUpBg.gif) repeat-x top left #F9F9F9;
	height:31px;
}
#upMenu{
	height:30px;
	float:left;
}
#upMenu li {
	float:left;
	padding:8px 3px;
}
#upMenu li a:link,#upMenu li a:visited{
	color:#5D5D5D;
	font-weight:bold;

}
#upMenu li a:hover{
	color:#FF943B;
	font-weight:bold;
	text-decoration:none;
}
#clock {
	float:right;
	clear:right;
	text-align:right;
	margin-top:8px;
	margin-right:10px;
	color:white;
	padding-left:5px;
}
#supportPan{
	float:right;
	clear:right;
	width:auto;
	height:27px;
	background:url(../images/supBg.gif) repeat-x top left #F9F9F9;
	margin-top:30px;
}

#supText{
	font-size:12px;
	color:#2E8BD2;
	font-weight:bold;
	float:left;
	height:27px;
	padding:5px 8px;
}
#supText span{
	font-size:14px;
	color:#FF9933;
}
.icoMes {
	margin:3px 3px 4px; 
}
#presentation{
	padding:1px 0 0 0;
}
/*#innerMenu{
	float:right;
	clear:right;
	width:280px;
}*/
#dvSlideShow {
	float:left;
	clear:left;
	width:665px;
	text-align:left;
	height:230px;
}
#innerMenu{
	float:right;
	clear:right;
	/*margin-left:666px; 
	display:block;	*/
	width:280px;
	/*background-color:#338FD6;*/
}
/* Hide from IE5-mac. Only IE-win sees this. \
 
* html #dvSlideShow {
	margin: 0 -3px; ma\rgin: 0;
}  
* html #innerMenu {
  height: 1%;
  margin-left: 662;
  width:276px;
  }
*/
/* End hide from IE5/mac */


#innerMenu a{
	height:23px;
	display:block;
}
#innerMenu a span{
	display:none;
}
#innerMenu a.serv1 {
	background:url(../images/InMenu/serv1.png) no-repeat left top;
	height:23px;
}
#innerMenu a.serv1:hover {
	background-position:right;
}
#innerMenu a.serv2 {
	background:url(../images/InMenu/serv2.png) no-repeat left top;
	height:23px;
}
#innerMenu a.serv2:hover {
	background-position:right;
}
#innerMenu a.serv3 {
	background:url(../images/InMenu/serv3.png) no-repeat left top;
	height:23px;
}
#innerMenu a.serv3:hover {
	background-position:right;
}
#innerMenu a.serv4 {
	background:url(../images/InMenu/serv4.png) no-repeat left top;
	height:23px;
}
#innerMenu a.serv4:hover {
	background-position:right;
}
#innerMenu a.serv5 {
	background:url(../images/InMenu/serv5.png) no-repeat left top;
	height:23px;
}
#innerMenu a.serv5:hover {
	background-position:right;
}
#innerMenu a.serv6 {
	background:url(../images/InMenu/serv6.png) no-repeat left top;
	height:23px;
}
#innerMenu a.serv6:hover {
	background-position:right;
}
#innerMenu a.serv7 {
	background:url(../images/InMenu/serv7.png) no-repeat left top;
	height:23px;
}
#innerMenu a.serv7:hover {
	background-position:right;
}
#innerMenu a.serv8 {
	background:url(../images/InMenu/serv8.png) no-repeat left top;
	height:23px;
}
#innerMenu a.serv8:hover {
	background-position:right;
}
#innerMenu a.serv9 {
	background:url(../images/InMenu/serv9.png) no-repeat left top;
	height:23px;
}
#innerMenu a.serv9:hover {
	background-position:right;
}
#innerMenu a.serv10 {
	background:url(../images/InMenu/serv10.png) no-repeat left top;
	height:23px;
}
#innerMenu a.serv10:hover {
	background-position:right;
}

#flashButtons{height:59px;clear:both;}
#contents{border:1px solid #E6E6E6;}
#technologies{background:#F3F3F3 url(../images/techBg.gif) top left repeat-x; height:36px;clear:both;}
#techTitle{color:#5D5D5D;font-weight:bold;width:100px;padding:5px 8px 0 18px;height:31px;float:left;}
#techItems{color:#333333;vertical-align:middle;padding-top:12px;height:24px;}
#techItems span {color:#666666;}
#techItems .sep{color:#CCCCCC;}



#footer {
	font-size:11px;
	text-align:center;
}
#botMark {
	height:9px;
	background:#E68429 url(../images/botBg.gif) no-repeat left top;
}
#botLinks {
	color:#CCCCCC;
	margin-top:24px; line-height:1.6;
}
#botLinks a:link, #botLinks a:visited {
	color:#666666;
}
#botLinks a:hover {
	color:#FF943B;
}
#credits {
	color:#666666;
	margin:17px 0;
}
#credits a:link,#credits a:link {
	color:#FF943B;
} 
#credits a:hover {
	color:#666666;
	text-decoration:underline;
}
#context {width:664px;float:left;clear:left;}
#context h1{background:#F2F2F2 url(../images/bulH1.gif) top left no-repeat; border-bottom:2px solid #E6E6E6;color:#5D5D5D;font-size:12px;height:14px; padding:7px 28px;}
#context h2 {color:#44A0E7; font-size:12px;}
#context h3 {color:#1F446A; font-size:12px;}
#context .dets{padding:14px 18px;}
#context .dets p{margin-bottom:8px; text-align:justify;line-height:1.6;}
/* --- Accordions Class in Seperate File accordion.css ----------- */
.lnkMore,a.lnkMore:link,a.lnkMore:visited {color:#808080;font-size:11px; font-weight:bold; font-style:italic;}
a.lnkMore:hover {color:#FF6600;}

.fade {
position: absolute;
top: 100px
left: 100px
}
.fade div {
position: absolute;
top: 0;
left: 0;
display: none;
}
.center {
	text-align:center;
}
.s10{
		font-size:10px;
	}
.s11{
		font-size:11px;
	}	
.lsReq{
		line-height:120%;
	}
.gray {
		color:#666;
	}
.padTB8{
	padding:8px 0;
	}	
.orangeText {
		color:#F60;
	}	
	
/* =================== Form Classes ============================ */
.txtInput {font-family:Arial, Helvetica, sans-serif; border:1px solid #ccc;background-color:#f6f6f6; font-size:12px;color:#525252;}
.btnPush{border:1px outset #3068A3;background-color:#2E8BD2; font-size:12px;color:#fff; font-weight:bold;padding:5px 12px;}

/* ================== Inside Page Full 3 Cols ================== */
#presentationIn{
	padding:1px 0 0 0;
}
#dvSlideShowIn {
	float:left;
	clear:left;
	width:725px;
	text-align:left;
	height:160px;
}
#innerMenuIn{
	float:right;
	clear:right;
	/*margin-left:666px; 
	display:block;	*/
	width:220px;
	background-color:#338FD6;
}
#innerMenuIn a{
	height:16px;
	display:block;
	background-color:#D2E1F2;
	font-weight:bold;
	padding:3px 0 0 8px;
	border-bottom:white solid 1px;
	color:#1F446A;
}
.inMenuOver, #innerMenuIn a:hover{
	background-color:#FF943B;
	color:white;
	text-decoration:none;
}
.blackRow{
	height:4px;
	background-color:#20446B;
	border-top:1px solid white;
	clear:both;
}
#conRight{
	float:right;
	clear:right;
	width:763px;
}
#contents1C, #contents2CL, #contents2CR {border:1px solid #E6E6E6;}
#contents2CL{background:url(../images/PageContentsBg2CL.gif) top left repeat-y;}
#contents2CR{background:url(../images/PageContentsBg2CR.gif) top left repeat-y;}
#hMenu {background-color:#F2F2F2;height:28px;border:1px solid #E6E6E6;padding-left:10px;}
#hMenu a:link, #hMenu a:visited {
	display:block;
	float:left;
	font-weight:bold;
	color:#5D5D5D;
	padding:7px 10px;
}
#hMenu a:hover {
	background-color:#FF943B;
	color:white;
}
#clientsLogo {
		height:88px;
		padding-left:35px;
		padding-top:7px;
		
	}
#contents1C #context{
	width:945px;
/*	width:544px;*/
	float:none;
}
#contents2CL #context{
	width:763px;
/*	width:544px;*/
	float:right;
	clear:right;
}
#contents2CR #context{
	width:724px;
	float:left;
	clear:left;
}
#contents3C #context{
	width:543px;
/*	width:544px;*/
	float:left;
}

#contents3C #context .dets h1, #contents1C #context .dets h1, #contents2CL #context .dets h1, #contents2CR #context .dets h1{
	color:#2D6198;
	font-size:14px;
	padding:5px 0; 
	background:url(../images/hDiv.gif) bottom left repeat-x;
	border:none;
	margin:10px 0;
}

#contents3C #context h4, #contents1C #context h4,#contents2CL  #context h4, #contents2CR  #context h4{
border-bottom:2px solid #E6E6E6;color:#5D5D5D;font-size:11px;height:14px; padding:8px 16px 7px;
}

#contents3C #context h4 span, #contents1C #context h4 span, #contents2CL #context h4 span, #contents2CR #context h4 span{
color:#999999;
}

#panRight{
	float:right;
	clear:right;
	width:219px;
}

/* ====================================== Common Classes ============================================= */
/* ---------------------- Menu Col first column in multicolumn layout for options -------------------- */
#menuLeft{
width:180px;
float:left;
clear:left;
border-left:1px solid #E6E6E6;
}

#menuLeft div.silverheader a{
background:#F2F2F2 url(../images/bulH1.gif) top left no-repeat; border-bottom:2px solid #E6E6E6;color:#5D5D5D;font-size:12px;height:21px; padding:8px 0 0 28px;font-weight:bold;display:block;width:151px;
}
#menuLeft div.silverTitle {
background:#F2F2F2 url(../images/bulAcHead.gif) top left no-repeat; border-bottom:2px solid #E6E6E6;color:#5D5D5D;font-size:12px;height:21px; padding:8px 0 0 40px;font-weight:bold;display:			block;width:139px;	
	}

#menuLeft div.silverheader a:visited, #menuLeft div.silverheader a:active{
color: #2D6198;
}


#menuLeft div.selected a, #menuLeft div.silverheader a:hover{
color: #FF6B06;
}

#menuLeft div.submenu{ /*DIV that contains each sub menu*/
padding: 0px;
height: 206px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
width:180px;
overflow:auto;
overflow-x:hidden;
}

#menuLeft div.submenu ul li{ border-bottom:1px solid #E6E6E6; font-size:11px; display:block;height:22px }
#menuLeft div.submenu ul li a{display:block;color:#5D5D5D;padding:4px 0 0 10px ;height:18px; width:169px;}
#menuLeft div.submenu ul li a:hover{color:#2962BE; background:#F9F9F9 url(../images/InMenuItemBgO.gif) top left no-repeat;}
/*#menuLeft div.submenu ul li span{float:left;}*/
.h20{height:20px !Important;}
/*#menuLeft div.submenu label{
	display:block;float:left;clear:left;width:60px; font-weight:bold;text-align:right;padding:3px 8px;
}*/

.infoPan .infoTitle{
background:#F2F2F2 url(../images/bulAcHead.gif) top left no-repeat; border-bottom:2px solid #E6E6E6;color:#5D5D5D;font-size:12px;height:21px; padding:8px 0 0 40px;font-weight:bold;display:block;width:178px;
}
.infoPan .infoText{
	padding:8px;
	line-height:18px;
	text-align:justify;
}
.infoPan em {
	color:#346FAE;
	display:block;
	font-weight:bold;	
	margin:12px 0;
}
.center {
	text-align:center;
}
a.linBtnGray:link, a.linBtnGray:visited {
	border:1px solid #E6E6E6;
	background-color:#F2F2F2;
	color:#5D5D5D;
	padding:4px 8px;
	font-weight:bold;	
}
a.linBtnGray:hover{
	color:#fff;
	background-color:#FF943B;
}
ul.featList {
		list-style-type:disc;
		padding-left:25px;
	}
.featList li {
		line-height:14px;
		margin-bottom:4px;
	}
.featList li span {
		font-weight:bold;
		display:block;
		color:#1F446A;
	}	
ul.lstBoxedIconsNCaps {
	width:100%;
	}
ul.lstBoxedIconsNCaps li {
	float:left;
	width:30%;
	border-bottom:1px solid #F2F2F2;
	padding:4px 0 4px 5px;
	}	
.clear {
		clear:both;
	}	
.black { color:black;}	

/* ---------------------- End of Menu Col first column  ---------------------------------------------- */
/* ================================== End of Commaon Classes ========================================= */

/* -- UTILITIES -- */

			/*-------------impromptu---------- */
			.jqiwarning .jqi{ background-color: #fff; font-size:11px; }
                        .jqifade{ position: absolute; background-color:#3C5359; }
                        div.jqi{ position: absolute; background-color: #3C7ECD; padding: 3px; width: 450px; text-align: left;}
                        div.jqi .jqiclose{ float: right; margin: -35px -10px 0 0; cursor: pointer; color:white; font-weight:bold; font-size:18px; }
                        div.jqi .jqicontainer{ background-color: #fff; padding: 5px; color: #5D5D5D; font-weight: normal; }
                        div.jqi .jqimessage{ background-color: #FFf; padding: 10px 25px; }
						 div.jqi .jqimessage h3{color:#F60;}
                        div.jqi .jqibuttons{ text-align: center; padding: 5px 0 0 0; }
                        div.jqi button{border:1px outset #3068A3;background-color:#2E8BD2; font-size:12px;color:#fff; font-weight:bold;padding:5px 12px;}
			/*-------------------------------- */
/* ================================== Start of Other Pages ========================================= */			
	/*-------------Contact Us Page---------- */
	.HOfficeAddress{ font-size:12px; border:1px solid #E6E6E6; width:220px;padding:10px 25px; background-color:#F2F2F2;line-height:16px;float:left;clear:left;}	
	.HOfficeAddress .AdSPan{background-color:white; padding:10px;margin-bottom:8px;}
	.HOfficeAddress .Title, .OtherOfficeAddress .Title{color:#2E8BD2; font-weight:bold;margin-bottom:5px;}
	.OtherOfficeAddress {margin-left:300px;clear:right;}
	.AddressList {height:160px;}
	.AddressPan {float:left; width:200px;}
	.SpTitle {color:#2E8BD2; font-weight:bold;margin-bottom:5px; padding:5px; background-color:#F2F2F2;}
/* ================================== End of Other Pages ========================================= */	
	/* ----------- Payment Options Page ------ */
	#payPanes{
		height:380px;
		clear:both;
		}
	.payOptPane, #payOpts {
			margin:5px;
			padding:5px;
			width:276px;
			border:1px solid #E6E6E6;
			background-color:#fff;
			float:left;
			color:black;
			line-height:18px;
			height:325px;
		}
		#payOpts {
			font-size:12px;		
			width:256px;
			font-weight:bold;
			float:none;
			text-align:center;
			height:auto;
			}
			#payOpts label {
					color:#F60
				}
		#dvProcess {background-color:#FF9; color:#C30;padding:5px;}

	/*-- End of Payment Options Page --*/
	
	/* ----------- Price List ------------ */

	table.PriceList {border:1px solid #D2E1F2;}
	table.PriceList td {padding:2px 4px 2px 8px;border:1px solid #D2E1F2; text-align:center;}
	table.PriceList th {padding:3px 0; text-align:center; color:white; font-weight:bold;background-color:#1F456A;}
	table.PriceList tr.ar {background-color:#ECF7FD;}
	

	/*------------ End of Price List ----- */
