@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;

}





#topRightNumber{

	float:right;

	clear:right;

	width:auto;

	height:36px;

}

#upNumber{

	height:auto;

	color:#2E8BD2;

	font-size:12px;

	font-weight:bold;

	float:left;

}

#upNumber li {

	float:left;

	padding:8px 3px;

}



#clock {

	float:right;

	clear:right;

	text-align:right;

	margin-top:8px;

	margin-right:10px;

	color:white;

	padding-left:5px;

}

#supportPan2{

	float:right;

	clear:right;

	width:auto;

	height:27px;

	background:url(../images/supBg.gif) repeat-x top left #F9F9F9;

	margin-top:0px;

}

#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) bottom left repeat-x; height:130px;clear:both;}

.techTitle{color:#5D5D5D;font-weight:bold;width:100px;padding:5px 8px 0 18px;height:31px;float:left; text-align:right;}

.techItems{color:#333333;vertical-align:middle;padding-top:12px;height:24px;margin-left:140px;padding-right:24px;line-height:160%;}

.techItems span {color:#666666;}

.techItems .sep{color:#CCCCCC;}

.techItems a {color:#333333;}
.techItems a:hover {color:#FF6600}





#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;

}

#contextWW {width:664px;float:left;clear:left; border-right:solid #E6E6E6 1px;}

#contextWW 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;}

#contextWW h2 {color:#44A0E7; font-size:12px;}

#contextWW h3 {color:#1F446A; font-size:12px;}

#contextWW h4 {border-bottom:2px solid #E6E6E6;color:#5D5D5D;font-size:11px;height:14px; padding:8px 16px 7px;}

#contextWW .dets{padding:14px 18px;}

#contextWW .dets p{margin-bottom:8px; text-align:justify;line-height:1.6;}



#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;}

.lnkMore2,a.lnkMore2:link,a.lnkMore2:visited {color:#808080;font-size:11px; font-weight:bold; }

a.lnkMore2: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;

	}	

.PortfolioHading {

		color:#F60;

		font-size:16px;

	}	

	

/* =================== 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;}

.testimonical-line{

	border-top:#CCCCCC dotted 1px; 

	height:9px;

		}

/* ================== 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;}

.h30{height:65px !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;

		margin-top:3px;

	}

.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:8px; background-color:#F2F2F2;line-height:16px;float:left;margin-right:8px;}	

	.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:250px;clear:right;}

	.AddressList {height:160px;}

	.AddressPan {float:left; width:316px;margin-top:4px;margin-right:6px;margin-left:6px;}

	.AddressPan strong{display:block;border-bottom:1px dotted #CCC;margin-bottom:4px;}

	.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:left;

			height:auto;

			}
			
					#payOpts td {
						padding:0 0 0 8px;
			}

			#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;border-bottom:0;}

	table.PriceList td {padding:2px 4px 2px 8px;border:1px solid #D2E1F2;border-left:0; border-top:0;border-right:0; 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;}

	.bgLightOrange {background-color:#FFF4DF;}

	



	/*------------ End of Price List ----- */

	

	

	

.subhead {

background-color:#EAEAEA; 

padding:4px 12px;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

font-weight:bold;

font-size:13px;

color:#353E4D;

}

a.btnBuyNow:link, a.btnBuyNow:visited {

	color:white;

	font-weight:bold;

	text-decoration:none;

	background-color:#5BAAE3;

	border:1px solid #1784A8;

	padding:4px 8px;

	}  

a.btnBuyNow:hover {

	background-color:#339999;

	border:1px solid #297E7E;

	} 

	

.title{color:#1074AF;font-size:13px; font-weight:bold;padding:4px;margin:0 10px;border-bottom:3px solid #408EB0;}

.servDesc {font-size:11px; color:#666; font-family:Arial, Helvetica, sans-serif;}



.pt8 {padding:8px;}

.leftMenu {border:1px solid #B3D5E3; padding:4px 2px;font-family:Arial, Helvetica, sans-serif;border-top:3px solid #B3D5E3;}		



.leftMenu{color:#1074AF;font-size:13px; font-weight:bold;padding:4px;margin:0 0px;border-bottom:3px solid #408EB0;}



.leftMenu ul {font-size:11px;margin-left:30px;font-weight:bold; margin-top:12px;list-style-image:url(../images/bulCyan.gif);padding:0px;}



.leftMenu ul li {padding-bottom:8px;}



.p8 {padding:8px 0;}

.s11 {font-size:11px;}

.defont {font-family:Arial, Helvetica, sans-serif;}

.b {font-weight:bold;}

.altRow {
		background-color:#F2F4F7;
	}
hr {border:1px solid #eee;} 	


.lhN p{line-height:136% !Important;}

/*  -------- PLAN BOX  -------------- */
.planBox {width:316px;border:1px solid #4397D3;}
.planHead {background:#4397D3 url(../images/bgPlanHead.gif) center left repeat-x;color:white;font-size:16px;padding:4px 8px;}
.planContents {padding:4px;}
.planContents li {padding:4px 8px;}
.planContents li.odd {background-color:#ECF7FD;}
.PlanPrice {background-color:#B0D2EA; font-size:16px;padding:4px 8px;color:#1F456A;}
#errmsg{
	font-size:11px;
	color:#F60;
	background-color:#FFC;
	border:1px solid #FC0;
	padding:4px 8px;
	position:absolute;
	font-weight:bold;
	margin-left:192px;
	margin-top:-44px;
	display:none;
}
.orangeBorder{border:1px solid #F60 !Important;}
.orangeBorder .planHead {background:#F18C13 url(../images/bgPlanHeadO.gif) !Important;}
.orangeBorder li.odd {background-color:#FCEDDC;}
.orangeBorder a{color:#F60;}
.orangeBorder a:hover{color:#1B6ABA;}