/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
	}
	body{
		line-height:1;
		width:100%;
	}
	ol,ul{
		list-style:none
	}
	blockquote,q{
		quotes:none
	}
	blockquote:before,blockquote:after,q:before,q:after{
		content:'';
		content:none
	}
	:focus{
		outline:0
		}
	ins{
		text-decoration:none
	}
	del{
		text-decoration:line-through
	}
	table{
		border-collapse:collapse;
		border-spacing:0
	}
/* Layout */
body {
    background: url('images/bg-body.jpg') repeat fixed;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}

/* Link Styling */
a {
    color: #FFFFFF;
    text-decoration: none;
}
a:active{
	
}
a:visited{
	
}
a:hover{
	
}

#page-wrap{
	    margin: 0 auto;
		width:931px;
		background:url('images/shadow-middle.png');
		background-position-y:10px;
}

#page {
    width: 911px;
	margin:0 10px;
    border: 1px solid #999;
}

#shadow-top{
	height:10px;
	margin: 0 auto;
	width:931px;
	margin-top:30px;
	background:url('images/shadow-top.png') no-repeat;
}
 
#shadow-bottom{
	height:10px;
	width:931px;
		margin: 0 auto;
	margin-bottom:30px;
	background:url('images/shadow-bottom.png') no-repeat;
}
#header-wrap{
	background:#fff;
	padding:20px;
}
#header {

   height:272px;

   position:relative;

}
#content-top{
	background:url('images/content-bg-top.png');
	height:33px;
}
#content-wrap{
	background:url('images/content-bg.png');
	padding:0px 20px 0;
	width:871px;
}
#content{
	border-bottom:5px solid #FF0000;
}
#footer-wrap{
	padding:20px;
	background:#FFF;
}
#footer{

}

#nav {
   float:right;
   position:absolute;
   right:0;
   top:239px;
   border-left:5px solid #26394a;
}
.left-column {
    width: 314px;
    float: left;
    margin-top: 2px;
    margin-bottom: 15px;
    z-index: 1;
	    border-right: 1px solid #FFF;
}

.right-column {
    z-index: 3;
    position: relative;
    left: -1px;
    width: 520px;
    float: left;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 0px;
    padding-left: 15px;
    margin-bottom: 15px;
	    border-left: 1px solid #FFF;
}
h2 {
    font-size: 17px;
    color: #FFFFFF;
    font-weight: normal;
}
.title {
    position: relative;
    height: 45px;
	width:100%;
	
}
div small{
	float:right;
	font-size:0.7em;
	clear:both;
}
.title h2 {
    margin: 15px 0 13px 15px;
    position: absolute;
    width: 100%;
}
.left-column .title {
    left: -20px;
	background: url(images/hexagon.png) left no-repeat scroll;
}
.right-column .title{
    right: -42px;
    text-align: right;
	background: url(images/hexagon.png) right no-repeat scroll;
}

.left-column .title h2 {
    margin: 15px 0 13px 55px;
    position: absolute;
    width: 100%;
}

.right-column .title h2 {
    margin: 15px 50px 13px 0;
    position: absolute;
    right: 0;
    width: 100%
}
img.featured {
    margin: 15px auto;
    display: block;
    border: 1px solid #000;
}

.content {
    margin-left: 35px;
    margin-right: 35px;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
}
.content li{
	list-style:circle inside;
}
.content p{
	  margin-bottom: 20px;
	text-align:justify;
}

.content ul{
	margin-bottom:20px;
}

/* Project Listing */
/* override the root element to enable scrolling */
#list-proj {
    position: relative;
    overflow: hidden;
    clear: both;
}

.next {
    color: #ccc;
    font-size: 12px;
    width: 30%;
    float: right;
    margin: 10px 10%;
    margin-left: 0;
    text-align: center;
}

.next:hover, .prev:hover {
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    margin-bottom: 9px;
}

.prev {
    color: #ccc;
    font-size: 12px;
    width: 30%;
    float: left;
    margin: 10px 10%;
    margin-right: 0;
    text-align: center;
}

/* override single pane */
#list-proj div {
    float: left;
    display: block;
    width: 314px;
    font-size: 12px;
}

/* our additional wrapper element for the items */
#list-proj .items {
    width: 20000em;
    position: relative;
    clear: both;
    margin: 0;
    padding: 0;
}

#list-proj .less, #list-proj .less a {
    color: #fff !important;
    font-size: 11px;
}

.proj-list li {
    float: left;
    list-style: none inside none;
    font-size: 12px;
    width: 100%;
    height: 80px;
}

.proj-list li a {
    color: #fff;
    float: left;
    text-decoration: none;
    display: block;
}

.proj-list li a span {
    cursor: pointer;
}

.proj-list li a p {
    padding-top: 10px;
    color: #fff;
    cursor: pointer;
}

.proj-list li:hover {
    background: #959595;
}

.proj-list li:hover a {
    text-decoration: none;
}

.proj-list li a img {
    float: left;
    margin: 10px;
    margin-left: 35px;
    border: 1px solid #fff;
}

#list-proj a div.proj-list-div {
    margin-top: 10px;
    float: left;
    width: 175px;
}

.proj-list div {
    padding-top: 10px;
    display: block;
}

.proj-list div.clear {
    padding: 0;
}

/* End Project Listing */

 /* Main Navigation */
#navigation a {
    display: block;
    height: 28px;
}

#navigation {
    font-size: 1.2em;
    display: block;
    background: #004B8F url('images/nav-bg.png') repeat-x;
    width: 547px;
    height: 40px;
    top: 118px;
    left: 314px;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    z-index: 50;
}

#navigation li {
    float: left;
	
    display: block;
    border-bottom: 7px solid #004B8F;
}

#navigation a {
    display: block;
    width: 100%;
}

#navigation .hometab {
    width: 115px;

}

#navigation .projects-cat {
    width: 115px;
		
}

#navigation .pre-construction-page {
    width: 115px;
	
}

#navigation .overview-page {
    width: 115px;
	
}
.firstdivider{
	margin-left:20px;
}
.lastdivider{

}
#navigation li.divider, #navigation li.divider:hover{
	background:url('images/nav-divider.png') no-repeat center 5px;
	width:10px;
	border-bottom:7px solid #004B8F;
	height:33px;
}

.clear {
    clear: both;
}

#navigation .contact-us-page {
	
    width: 115px;
}

ul li.hometab div.navt_gl img.hometab-img, ul li.hometab div.navt_gl {
    /* set the background image, width and height of the graphic */
    height: 33px;
    background: url(images/nav-home.png) no-repeat center 13px;
}

ul li.projects-cat div.navt_gl img.projects-cat-img, ul li.projects-cat div.navt_gl {
    /* set the background image, width and height of the graphic */
    height: 33px;
    background: url(images/nav-projects.png) no-repeat center 13px;
}

ul li.pre-construction-page div.navt_gl img.pre-construction-page-img, ul li.pre-construction-page div.navt_gl {
    /* set the background image, width and height of the graphic */
    height: 33px;
    background: url(images/nav-services.png) no-repeat center 13px;
}

ul li.overview-page div.navt_gl img.overview-page-img, ul li.overview-page div.navt_gl {
    /* set the background image, width and height of the graphic */
    height: 33px;
    background: url(images/nav-about.png) no-repeat center 13px;
}

ul li.contact-us-page div.navt_gl img.contact-us-page-img, ul li.contact-us-page div.navt_gl {
    /* set the background image, width and height of the graphic */
    height: 33px;
    background: url(images/nav-contact.png) no-repeat center 13px;
}

#navigation li:hover {
    border-bottom: 7px solid #F00;
}

#navigation a, #navigation a:hover {
    text-decoration: none;
}

#navigation ul {
    position: absolute;
    display: none;
    width: 200px;
    top: 40px;
    background-color: #004B8F;
    font-size: 0.9em;
    margin-left: 0px;
    font-weight: normal;
    z-index: 25;
}

#navigation ul li {
	
    float: none;
    display: block;
    padding-top: 0px;
    padding: 2px;
    border: 4px solid #004B8F;
    width: 182px;
    height: 17px;
    padding-bottom: 4px;
    position: relative;
}

#navigation ul li:hover {
    border: 4px solid #004B8F;
}

#navigation ul li a, .sIFR-active #navigation ul li a {
    display: block;
    padding: 2px 2px;
    font-size: 13px;
    color: #eee;
    width: 178px;
    border: 0;
    height: 17px;
}

#navigation ul li a:hover {
    background-color: #F00;
    border: 0;
}

/* THIRD TIER */
#navigation ul li ul {
    display: block;
    position: relative;
    z-index: 30;
    font-size: 0.9em;
}

#navigation ul li ul li {
    border-bottom: 0;
}

#navigation ul ul li a, .sIFR-active #navigation ul ul li a {
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    border: 0;
    margin: 0;
}

#navigation ul ul li a:hover, .sIFR-active #navigation ul ul li a:hover {
    background-color: #F00;
}

#navigation .current_item_parent, #navigation .current_page_item, #navigation .current-cat {
}

#navigation ul .current_page_item, #navigation ul .current_item_parent, #navigation ul .current-cat {
}
.navt_gl{
	position:relative;
}
/* End Main Navigation */

/* Footer Navigation Styles */
#footer-navigation {
    float: right;
    font-size: 10px;
    font-weight: bold;
}

#footer-navigation ul {
    list-style: none inside none;
    height: 14px;
    padding: 8px 0;
}

#footer-navigation ul li {
    float: left;
    text-align: center;
    border-right: 1px solid #666666;
}

#footer-navigation ul li a {
    color: #666666;
    padding: 2px 5px;
    text-decoration: none;
}

#footer-navigation ul li a:hover {
    text-decoration: underline;
}

#footer-navigation ul li.last {
    border-right: 0;
    padding-left: 5px;
    font-weight: normal;
    text-align: right;
	color:#999999;
}
/* End Footer Nagivation Styles */

 /* Forms */
#footer-search {
    float: left;
}

#searchform input.text {
    border: 1px solid #999999;
    height: 14px;
    font-size: 10px;
    color: #999999;
    float: left;
    display: block;
}

#searchsubmit {
    color: #999999;
    padding-bottom: 2px;
    height: 18px;
    border: 1px solid #999;
    font-size: 10px;
    font-weight: bold;
    float: left;
    margin-left: 5px;
    display: block;
}

.wpcf7-form input, .wpcf7-form textarea {
    padding:4px;
    font-size: 14px;
    margin-left: 5px;
	border:2px solid #CCCCCC;
	margin-top:5px;
}

div.wpcf7-validation-errors {
    border: 2px solid #F00;
}

.wpcf7-form textarea {
    height: 100px;
    font-size: 12px;
}

#banner{
	width:100%;
	height:100%;
	border-bottom:7px solid #00549f;
}
#banner li{
	width:100%;
	height:100%;
}
#header a{
	display:block;
	position:absolute;
	top:0;
	float:left;
}

.about-menu ul li {
    width: 100%;
    position: relative;
    display: block;
}

.about-menu ul li:hover {
    background: #ffffff;
}

.about-menu ul li.current-cat, .about-menu ul li.current_page_item {
    background: #ffffff;

}
.about-menu ul li.current-cat a,  .about-menu ul li.current_page_item a{
		  color: #F00;
}

.about-menu ul li a {
    font-size: 12px;
    padding-left: 15px;
	padding-bottom:2px;
	padding-top:2px;
    display: block;
    color: #fff;
}

.about-menu ul li:hover a {
    color: #F00;
    text-decoration: none;
}

.about-menu {
    padding-left: 20px;
    margin-right: 0px;
    line-height: 18px;
    padding-bottom: 20px;
	border-bottom:1px solid #FFFFFF;
}
.quote{
	    padding-top: 20px;
    padding-left: 15px;
    padding-bottom: 20px;
    text-align: center;
    position: relative;
    padding: 21px 20px 20px 45px;
    background: url(images/hexagon.png) left no-repeat scroll;
    left: -20px;
    width: 280px;
	font-size:24px;
}
.left-side {
    width: 240px;
    float: left;
}

.right-side {
    width: 270px;
    float: right;
}
.sideimage {
	
	 border: 2px solid #FFF;
    padding: 4px;
    margin: 5px;
    background: #ccc;
	margin-top:20px;
}
.first-image img, .second-image img, .third-image img, img.featured {
    border: 2px solid #FFF;
    padding: 4px;
    margin: 5px;
    background: #ccc;
}
.content-item {
    clear: both;
    text-align: right;
    font-size: 14px;
    margin-top: 15px;
}
.content-item p {
    margin-top: 5px;
}

.content-item span {
    font-weight: bold;
    color: #ccc;
}

.search-result{
	margin-bottom:20px;
	
}
.search-result small, .search-result p{
	font-size:10px;
	font-weight:bold;
}
.search-result div p{
	font-size:12px;
	font-weight:normal;
	margin-bottom:5px;
}
.offices span{
	font-size:1.2em;
}
.offices p{
	margin-left:10px;
	line-height:1.8;

}
.featured-projects{
	height:1px;
}
.featured-projects li{
	float:left;
	width:40%;
	margin:20px;
	text-align:center;
}
.newsfront span{
	float:left;

}
img.newsfront{
	margin:0px;
}
div.newsfront{
	float:left;
		width:35%;
}
.clear{
	clear:both;
	float:none;
}
.banner-img{
		position:absolute;
			top:0;
			float:left;
	
			}
			
											#banner #hd-17{
				
				    background:url(images/header-img-16.jpg) no-repeat;
			}
														#banner #hd-16{
				
				    background:url(images/header-img-15.jpg) no-repeat;
			}
														#banner #hd-15{
				
				    background:url(images/header-img-14.jpg) no-repeat;
			}
														#banner #hd-14{
				
				    background:url(images/header-img-13.jpg) no-repeat;
			}
														#banner #hd-13{
				
				    background:url(images/header-img-12.jpg) no-repeat;
			}
														#banner #hd-12{
				
				    background:url(images/header-img-11.jpg) no-repeat;
			}
														#banner #hd-11{
				
				    background:url(images/header-img-10.jpg) no-repeat;
			}
														#banner #hd-10{
				
				    background:url(images/header-img-9.jpg) no-repeat;
			}
														#banner #hd-9{
				
				    background:url(images/header-img-8.jpg) no-repeat;
			}
														#banner #hd-8{
				
				    background:url(images/header-img-7.jpg) no-repeat;
			}
														#banner #hd-7{
				
				    background:url(images/header-img-6.jpg) no-repeat;
			}
														#banner #hd-6{
				
				    background:url(images/header-img-5.jpg) no-repeat;
			}
														#banner #hd-5{
				
				    background:url(images/header-img-4.jpg) no-repeat;
			}
														#banner #hd-4{
				
				    background:url(images/header-img-3.jpg) no-repeat;
			}
														#banner #hd-3{
				
				    background:url(images/header-img-2.jpg) no-repeat;
			}
														#banner #hd-2{
				
				    background:url(images/header-img-1.jpg) no-repeat;
			}
														#banner #hd-1{
				background:url(images/header-img-0.jpg) no-repeat;
				   }