/* CSS layout */

html,body {
	margin:0;padding:0;
}

html {
	color: #FFFFFF;
}

body {
	background:#040D09;
	direction: ltr;
	font-family: Arial,Tahoma,Verdana,sans-serif;
	font-size: 11pt;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.431;
}

img {
	border: 0;
}

/*
---------------------------------------------------------------------------------------
HTML ELEMENTS
---------------------------------------------------------------------------------------
*/
ul, ol, dl{position:relative; /* IE/Win Disappearing List-Background Bug */}
ul {list-style:square outside none;}

a{color:#3D8AFE; text-decoration:underline}
a:active{color:#3D8AFE}
a:visited{color:#3D8AFE}
a:hover{color:#000B1C; background:#3D98FE; text-decoration:none}

/*--------------------------------------------------------------------------------------*/

div#surrounder {
	font-size:108%;
	position:relative;
	background:#040D09 none repeat scroll 0 0;	
	border-top:2px solid #3366FF;
}

#container {
	background:#040D09 none repeat scroll 0 0;
	border-top:2px solid #3366FF;
	margin:0 auto;
	padding-bottom:20px;
	position:relative;
	width:950px;
}

div#header{position:relative; width:920px; margin:0 auto; height:120px; padding: 10px 30px 20px 0px;}

div#logo {
	width: 200px;
	height: 120px;
}

div#logo a{background:none}

div#top_nav{position:relative; width:950px; margin:0 auto; padding-bottom: 20px;}

div#content{position:relative; width:950px; margin:0 auto; padding-bottom:20px}

div#main{}

/*----------- Who we are? ------------*/
div#aboutUs{margin:20px 0 0 0; width:430px; float:left; min-height:300px}
div#aboutUs h1{margin:16px 0 5px 17px}
/*------------------------------------*/


/*----------- Services ------------*/
div#services{margin:20px 0 0 0; width:494px; float:right;  min-height:300px}
div#services h1{margin:16px 0 10px 17px}
div#services h2{position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden}

div#services ul{width:204px; font-size:93%; line-height:220%; float:left; margin:0 0 0 18px; padding:0}
div#services ul li{list-style-type:none; float:left; display:inline; text-align:right}
div#services ul li a{outline:none; display:block; color:#d3e9dd; text-decoration:none; height:28px; width:180px; padding:0 24px 0 0; margin:-1px 0 0 0; background:#172018 url("images/structure/servicesTab.png") 0 0 no-repeat}
div#services ul li a:hover{background-position:0 -28px}
div#services ul li.current a, div#services ul li.current a:hover{background-position:0 -56px; color:#090c08; background-color:#519570; cursor:default; font-weight:bold}

div#servicesWrap{margin:-3px 0 0 14px; float:left; width:350px}
div#servicesWrap img{float:left; margin:2px 10px 4px 0}
div#servicesWrap p{margin:0 0 12px 0; padding:0; line-height:125%}
div.serviceContent{padding-bottom:10px}
/*------------------------------------*/

/*---------- Footer ------------------*/
div#footer {
	background:#070906 url('../images/footerBg.png') repeat-x scroll 0 0;
	color:#FFFFFF;
	font-size:85%;
	margin:30px 0 0 0;
	min-height:100px;
	clear: both;
}

div#footerContent {
	margin:0 auto;
	padding:14px 0 0;
	width:950px;
}

div#footerCopyright {
	float:left;
	font-weight:bold;
	width:380px;
}

div#footerNav{float:right}
div#footerNav ul{margin:0; padding:0}
div#footerNav ul li{list-style-type:none; border-right:1px dotted #343533; display:inline; float:left; height:17px; line-height:1.1em; margin:0 10px 0 0}
div#footerNav ul li a{margin:0 6px 0 0}


/*------------------------------------*/


/*----------- box class properties ------------*/
.box{margin-top:20px; background:#080a07; border:1px solid #172018; background:#050a07 url('../images/boxBg.png') 50% 0 no-repeat; font-size:93%}
.box h1{margin:20px 0 5px 20px}
.box h2{margin:10px 0 4px 20px; color:#6699FF; font-size:138.5%}
.box h3{margin:10px 0 4px 20px; color:#6699FF; font-size:138.5%}

.box h3 small{color:#e8c956; font-size:76%; font-weight:normal; position:relative; top:-2px}
.box p{margin:0 20px 16px 20px}
.box table, .box table tr, .box table td, .box table th{margin:0 20px 16px 20px; border:0}

.box2{position:relative; margin:45px 20px 45px 20px; padding:20px 0 0 0; background:#0a0f0c; border:1px solid #1e2320}
.box2 h2{position:absolute; top:-30px; left:0; margin:0; padding:0}
.box2 p{margin:0 20px 14px 20px !important; padding:0; font-size:93%}

.box3{position:relative; margin:20px 20px 20px 20px; padding:15px 0 0 0 !important; background:#101c15; border:1px solid #505452}
.box3 h3{margin:10px 0 4px 20px; color:#6699FF; font-size:115%;}
.box3 p{margin:0 20px 16px 20px}

.box4{position:relative; margin:20px 20px 20px 20px; padding:15px 0 0 0 !important; background:#171811; border:1px solid #363826}
/*--------------------------------------------*/

.clearBoth{clear:both; overflow:hidden; height:1px; font-size:1px}
.noBorder{border:none !important}
.noMargin{margin:0 !important}

div.getQuote{margin:0 22px 20px 22px; padding:20px 0 0 0; border-top:1px solid #172018; text-align:right}

/*--------------- image wrap ------------*/
.imgWrapped {
	float:left;
	margin:2px 10px 4px 0;
}

.imgBorder {
	border: 6px #CCCCCC groove;
}

/*----------- Contact Us ------------*/
div#contactUsContainer {width:442px; float:left;}

div#contactUs {margin:20px 0 0 0; width:442px; min-height:180px;}
div#contactUs h1{margin:16px 0 5px 17px}

div#contactUs2 {margin:20px 0 0 0; width:442px; min-height:180px;}
div#contactUs2 h1{margin:16px 0 10px 17px}
div#contactUs2 h2{position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}

div#contactUsMap {margin:20px 0 0 0; width:482px; min-height:180px; float:right; text-align:right}
/*-----------------------------------*/

/*----------- Project Box -----------*/

div.boxProject{float:left; margin:22px 0 50px 22px; width:286px; background:transparent url('../images/boxProject.png') repeat-y scroll -286px 0}
div.boxProjectHeader{clear:both; overflow:hidden; height:11px; font-size:1px; background:transparent url('../images/boxProject.png') no-repeat scroll 0 0; position:relative; top:-11px; left:0}
div.boxProjectContent{margin:0; min-height:300px}
div.boxProjectContent h2{font-size:15px !important; font-weight:normal; text-align:center; margin:-5px 0 10px 0; padding:0}
div.boxProjectContent h2 a{text-decoration:none; color:#fff}
div.boxProjectContent h2 a:hover{text-decoration:underline; background-color:transparent; color:#fff}
div.projectThumb{text-align:center}
div.projectThumb img{border:2px solid #000}
p.projectDescription{font-size:11px; color:#b3bbb6; margin:8px 13px; padding:0; font-family:helvetica}
div.boxProjectFooter{position:relative}
div.boxProjectFooter a.btnViewProject{height:32px; width:286px; display:block; font-size:1px; text-indent:-9999px; display:block; overflow:hidden; border:0 none; background:transparent url('../images/boxProject.png') no-repeat scroll -572px 0; position:absolute; left:0; bottom:-32px}
div.boxProjectFooter a:hover.btnViewProject{background-position:-858px 0}

/*-----------------------------------*/