body {font:13px/20px Arial, Helvetica, sans-serif; color:#fff; background:#363636 url(../images/bodybg.png) repeat-x 0px 161px;}
h1 {font:bold italic 24px/24px arial; padding-bottom:10px;}
h2 {font-size:18px; padding-bottom:5px;}
a {color:#004B7D;}
a:hover {color:#000;}
#markets ul {padding:0 0 20px 40px; list-style-type:disc;}
td {padding:5px;}

.container {margin:0 auto; width:960px; position:relative;}
.imgright {float:right; position:relative; right:-22px; margin-bottom:20px;background:#fff; padding:5px; border:solid 1px #c3c9ca;}
.clear {clear:both;}
#gallery_title h1, #markets_title h3{font:18px/20px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;}

#header {height:171px; background:url(../images/background.png); border-bottom:solid 3px #FFFFFF; position:relative; z-index:2;}
.blue_head {color:#fff; padding:3px 6px; background:#005892;}

#logo {position:absolute; top:26px; left:0; }

input, textarea{
width: 200px;
height: 18px;
margin-top: 4px;
margin-left: 22px;
}

#navigation {text-align:center; height:56px; font:14px/20px Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../images/nav_background.png); position:relative; top:115px; z-index:4;}
#navigation li {list-style: none; float:left; position:relative;}
#navigation li.divider {padding-top:10px;}
#navigation a {font:13px/20px Arial, Helvetica, sans-serif; color:#fff; text-decoration: none; font-weight:bold; display:block; text-align:center; height:35px; padding-top:15px;}
#navigation a.largelink {padding-top:7px; height:43px;}
#link1, #link1 a {width:122px;} #link2, #link2 a {width:121px;}  #link3, #link3 a {width:120px;}  #link4, #link4 a {width:127px;}  #link5, #link5 a {width:157px;}  #link6, #link6 a {width:161px;}   #link7, #link7 a {width:133px;}
#navigation ul ul {position:absolute; width:100%; top:50px; left:0; background:#004E81; z-index:5; padding-top:10px; display:none;-moz-box-shadow: 3px 3px 3px #333; -webkit-box-shadow: 3px 3px 3px #333; box-shadow: 3px 3px 3px #333; }
#navigation li:hover ul {display:block;}
#navigation ul ul li {float:left; width:100%;}
#navigation ul ul a {width:auto; height:auto; padding:4px 6px; text-align:left; font-size:11px; line-height:14px; font-weight:normal;}
#navigation a:hover{color:#2891d6;}
#navigation ul ul a:hover {color:#fff; background:#2891d6;}

#main p {padding-bottom:24px;}

#navmenu ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
#navmenu li {display: inline; }
#navmenu ul li a {text-decoration:none;  margin: 4px;
	padding: 5px 20px 5px 20px; color: blue;
	background: pink;}
#navmenu ul li a:hover {color: purple;
	background: yellow; }

#tcmcollage {float:right;
height:652px;
margin-left:33px;
margin-top:28px;
width:297px;	
background:url(../images/tcmcollage.jpg) no-repeat;
}

.tcmlogo {width:245px; height:136px; float:left; background:url(../images/tcmlogo.png) no-repeat; text-indent:-9999px; padding:0px; margin-right:10px;}
	
	
.nicetable td {padding:5px; border:1px solid #d3d3d3;}
.nicetable tr td:first-child {text-align:right; background:#ececec;}
	
.greybox {padding:20px 20px 0; background:#ececec; border:1px solid #d3d3d3;}

#searchform {
	position:absolute;
	top:9px;
	left:684px;
	width:277px;
	height:41px;
	background:url(../images/search.png)
}
#searchform label {display:none;}
#searchsubmit {width:39px; height:32px; background:none; text-indent:-9999px; border:none; position:absolute; top:-4px; right:9px; cursor:pointer;}
#top_info {
	margin-top:20px;
	position:absolute;
	top:50px;
	left:684px;
	width:277px;
	font:15px/20px Arial, Helvetica, sans-serif; 
	color:#000000; 
	text-align:right;
	font-weight:bold;
}
#top_info a {
	text-decoration: underline;
	font-weight: bold;
	color:#000000;
}



#body {float:left; width:960px;}
#home_content{}
#left {width:672px; height:455px; padding:0px; background:url(../images/gallery/img1.jpg); float:left}
#gallery_title{width:100%; height:47px; background:url(../images/overlay.png); text-align:left;}
#gallery_title h1 {color:#FFFFFF; font:bold 20px/22px verdana, serif; padding:12px 0px 0px 18px; font-style:italic;}
#left .bottom {height:22px; background:url(../images/contentbottom.png) no-repeat; position:absolute; bottom:0; left:0; width:100%;}
#right {float:right; padding:18px; width:252px; background:#1d1d1d}
#main {background:#FFFFFF url(../images/content.png) repeat-x;  z-index:1;}

#markets {width:640px; margin:28px 0 40px; float:left; color:#000;}
#markets_title {background:#004b7d; height:30px; width:100%; text-align:center; padding-top:9px; }
#inside {width:475px;  float:left; margin:28px 0 40px; color:#000; min-height:400px; }
* html #inside {height:400px;}

#latest {width:286px; height:470px; margin-left:33px; margin-top:28px; float:left; }
#latest_title {background:#000000; height:30px; width:270px; text-align:left; padding-top:9px; padding-left:17px;}


#latest_links{background:#d8d8d8; width:261px; font:13px/20px Arial, Helvetica, sans-serif; color:#777777; padding-left:25px; margin-top:13px; padding-top:20px;}
#latest_links li {padding-bottom: 23px; list-style-type: disc;}
#latest_links a {font-weight:bold; color:#2b2b2b;}

#tcm {background:url(../images/tcm.png); height:103px; margin-top:20px; display:block; text-decoration:none;}


#markets_gallery {
    width: 640px; 
	height: 380px;
    }

	
	#markets ul#gallery_images {padding:0px; list-style-type:none;}
	#gallery_images li {float:left;}
	
#gallery_images a {
    height: 159px; width: 202px; display: block; text-indent:-9999px;
	background: url(../images/markets_served.jpg); margin-top:18px;
	}
	
	#gallery_images .industry a{background-position: 0px 0px;  margin-right:17px;}
    #gallery_images .renewable a{background-position: -202px 0px; margin-right:17px;}
    #gallery_images .field a{background-position: -404px 0px; }
    #gallery_images .infrastructure a{background-position: 0px 159px; margin-right:17px;}
	#gallery_images .transportation a{background-position: -202px 159px; margin-right:17px;}
	#gallery_images .marine a{background-position: -404px 159px;}
	

#inside ul {list-style-type:disc; padding:0px 0px 40px 40px;}
#photos {float:right; margin:64px 0px 25px;border:1px solid #000;}					
.filmstrip li {overflow:hidden; width:65px;}
					
					
					







#footer { background:url(../images/footer.png); height:154px; margin-top: -154px; position: relative; clear:both;}
#footer img, #address {position:absolute;}
.text_center {text-align: center; padding-top:23px;}
.text_center a {color: #FFFFFF; font-weight:bold;}
.text_center a:hover{color:#2891d6;}



/* sticky footer */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 154px;}  /* must be same height as the footer */
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* CONTACT PAGE */
.needsfilled {background:#F00; color:#fff;}
#contactform {width:390px; float:left;}
#bar {display:none; background:url(../images/preload.gif); width:39px; height:13px; margin:20px auto;}
#output {display:none; text-align:center; margin:20px auto; padding:10px 20px; background:#004B7D; border:2px solid #003253; font-weight:bold; color:#fff;}
#rfqform td:first-child {text-align:right;}
#rfqform td {padding:5px; vertical-align:top;}
#main #rfqform p {padding:0px;}
#main #rfqform input {margin:0px;}
#main #message {width:300px; height:100px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#main input.submit {width:auto; height:auto;}
#contactinfo {float:right; width:200px; margin-top:22px;}



/*WORDPRESS DEFAULT*/
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */