/* CSS Document */

body {
	margin: 0px auto; 
	width: 893px; 
	background: #104070 url(../images/index_r1_c2.jpg) repeat-x top left; 
}
img 
{
border:0px;
}

.clsDisplayNone
{
display:none;
 	
}
.visible
{
 display:block;	
}
.packagecls
{
  font: bold 22px Arial Black;
  color: #FCB04F; 
  word-spacing:1px;
}

.orange { color: #fc6200; }

h1 {font: bold italic 27px/30px Myriad Pro, Arial; color: #000; text-align: left; }

.smalltext {font: 14px/14px Lucida Sans Unicode, Verdana, Tahoma; padding: 2px; border: 1px solid #41688d; color: #000; width: 48px; }
#screenshot{
	position:absolute;
	border:1px solid #6687a6;
	background:#fff;
	padding:5px;
	display:none;
	color:#000;
	font: 20px/29px Lucida Sans Unicode, Verdana, Tahoma;
	text-align: left;
	vertical-align: top;

}


#header_wrapper {
	position:absolute;
	left:0px;
	top:10px;
	margin:0px auto;
	text-align:center;
	width:100%;
}

#header_content {
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:893px;
}

#content_wrapper
{
	position:absolute;
	left:0px;
	top:369px;
	margin:0px auto;
	text-align:center;
	width:100%;
}
#content
{
	margin-left:auto;margin-right:auto;
	width:893px;
	background: url(../images/index_r7_c5.jpg) repeat-x top left;
}

#maincontent
{
	border: 0px solid red;
	float:left;
	padding: 1px 0px 0px 0px;
	width: 860px;
}

#column_left
{
	float:left;
	clear:left;
	height:100%;
	width:532px;
	background: url(../images/index_r8_c20.jpg) no-repeat top right;
	text-align:left;
}

#column_right
{
	height:100%;
	float:right;
	clear:right;
	text-align:left;
	margin-left: 7px;
	width:320px;
}


#NumberSys ul li { list-style-image: url(../images/bullet.gif); margin-top: 4px; margin-left: -12px;   }
#NumberStyle ul li { list-style-type:decimal; margin-top: 12px; margin-left: -12px;   }
#livechat li { text-align: left; list-style-image: url(../images/rdbullet.gif);    }
#whatisit ul li { list-style-image: url(../images/bullet.gif); margin-top: 7px; margin-left: -18px;   }
#latestwork img { padding-right: 0px; border: 0px; }
form { margin: 0px; padding: 0px; }
a.linkroll:link { font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma; color: #000000; text-decoration: none; }
a.linkroll:visited { font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma; color: #000000; text-decoration: none; }
 a.linkroll:active { font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma; color: #000000; text-decoration: none; }
a.linkroll:hover { font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma; color: #fc6200; text-decoration: none; }

a.linkroll_b:link { font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma; color: #000000; text-decoration: none; }
a.linkroll_b:visited { font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma; color: #000000; text-decoration: none; }
 a.linkroll_b:active { font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma; color: #000000; text-decoration: none; }
a.linkroll_b:hover { font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma; color: #fc6200; text-decoration: none; }

a.linkroll_o:link { font: 14px/18px Lucida Sans Unicode, Verdana, Tahoma; color: #fff; text-decoration: none; }
a.linkroll_o:visited { font: 14px/18px Lucida Sans Unicode, Verdana, Tahoma; color: #fff; text-decoration: none; }
 a.linkroll_o:active { font: 14px/18px Lucida Sans Unicode, Verdana, Tahoma; color: #fff; text-decoration: none; }
a.linkroll_o:hover { font: 14px/18px Lucida Sans Unicode, Verdana, Tahoma; color: #fc6200; text-decoration: none; }

a.linkroll_f:link { font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma; color: #fff; text-decoration: none; }
a.linkroll_f:visited { font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma; color: #fff; text-decoration: none; }
 a.linkroll_f:active { font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma; color: #fff; text-decoration: none; }
a.linkroll_f:hover { font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma; color: #fc6200; text-decoration: none; }

.Note { font: 12px/16px Lucida Sans Unicode, Verdana, Tahoma; color: #fff; text-decoration: none; }


a { outline:none }

.normal_text { 
font: 14px/18px Lucida Sans Unicode, Verdana, Tahoma;
color: #fff;
text-align: left;
}
.normal_text11 { 
font: 14px/18px Lucida Sans Unicode, Verdana, Tahoma;
color: #fff;
text-align: left;
}
.ddl_text { 
font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma;
color: #000;

}

.normal_text1 { 
font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma;

text-align: left;
}

#footer
{
	margin:0px auto;
	background: #4b7396; 
	text-align:center;
	width:100%;
	clear:both;
	height:71px;
	vertical-align:top;
	clear:both;
}

#footermain
{
	margin-left:auto;margin-right:auto;
	width:893px;
	height: 61px;
	background: url(../images/index_r31_c7.jpg) repeat-x top left;
}

#footer_content
{
	float:left;
	font: 12px/16px Lucida Sans Unicode, Verdana, Tahoma;
	color: #fff;
	padding: 21px 0px 0px 0px;
	width: 857px;
}



.grid { 
  display: table; 
  width: 100%;
} 
.row { 
  display: table-row; 
  width: 100%;  
} 
.image { 
  display: table-cell; 
  width: 152px;
  vertical-align: top; 
  text-align: center;
  float: left;
  margin-top: 22px;
  margin-right: 16px;
} 
.image p { 
font: 14px/17px Lucida Sans Unicode, Verdana, Tahoma;
color: #fff;
margin: 5px 0px 2px 0px; 
text-align: left;
}

.image p span { 
font: bold 14px/16px Lucida Sans Unicode, Verdana, Tahoma;
color: #ff6600;
text-align: left;
}




/*---------------------sign up page style -------------------------*/

#signup_content_wrapper
{
	position:absolute;
	left:0px;
	top:132px;
	margin:0px auto;
	text-align:center;
	width:100%;
	
	
	
}

#signup_content
{
	margin-left:auto;margin-right:auto;
	width:893px;
	background: url(../images/signup_r2_c3.jpg) repeat-x top left;
}

#signup_column_left
{
	float:left;
	clear:left;
	height:100%;
	width:100%;
	text-align:left;
}

.signinbox {
background-color: #4994be;
border: 5px solid #c5deeb;
margin: 13px 6px 0px 15px;
padding: 5px 5px 5px 10px;
}

.subHeading {
font: bold 18px/22px Lucida Sans Unicode, Verdana, Tahoma;
color: #294c64;
text-align: left;
height: 26px;
background: url(../images/hd-bg.jpg) repeat-x left bottom;
}
.subHeadingCustom {
font: bold 18px/22px Lucida Sans Unicode, Verdana, Tahoma;
color: #294c64;
text-align: left;
height: 26px;

}
.subHeading11 {
font: bold 12px Lucida Sans Unicode, Verdana, Tahoma;
color: #000000;
text-align: left;


}
.subHeading2 {
font: bold 18px/22px Lucida Sans Unicode, Verdana, Tahoma;
color: #fff;
text-align: left;
height: 26px;
background: url(../images/signup_r12_c8.jpg) repeat-x left bottom;
}

.SubCustomHeading {
font: bold 18px/22px Lucida Sans Unicode, Verdana, Tahoma;
color: #fff;
text-align: left;
height: 26px;
padding-bot :15px;
background: url(../images/signup_r12_c8.jpg) repeat-x left bottom;
}


.formbox {
border: 5px solid #93c3dc;
/*filter:alpha(opacity=28);
-moz-opacity:.28;
opacity:.28;*/
}
.formbox2 {
border: 5px solid #496e91;
/*filter:alpha(opacity=28);
-moz-opacity:.28;
opacity:.28;*/
}

.textdarkcolor {
color: #294c64;
}

.whitecolor {
color: #fff;
}

.orangecolor {
color: #ff8a00;
}

#form_container {
padding: 8px 0px 20px 0px;
}

#form_container .grid { 
  display: table; 
  width: 100%;
} 
#form_container .row { 
  display: table-row; 
  width: 100%;
} 
#form_container .lab { 
  font: 14px/17px Lucida Sans Unicode, Verdana, Tahoma;
  color: #fff;
  display: table-cell; 
  width: 362px;
  vertical-align: top; 
  text-align: left;
  float: left;  
  margin-top: 12px;
  margin-left: 26px;
  padding-right: 25px;
} 
.lab1 { 
  font: 14px/17px Lucida Sans Unicode, Verdana, Tahoma;
  color: #fff;
  display: table-cell; 
  width: 500px;
  vertical-align: top; 
  text-align: left;
  float: left;  
  margin-top: 12px;
  margin-left: 26px;
  padding-right: 25px;
} 
#form_container .laberror { 
  font: 12px/15px Lucida Sans Unicode, Verdana, Tahoma;
  color: #fff;
  display: table-cell; 
 
  vertical-align: top; 
  text-align: left;
  float: left;  
 
  margin-left: 145px;
  padding-right: 25px;

} 
#form_container label { 
  float: left;  
} 

#form_container .textfield { 
	font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma;
	border: 1px solid #40688d;
	padding: 2px;
	color: #000;
	width: 210px;
	float: right;
} 
#form_container .textfieldsmall { 
	font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma;
	border: 1px solid #40688d;
	padding: 2px;
	color: #000;
	width: 100px;
	float: right;
} 

#form_container select { 
	font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma;
	border: 1px solid #40688d;
	padding: 2px;
	color: #000;
	width: 215px;
	float: right;
} 
#fp_container { width: 450px; }
#fp_container .signinbox { border: 5px solid #86a8c2; background: #608daf; margin: 25px 0px 0px 0px; padding: 15px 0px 25px 0px; }
#fp_container .grid { display: table; width: 100%; }
#fp_container .row { display: table-row; width: 100%; }
#fp_container .lab { font: 14px/17px Lucida Sans Unicode, Verdana, Tahoma; color: #fff; display: table-cell; width: 322px; vertical-align: top; text-align: left; float: left; margin-top: 12px; margin-left: 26px;  }
#fp_container .laberror { font: 12px/15px Lucida Sans Unicode, Verdana, Tahoma; color: #fff; display: table-cell; width: 322px; vertical-align: top; text-align: left; float: left;  margin-left: 112px;  }

#fp_container label { float: left; }
#fp_container .textfield { font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma; padding: 2px; border: 1px solid #41688d; color: #000; width: 205px; float: right; }

/*---------------------sign In popup style -------------------------*/

#pp_container { width: 506px; visibility:hidden;}
#pp_container .bg { background: url(../images/popup/pp_md.png) no-repeat top left; padding: 0px 38px 15px 38px; }
#pp_container .hd_bg { background: url(../images/popup/hd_bg.jpg) repeat-x bottom left; height: 26px; font: bold 18px/20px Lucida Sans Unicode, Verdana, Tahoma; color: #FFF; }
#pp_container .signinbox { border: 5px solid #86a8c2; background: #608daf; margin: 25px 0px 0px 0px; padding: 15px 0px 25px 0px; }
#pp_container .grid { display: table; width: 100%; }
#pp_container .row { display: table-row; width: 100%; }
#pp_container .lab { font: 14px/17px Lucida Sans Unicode, Verdana, Tahoma; color: #fff; display: table-cell; width: 322px; vertical-align: top; text-align: left; float: left; margin-top: 12px; margin-left: 26px;  }
#pp_container label { float: left; }
#pp_container .textfield { font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma; padding: 2px; border: 1px solid #41688d; color: #000; width: 205px; float: right; }
#pp_container a.roll { font: 14px/20px Lucida Sans Unicode, Verdana, Tahoma; color: #cae7ff; text-decoration: underline; }
#pp_container a.roll:visited, a.roll:active {  color: #cae7ff; text-decoration: underline; }
#pp_container a.roll:hover { color: #fff; text-decoration: none; }
#pp_container .laberror { font: 12px/15px Lucida Sans Unicode, Verdana, Tahoma; color: #fff; display: table-cell; width: 322px; vertical-align: top; text-align: left; float: left;  margin-left: 111px;  }


/*---------------------sign up page style -------------------------*/

#cq_column_left
{
	float:left;
	clear:left;
	height:100%;
	width:100%;
	text-align:left;
}

#cq_column_left .subHeading {
font: bold 18px/22px Lucida Sans Unicode, Verdana, Tahoma;
color: #294c64;
text-align: left;
height: 26px;
background: url(../images/cq_hd_bg.jpg) repeat-x left bottom;
}


#cq_column_left .formbox {
border: 5px solid #aad0e4;
/*filter:alpha(opacity=28);
-moz-opacity:.28;
opacity:.28;*/
}

#cq_column_left .subHeading2 {
font: bold 18px/22px Lucida Sans Unicode, Verdana, Tahoma;
color: #fff;
text-align: left;
height: 26px;
background: url(../images/cq_hd_bg2.jpg) repeat-x left bottom;
}
#cq_column_left .subHeading5 {
font: bold 18px/22px Lucida Sans Unicode, Verdana, Tahoma;
color: #fff;
text-align: left;
height: 26px;
background: url(../images/cq_hd_bg2.jpg) repeat-x left bottom;
padding-bottom:15px;
}

#cq_column_left .subHeading3 {
font: bold 18px/22px Lucida Sans Unicode, Verdana, Tahoma;
color: #fff;
text-align: left;
height: 26px;
margin-top: 20px; 
width: 100%;
background: url(../images/cq_hd_bg3.jpg) repeat-x left bottom;
}


#cqform_container_contactinfo {
padding: 0px 16px 24px 0px;
}

#cqform_container_contactinfo .grid { 
  display: table; 
  width: 100%;
} 
#cqform_container_contactinfo .row { 
  display: table-row; 
  width: 100%;
/*  border: 1px solid white;*/
} 
#cqform_container_contactinfo .lab { 
  font: 14px/17px Lucida Sans Unicode, Verdana, Tahoma;
  color: #fff;
  display: table-cell; 
  width: 368px;
  vertical-align: top; 
  text-align: left;
  float: left;  
  margin-top: 12px;
  margin-left: 22px;
/*  border: 1px solid red;*/
} 
#cqform_container_contactinfo .lab1 { 
  font: 14px/17px Lucida Sans Unicode, Verdana, Tahoma;
  color: #fff;
  display: table-cell; 
  width: 500px;
  vertical-align: top; 
  text-align: left;
  float: left;  
  margin-top: 12px;
  margin-left: 22px;
/*  border: 1px solid red;*/
} 
#cqform_container_contactinfo .laberror { 
  font: 12px/15px Lucida Sans Unicode, Verdana, Tahoma;
  color: #fff;
  display: table-cell; 
  vertical-align: top; 
  text-align: left;
  float: left;  
 
  margin-left: 152px;
  padding-right: 25px;
  

} 

#cqform_container_contactinfo .text_area {width: 601px; height: 100px; margin-left: 9px; font: 12px/15px Lucida Sans Unicode, Verdana, Tahoma; border: 1px solid #40688d; padding: 2px; }

#cqform_container_contactinfo label { 
  float: left;  
} 

#cqform_container_contactinfo .textfield { 
	font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma;
	border: 1px solid #40688d;
	padding: 2px;
	color: #000;
	width: 210px;
	float: right;
} 

#cqform_container_contactinfo select { 
	font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma;
	border: 1px solid #40688d;
	padding: 2px;
	color: #000;
	width: 215px;
	float: right;
} 


#cqform_container {
padding: 19px 22px 24px 22px;
}

#cqform_container .grid { 
  display: table; 
  width: 100%;
} 
#cqform_container .row { 
  display: table-row; 
  width: 100%;
/*  border: 1px solid white;*/
} 
#cqform_container .lab { 
  font: 14px/17px Lucida Sans Unicode, Verdana, Tahoma;
  color: #fff;
  display: table-cell; 
  width: 368px;
  vertical-align: top; 
  text-align: left;
  float: left;  
  margin-top: 12px;
  margin-left: 22px;
/*  border: 1px solid red;*/
} 

#cqform_container .laberror { 
  font: 12px/15px Lucida Sans Unicode, Verdana, Tahoma;
  color: #fff;
  display: table-cell; 
  vertical-align: top; 
  text-align: left;
  float: left;  
 
  margin-left: 152px;
  padding-right: 25px;
  

} 

.labother
{
 font: 14px/17px Lucida Sans Unicode, Verdana, Tahoma;
  color: #fff;
  display: table-cell; 
  width: 368px;
  vertical-align: top; 
  text-align: left;
  float: left;  
  margin-top: 12px;
  margin-left: 22px;
  filter:alpha(opacity=28);
-moz-opacity:.28;
 opacity:.28;


	}
.txtarea{
 Width:750px;
 Height:100px;margin-left: 0px; font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma; border: 1px solid #40688d; padding: 2px;
}	

.Otextfield { 
	font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma;
	border: 1px solid #40688d;s
	padding: 2px;
	color: #000;
	width: 310px;
	
} 
	
#cqform_container .text_area {width: 601px; height: 100px; margin-left: 9px; font: 12px/15px Lucida Sans Unicode, Verdana, Tahoma; border: 1px solid #40688d; padding: 2px; }

#cqform_container label { 
  float: left;  
} 

#cqform_container .textfield { 
	font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma;
	border: 1px solid #40688d;
	padding: 2px;
	color: #000;
	width: 210px;
	float: right;
} 

#cqform_container select { 
	font: 12px/14px Lucida Sans Unicode, Verdana, Tahoma;
	border: 1px solid #40688d;
	padding: 2px;
	color: #000;
	width: 215px;
	float: right;
} 

/*---------------------sign In popup style -------------------------*/




#backgroundPopup  
{
	    position:fixed;   _position:absolute; /* hack for internet explorer 6*/  height:100%;   
	 width:100%;   top:0;   left:0;   background:#000000;   border:1px solid #cecece;   z-index:1;   }  
 #popupContact{   display:none;   position:fixed;   _position:absolute; /* hack for internet explorer 6*/ 
                     z-index:2;      }  
                     #popupContact h1{   text-align:left;   color:#6FA5FD;   font-size:22px;   font-weight:700;   border-bottom:1px dotted #D3D3D3;   padding-bottom:2px;   margin-bottom:20px;   }   #popupContactClose{   font-size:14px;   line-height:14px;   right:6px;   top:4px;   position:absolute;   color:#6fa5fd;   font-weight:700;   display:block;   }   
                     
                     
  #errorsummary{
   font: 14px/14px Lucida Sans Unicode, Verdana, Tahoma;
   color:Orange;
   vertical-align: top; 
   text-align: left;
   padding-top:10px;
   }
  
	
	div.divTooltipContainer {position:relative; padding-left:100px;  z-index:1; top:2px;}
	div.divTooltip
	{
		border: 2px solid #98C1D7;
		background-color: #ffffff;
		font-family: Arial, Sans-Serif;
		width: 220px;
		color: #505050;
		position: absolute;
	}
	div.divTooltip div.title
	{
		font-weight: bold;
		/*background-color: #FEE08A; */
		background-color: #98C1D7;
		font-size: 9pt;
		padding: 3px 5px;
		border-bottom: solid 1px #98C1D7;
	}
	div.divTooltip div.text {font-size:8pt; padding:1em; background-color:#ffffff; white-space:normal;}
	div.divTooltip div.text ul {margin-top:0.25em; margin-bottom:0px; position:relative; left:-1.25em;}
	div.divTooltip div.text ul li {line-height:1.5em;}
	div.divTooltipHover {display:block; position:absolute;}
	
	
	
a.sitemap:link { font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma; color: #fff; text-decoration: none; }
a.sitemap:visited { font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma; color: #fff; text-decoration: none; }
a.sitemap:active { font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma; color: #fff; text-decoration: none; }
a.sitemap:hover { font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma; color: #fc6200; text-decoration: none; }
#sitemap  li { list-style:none;}

a.linkroll_b2:link { font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma; color: #000000; text-decoration: none; }
a.linkroll_b2:visited { font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma; color: #000000; text-decoration: none; }
 a.linkroll_b2:active { font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma; color: #000000; text-decoration: none; }
a.linkroll_b2:hover { font: 14px/16px Lucida Sans Unicode, Verdana, Tahoma; color: #fc6200; text-decoration: none; }

.ddl_text1
{ 
    font: 15px/18px Lucida Sans Unicode, Verdana, Tahoma;
    color: #000;

}