/* CSS DOCUMENT */

/*---------------------------- GENERAL ----------------------------*/
body{
	padding:0;
	margin:0;
	background:url(../images/body-bg.gif) 0 0 repeat-x #002D68;
	font-family:Arial, Helvetica, sans-serif;
	color:#C9EEFF;
	}
th, td, div, img, p, a, ul, h1, h2, h3, h4, h5, h6, form, label, input, select, textarea, object{
	padding:0;
	margin:0;
	}
img{ border:none;
	 display:block;
	 }
a{ text-decoration:none;
	outline:none;
	}
ul{ list-style-type:none;}
.spacer{
	font-size:0;
	line-height:0;
	clear:both;
	}

/*---------------------------- TOP AREA ----------------------------*/
div#topArea{
	height:41px;
	position:relative;
	width:900px;
	margin:0 auto;
	}
div#topArea a.logo{
	display:block;
	position:absolute;
	left:161px;
	top:11px;
	z-index:100;
	font-size:0;
	line-height:0;
	width:91px;
	height:94px;
	}
div#topArea ul{
	position:absolute;
	top:0;
	right:0;
	z-index:50;
	font:normal 12px/40px Arial, Helvetica, sans-serif;
	height:47px;
	width:900px;
	}
div#topArea ul li{
	float:right;
	padding:0 2px 0 4px;
	background:url(../images/main-nav-divider.gif) 0 15px no-repeat;
	width:auto;
	}
div#topArea ul li a{
	height:47px;
	display:block;
	float:left;
	width:auto;
	background-color:inherit;
	color:#fff;
	}
div#topArea ul li a span{
	display:block;
	height:41px;
	padding:0 16px;
	cursor:pointer;
	float:left;
	width:auto;
	}
div#topArea ul li a:hover,
div#topArea ul li a.active{
	background:url(../images/main-nav-arrow.gif) 50% 100% no-repeat;
	}
div#topArea ul li a:hover span,
div#topArea ul li a.active span{
	color:#1CD4FF;
	background:url(../images/main-nav-h.gif) 0 0 repeat-x #000;
	}

/*---------------------------- BANNER AREA ----------------------------*/
div#banerArea{
	height:334px;
	background:url(../images/banner.jpg) 50% 0 no-repeat;
	padding:91px 0 0 0;
	}
div#banerArea div#innerBanerArea{
	width:900px;
	margin:0 auto;
	}
div#banerArea div#innerBanerArea div.bannerContainer{
	width:367px;
	float:right;
	}
div#banerArea div#innerBanerArea div.bannerContainer h2{
	height:50px;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	background:url(../images/intro-hdr.jpg) 0 0 no-repeat;
	}
div#banerArea div#innerBanerArea div.bannerContainer div{
	height:143px;
	overflow:hidden;
	}
div#banerArea div#innerBanerArea div.bannerContainer div p{
	font-size:12px;
	line-height:18px;
	color:#fff;
	background-color:inherit;
	padding-bottom:14px;
	}
div#banerArea div#innerBanerArea div.bannerContainer div p span{
	text-transform:uppercase;
	}
div#banerArea div#innerBanerArea div.bannerContainer span.moreInfoLink{
	display:block;
	height:63px;
	width:186px;
	background:url(../images/more-info-shadow.jpg) 0 100% no-repeat;
	margin-bottom:7px;
	}
div#banerArea div#innerBanerArea div.bannerContainer span.moreInfoLink a{
	height:34px;
	display:block;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	background:url(../images/more-info-btn.jpg) 0 0 no-repeat;
	}
div#banerArea div#innerBanerArea div.bannerContainer span.moreInfoLink a:hover,
div.blockArea div.innerBlockArea div.innerBlockContainer div.blockContent div a.moreDetailsLink:hover,
div.portfolioArea ul li a.urlLink:hover{
	background-position:0 100%;
	}
div#banerArea div#innerBanerArea div.bannerContainer p.phNo{
	height:21px;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	background:url(../images/ph-no.gif) 0 0 no-repeat;
	}

/*---------------------------- INNER BANNER AREA ----------------------------*/
div#innerPageBanerArea{
	height:110px;
	background:url(../images/inner-banner.jpg) 50% 0 no-repeat;
	font-size:0;
	line-height:0;
	padding-top:206px;
	}
div#innerPageBanerArea h1{
	height:45px;
	width:870px;
	margin:0 auto;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	background:30px 0 no-repeat;
	}
div#innerPageBanerArea h1.aboutHdr{
	background-image:url(../images/about-hdr.jpg);
	}
div#innerPageBanerArea h1.servicesHdr{
	background-image:url(../images/services-hdr.jpg);
	}
div#innerPageBanerArea h1.portfolioHdr{
	background-image:url(../images/portfolio-hdr.jpg);
	}
div#innerPageBanerArea h1.testimonialsHdr{
	background-image:url(../images/testimonials-hdr.jpg);
	}
div#innerPageBanerArea h1.contactHdr{
	background-image:url(../images/contact-hdr.jpg);
	}

/*---------------------------- BLOCK AREA ----------------------------*/
div.blockArea{
	height:100%;
	overflow:hidden;
	background:url(../images/block-pattern.jpg) 0 0 repeat-x #00143A;
	color:#A7AEBB;
	padding:25px 0;
	}
div.blockArea div.innerBlockArea{
	width:900px;
	overflow:hidden;
	margin:0 auto;
	}
div.blockArea div.innerBlockArea div.innerBlockContainer{
	width:910px;
	height:100%;
	overflow:hidden;
	}
div.blockArea div.innerBlockArea div.innerBlockContainer div.blockContent{
	padding:0 15px 20px;
	border-right:1px solid #002874;
	float:left;
	width:270px;
	}
div.blockArea div.innerBlockArea div.innerBlockContainer div.blockContent.blockIcon1{
	background:url(../images/block-icon1.gif) 20px 45px no-repeat;
	}
div.blockArea div.innerBlockArea div.innerBlockContainer div.blockContent.blockIcon2{
	background:url(../images/block-icon2.gif) 20px 50px no-repeat;
	}
div.blockArea div.innerBlockArea div.innerBlockContainer div.blockContent.blockIcon3{
	background:url(../images/block-icon3.gif) 20px 45px no-repeat;
	}
div.blockArea div.innerBlockArea div.innerBlockContainer div.blockContent h2,
div.bottomContainer h2{
	font:normal 18px/22px Helvetica, sans-serif;
	padding-bottom:15px;
	background-color:inherit;
	color:#1CB7FF;
	text-transform:lowercase;
	}
div.blockArea div.innerBlockArea div.innerBlockContainer div.blockContent div{
	padding-left:75px;
	}
div.blockArea div.innerBlockArea div.innerBlockContainer div.blockContent div p{
	font-size:11px;
	line-height:15px;
	padding-bottom:16px;
	}
div.blockArea div.innerBlockArea div.innerBlockContainer div.blockContent div a.moreDetailsLink{
	display:block;
	height:20px;
	width:94px;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	background:url(../images/more-details-link.gif) 0 0 no-repeat;
	}

/*---------------------------- BOTTOM CONTAINER ----------------------------*/
div.bottomContainer{
	height:100%;
	overflow:hidden;
	padding:18px 15px;
	width:870px;
	margin:0 auto;
	min-height:270px;
	}
div.bottomContainer ul.bodyList1{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	padding-bottom:15px;
	}
div.bottomContainer ul.bodyList1 li{
	padding:0 0 11px 17px;
	background:url(../images/bull1.gif) 0 3px no-repeat;
	}
div.bottomContainer p{
	font-size:12px;
	line-height:18px;
	padding-bottom:10px;
	}

/*---------------------------- BOTTOM CONTAINER - LEFT PANEL ----------------------------*/
div.bottomLeftPanel{
	width:425px;
	float:left;
	}

/*---------------------------- BOTTOM CONTAINER - RIGHT PANEL ----------------------------*/
div.bottomRightPanel{
	width:380px;
	float:right;
	}
div.bottomRightPanel h3{
	font-size:11px;
	line-height:15px;
	font-weight:bold;
	background-color:inherit;
	color:#A1C6F6;
	padding-bottom:12px;
	}
div.bottomRightPanel h3 span{
	font-weight:normal;
	background-color:inherit;
	color:#86B3EE;
	display:block;
	}

/*---------------------------- FORM AREA ----------------------------*/
div.formArea{
	padding:0 80px 0 0;
	}
div.formArea div{
	height:100%;
	overflow:hidden;
	padding-bottom:8px;
	}
div.formArea div label{
	font-size:11px;
	line-height:15px;
	font-weight:bold;
	background-color:inherit;
	color:#16B8EF;
	display:block;
	float:left;
	width:auto;
	}
div.formArea div input{
	width:200px;
	height:16px;
	float:right;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	padding:0 0 0 3px;
	}
div.formArea div select{
	width:207px;
	float:right;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	}
div.formArea div textarea{
	width:200px;
	height:50px;
	float:right;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	padding:3px 0 0 3px;
	}
div.formArea div.submitBtn input{
	width:94px;
	height:20px;
	padding:0;
	}

/*---------------------------- FOOTER ----------------------------*/
div#footerArea{
	background-color:#00143A;
	color:#1CD4FF;
	}
div#footerArea div.footerContainer{
	width:870px;
	margin:0 auto;
	padding:45px 15px;
	}
div#footerArea div.footerContainer ul{
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	padding-bottom:8px;
	}
div#footerArea div.footerContainer ul li{
	display:inline;
	padding-right:12px;
	}
div#footerArea div.footerContainer ul li a{
	background-color:inherit;
	color:#fff;
	}
div#footerArea div.footerContainer ul li a:hover,
div#footerArea div.footerContainer ul li a.active{
	background-color:inherit;
	color:#1CD4FF;
	}
div#footerArea div.footerContainer p{
	font-size:10px;
	line-height:14px;
	}

/*---------------------------- PORTFOLIO PAGE ----------------------------*/
div.portfolioArea{
	width:870px;
	overflow:hidden;
	}
div.portfolioArea ul{
	width:930px;
	height:100%;
	overflow:hidden;
	}
div.portfolioArea ul li{
	width:253px;
	height:280px;
	float:left;
	padding-right:55px;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#A7AEBB;
	}
div.portfolioArea ul li a{
	display:block;
	margin-bottom:6px;
	}
div.portfolioArea ul li span{
	display:block;
	padding-bottom:10px;
	}
div.portfolioArea ul li span span{
	padding:0;
	}
div.portfolioArea ul li span span a{
	display:inline;
	margin:0;
	background-color:inherit;
	color:#1CFDFF;
	text-decoration:underline;
	}
div.portfolioArea ul li span span a:hover{
	text-decoration:none;
	}
div.portfolioArea ul li a.urlLink{
	width:74px;
	height:20px;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	margin:0;
	background:url(../images/visit-url-link.gif) 0 0 no-repeat;
	}

/*---------------------------- SERVICES PAGE ----------------------------*/
div.servicesArea{
	height:100%;
	overflow:hidden;
	padding-bottom:25px;
	}

/*---------------------------- FORM AREA ----------------------------*/
div.contactForm{
	width:320px;
	padding-top:15px;
	}

/*---------------------------- EXTRAS ----------------------------*/
.noBg{
	background:none !important;
	}
.topPad30{
	padding-top:30px !important;
	}
.botPad200{
	padding-bottom:300px !important;
	}