/*--- Common ---*/
* { padding:0px; margin:0px; }
body { background:#fff; color:#000; font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif; }
.floatLeft, .fL, .fLeft { float:left; }
.floatRight, .fR, .fRight { float:right; }
.clear { clear:both; display:block; }
.holder { width:943px; margin:auto; }
a { color:#025185; text-decoration:none; }
a:hover { color:#000E2E; }

/*--- Header ---*/
#Header { background:url(../images/header-bg.gif) left top repeat-x; }
#Header .holder { height:110px; }
#Header h1.floatLeft { margin-top:33px; padding-left:20px; background:url(../images/logo.gif) 20px top no-repeat; }
#Header h1.floatLeft a { width:278px; height:46px; display:block; overflow:hidden; text-indent:-9999px; }

#nav{
	float:right;
	list-style:none;
	padding:0;
	margin:0;
	margin-top:45px;
}
#nav:after{
	content:"";
	display:block;
	clear:both;
}
#nav li{
	float:left;
}
#nav li:after{
	content:"";
	display:block;
	clear:both;
}
#nav a {
background:none;
	float:left;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	color:#025185;
	font-size:14px;
	padding-right:15px;
	margin-right:2px;
}
#nav a span{
	float:left;
	overflow:hidden;
	display:block;
	line-height:30px;
	padding-left:15px;
	background:none;
}


#nav a:hover { background:url(../images/hover.gif) right top no-repeat; }
#nav li.hover a,
#nav li:hover a,
#log li.hover a,
#log li:hover a{
	text-decoration:none;
	
}
#nav a:hover span { background:url(../images/hover.gif) left top no-repeat; }
#nav li.active a { background:url(../images/active.gif) right top no-repeat; }
#nav li.active a:hover,
#nav li.active a span,
#nav li.active a:hover span { background:url(../images/active.gif) left top no-repeat; }





#nav a.services:hover,
#nav li.hover a.services,
#nav li:hover a.services{background:url(../images/services.gif) right top no-repeat;}
#nav li.active a.services{}

#nav a.services:hover span,
#nav li.hover a.services span,
#nav li:hover a.services span {background:url(../images/services.gif) left top no-repeat;}
#nav li.active a.services span{}


#nav li.hover,
#nav li:hover,
#log li.hover,
#log li:hover{
	position:relative;
	cursor:pointer;
}
/*drop menu*/
#nav li.hover .drop,
#nav li:hover .drop,
#log li.hover .drop,
#log li:hover .drop{
	display:block;
	cursor:pointer;
}
#nav .drop,
#log .drop{
	display:none;
	width:192px;
	position:absolute;
	top:30px;
	left:0px;
	overflow:hidden;
	z-index:999;
}
#log .drop{
	left:-28px;
}
#nav .drop-top,
#log .drop-top{
	width:100%;
	overflow:hidden;
	height:7px;
	background:url(../images/bg-drop-top.gif) no-repeat;
}
#log .drop-top{
	background:url(../images/bg-drop-top.gif) no-repeat;
}
#nav .drop-btm,
#log .drop-btm{
	background:url(../images/bg-drop-btm.gif) no-repeat;
	width:100%;
	overflow:hidden;
	height:12px;
}
#nav .drop-inner,
#log .drop-inner{
	background:url(../images/bg-drop-grad.gif) repeat-y;
	padding:0 1px;
	height:1%;
	overflow:hidden;
}
#nav .drop ul,
#log .drop ul{
	background:#E4EBF5 url(../images/bg-drop-grad.gif) repeat-x;
	list-style:none;
	height:1%;
	overflow:hidden;
	padding:0px;
	margin:0;
}
#nav .drop ul li,
#log .drop ul li{
	float:none;
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	vertical-align:middle;
	background:url(../images/sep-drop.gif) no-repeat 0 100%;
	white-space:nowrap;
}
#nav .drop ul li.hover a,
#nav .drop ul li:hover a,
#log .drop ul li.hover a,
#log .drop ul li:hover a{
	background-position:0 0 !important;
}
#nav .drop ul li.last,
#log .drop ul li.last{
	background:none;
	margin:0;
}
#nav .drop ul li a,
#log .drop ul li a{
	float:none;
	display:block;
	background:none;
	color:#025185;
	font-size:11px;
	height:1%;
	line-height:29px;
	padding-left:7px;
	
}
#nav .drop ul li a:hover,
#log .drop ul li a:hover { color:#000E2E; background:#EDF3FA; }


/*--- Banner ---*/
#Banner .homeBanner { width:943px; margin:auto; background:url(../images/home-banner.jpg) left top no-repeat; height:259px; overflow:hidden; }
#Banner .aboutBanner { width:943px; margin:auto; background:url(../images/about-banner.jpg) right top no-repeat; height:111px; overflow:hidden; }
#Banner .texts { padding-left:40px; padding-top:55px; width:380px; color:#023E65; font:normal 24px/34px Arial, Helvetica, sans-serif; }
#Banner .texts p { margin-bottom:10px; }
#Banner .textsInner { padding-left:40px; padding-top:25px; width:480px; color:#023E65; font:normal 38px/46px Arial, Helvetica, sans-serif; }




/*--- Content ---*/
#Content { padding-bottom:33px; padding-top:35px; background:url(../images/content-bg.gif) left top repeat-x; }
#Content .breadCrumb { margin-bottom:35px; border-bottom:1px solid #C9D0D5; margin-left:15px; font:normal 11px/23px Verdana, Arial, Helvetica, sans-serif; padding-left:5px; }
#Content .breadCrumb a { font-weight:bold; }

#Content h2 { font:normal 23px/30px Arial, Helvetica, sans-serif; color:#000E2E; padding:10px 0px; }
#Content h3 { font:normal 20px/26px Arial, Helvetica, sans-serif; color:#000E2E; margin-bottom:15px; }
#Content h4 { font:bold 14px/20px Arial, Helvetica, sans-serif; color:#000E2E; margin-bottom:15px; }
#Content p, #Content .floatLeft ul { margin-bottom:15px; }
#Content .floatLeft { width:619px; }
#Content .floatLeft li { display:block; list-style-type:none; padding-bottom:10px; padding-left:20px; background:url(../images/bullet.gif) left 8px no-repeat; }
#Content .floatLeft li ul { margin-bottom:0px; }
#Content .floatLeft li ul li { padding-bottom:4px; }
#Content .floatLeft li ul li ul li { padding-bottom:4px; color:#025185; }
#Content .floatLeft ul.blue li { color:#025185; }
#Content .floatRight { width:299px; }
#Content .floatRight .block { padding-bottom:19px; background:url(../images/ribht-bottom.gif) left bottom no-repeat #E9F0F0; margin-bottom:15px; }
#Content .floatRight .block .headings { padding-left:18px; background:url(../images/right-heading.gif) left top no-repeat; height:54px; overflow:hidden; color:#002E4C; text-shadow:#fff 1px 1px 1px; font:normal 20px/49px Arial, Helvetica, sans-serif; }
#Content .floatRight .block .innermain { border-bottom:1px solid #D4DADA; padding:13px 18px 18px 18px; }
#Content .floatRight .block .innermain ul.logos li { display:inline; }
#Content .floatRight .block .innermain ul.logos li a { height:75px; width:33%; float:left; display:block; text-indent:-9999px; overflow:hidden; }

#Content .floatRight .block .innermain ul.logos li a.logo1 { background:url(../images/ICBO1.png) center center no-repeat; }
#Content .floatRight .block .innermain ul.logos li a.logo2 { background:url(../images/2_1.png) center center no-repeat; }
#Content .floatRight .block .innermain ul.logos li a.logo3 { background:url(../images/ASTM1.png) center center no-repeat; }
#Content .floatRight .block .innermain ul.logos li a.logo4 { background:url(../images/ASNT1.png) center center no-repeat; }
#Content .floatRight .block .innermain ul.logos li a.logo5 { background:url(../images/ABS1.png) center center no-repeat; }
#Content .floatRight .block .innermain ul.logos li a.logo6 { background:url(../images/AWS1.png) center center no-repeat; }
#Content .floatRight .block .innermain ul.logos li a.logo7 { background:url(../images/DNV.png) center center no-repeat; width:99%; }

#Content .floatRight .block .innermain ul.logos li a.logo1:hover { background:url(../images/ICBO2.png) center center no-repeat; }
#Content .floatRight .block .innermain ul.logos li a.logo2:hover { background:url(../images/2_2.png) center center no-repeat; }
#Content .floatRight .block .innermain ul.logos li a.logo3:hover { background:url(../images/ASTM2.png) center center no-repeat; }
#Content .floatRight .block .innermain ul.logos li a.logo4:hover { background:url(../images/ASNT2.png) center center no-repeat; }
#Content .floatRight .block .innermain ul.logos li a.logo5:hover { background:url(../images/ABS2.png) center center no-repeat; }
#Content .floatRight .block .innermain ul.logos li a.logo6:hover { background:url(../images/AWS2.png) center center no-repeat; }
#Content .floatRight .block .innermain ul.logos li a.logo7:hover { background:url(../images/DNV1.png) center center no-repeat; }

#Content .floatRight .block .innermain .maps { float:left; margin-right:12px; margin-bottom:15px; }
#Content .floatRight .block .innermain .fL { white-space:nowrap; padding-left:24px; background:url(../images/phone.gif) left center no-repeat; margin-bottom:10px; }
#Content .floatRight .block .innermain .fR { white-space:nowrap; padding-left:24px; background:url(../images/fax.gif) left center no-repeat; margin-bottom:10px; }

#Content .floatRight .block .innermain a.slBig { font-size:12px; }
#Content .floatRight .block .innermain a.slBig:hover { font-size:13px; }

#Content .floatLeft .fLeft { width:304px; }

#Content .floatLeft .fRight { width:304px; }


#Content .more { float:left; padding-right:10px; background:url(../images/arrow.gif) right center no-repeat; }

#Content .gradBox { /*background:url(../images/content-foot-left.gif) left bottom no-repeat;*/ }
#Content .gradBox .inner { /*background:url(../images/content-foot-right.gif) right bottom no-repeat;*/ padding:0px 20px 35px 20px; }

#Content .innerText { padding-bottom:10px; }
#Content .innerText a { text-decoration:none; }
#Content .innerText a:hover { text-decoration:underline; color:#025185; }

#Content .leftImage { float:left; margin-right:20px; margin-bottom:15px; border:1px solid #DFE0E2; padding:5px; }
#Content .rightImage { float:right; margin-left:20px; margin-bottom:15px; border:1px solid #DFE0E2; padding:5px; }

#Content .box { background:url(../images/full-shadow.gif) center bottom no-repeat; padding-bottom:19px; margin-bottom:20px; }
#Content .box .testimonial { background:url(../images/testi-btm-bg.gif) left top repeat-x #F7F8F8; }
#Content .box .testimonial p { margin-bottom:0px; }
#Content .box .testimonial .inner { padding:0px; background:url(../images/testi-top-bg.gif) center top no-repeat; padding:25px 20px; font:italic 14px/24px Arial, Helvetica, sans-serif; color:#000E2E; text-indent:15px; }
#Content .box .testimonial .inner span { font-style:normal; color:#7F7F7F; }
#Content .box .testimonial .inner .quote { background:url(../images/quote.gif) left 3px no-repeat; }

#Content .tble { background:url(../images/testi-btm-bg.gif) left bottom repeat-x; }
#Content .tble td, #Content .tble th { padding:4px 9px; text-align:left; font-family:Arial, Helvetica, sans-serif; }
#Content .tble th { color:#002E4D; background:url(../images/th-bg.gif) right top repeat-x; }
#Content .tble td { border-bottom:1px solid #E4E9E9; border-right:1px solid #E4E9E9; }
#Content .tble { border-left:1px solid #E4E9E9; }

#Content  .paddBottom { padding-bottom:12px; }

/*---ajax form---*/
/*#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; -webkit-border-radius:5px; }*/
#contact { padding:0px 20px; }
#contact input, textarea, select { width: 500px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0 10px 0; font:normal 12px Arial, Helvetica, sans-serif; webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#002E4C; color:#fff; font-weight:bold; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
/*#contact fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }*/
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #DEE5EB url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#063350;border: 1px solid #C1C9CE; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

/*---lightbox----*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}


/*--- FootLinks ---*/
#FootLinks { background:#EBF2F2 url(../images/footlinks-bg.gif) center top no-repeat; border-bottom:1px solid #B2B8BF; padding-top:12px; text-shadow:#fff 1px 1px 1px; }
#FootLinks .holder { background:url(../images/footlinks-logo.gif) right 38px no-repeat; }
#FootLinks li { display:inline; }
#FootLinks li a { display:block; float:left; line-height:96px; padding:0px 11px 0px 9px; background:url(../images/footerlinks-divider.gif) left top no-repeat; }
#FootLinks li a.first { background:none; padding-left:0px; }

/*--- Footer ---*/
#Footer { background:#D5DCE5; border-top:1px solid #C9D0D8; height:33px; color:#025185; text-shadow:#fff 1px 1px 1px; line-height:33px; white-space:nowrap; }