@charset "utf-8";
/* CSS Document */

/*Start 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;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

/*End Reset */


a {
	text-decoration:none;
	color:#000;
}
a:hover {
	text-decoration:underline;
}

#project {
	font-size:13px;
	line-height:20px;
}
#project h2 {
	color:#000;
	margin-top:20px;
}
#proj-header {
	text-align:right;
}
#proj-info {
	width:500px;
	float:left;
	background:#cecbc8;
	padding:10px;
	margin-bottom:25px;
}
#proj-back {
	float:right;
}
#proj-slideshow {
	width:400px;
	height:337px;
	float:right;
	margin-bottom:25px;
}
#proj-info h1, #contact h1 {
	color:#000;
	font-size:18px;
	letter-spacing:0px;
	margin-top:-10px;
}
#contact p {
	margin-bottom:5px;
}


.proj-list-header {
	background-color:#A07C5F;
	font-style: italic;
	font-weight: bold;
	padding:5px;
	color: #FFFFFF;
	font-size:16px;
}

.proj-list-table {
	border-spacing:12px;
}
.proj-list-table td {
	background:#e5e3e4;
	width:33%;
}
a.proj-link {
	text-decoration:none;
}

.proj-list-item {
	width:276px; /*296*/
	min-height:110px; /*130*/
	padding:10px;
	background:#e5e3e4;
	float:left;
	margin:6px;
}

.proj-list-image {
	width:142px;
	float:left;
	margin:0px 8px 6px 0;
}
.proj-list-image img {
	border:1px solid #8d8d8d;
}


#map-listing {
	width:200px;
	float:left;
}
#map-area {
	width:500px;
	float:left;
	margin-left:10px;
}


#news-list li {margin-bottom:10px;}


.slider {
	height: 417px;
	width: 961px;
	margin: auto;
	overflow: hidden;
	z-index:1;
	position:relative;
	}
	
#prevBtn { 
		display:block;
		width:37px;
		height:37px;
		position:relative;
		left:20px;
		top:-50px;
		z-index:200;
		background:url(/images/arrow-left.png) no-repeat 0 0;
		cursor:pointer;	
		}	
		
#nextBtn{ 
		display:block;
		width:37px;
		height:37px;
		position:relative;
		left:910px;
		top:-87px;
		z-index:200;
		background:url(/images/arrow-right.png) no-repeat 0 0;
		cursor:pointer;	
		}	

	
	/*#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		
		width:961px;
		height:417px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:37px;
		height:37px;
		position:relative;
		left:20px;
		top:-50px;
		z-index:200;
		}	
		
	#prevBtn, #nextBtn{ 
		display:block;
		width:37px;
		height:37px;
		position:relative;
		left:20px;
		top:-50px;
		z-index:200;
		}	
	
	/*#nextBtn{ 
		left:910px;
		top:-87px;
		z-index:200;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:37px;
		height:37px;
		background:url(/images/arrow-left.png) no-repeat 0 0;	
		}
	#nextBtn a{ 
		background:url(/images/arrow-right.png) no-repeat 0 0;	
		}				*/								


#eventsTable {
	border: 6px solid #BDBDBD;
	border-bottom: 0px;
	width: 100%;
}
#eventsTable tr {
	vertical-align: top;
}
#eventsTable th {
	text-align: left;
}
#eventsTable th,
#eventsTable td {
	background-color: #D0D0D0;
	border-bottom: 6px solid #BDBDBD;
}
#eventsTable tr td:first-child,
#eventsTable tr td:last-child{
	white-space: nowrap;
}





.slideshow {
	width:927px;
	height:300px;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	background: url(../images/stripe_background.png) repeat;
	}

h1 {
	font-size:45px;
	color:#6B6B6B;
	letter-spacing:-2px;
	line-height:50px;
	padding-bottom:7px;
	}

h2 {
	font-size:16px;
	color:#A98869;
	padding:4px 0px 0px 0px;
	}

h3 {
	font-size:14px;
	color:#942824;
	padding:4px 0px;
	}

.clear {
	clear:both;
	}
	
#container {
	margin: 0 auto;
	width:960px;
	}
	

#headercontainer {
	width:100%;
	background:url(../images/background.gif) repeat-x top;
	}
	
#header {
	width:960px;
	margin:0 auto;
	}
	
#logo {
	width:159px;
	float:left;
	z-index:100;
	position:relative;
	margin:0px 0px -40px 10px;
	}
	
	
#tetra-wrap-outer {
	width:960px;
	height:68px;
	margin:0 auto;
	margin-bottom:-10px;
}

#tetra-wrap {
	width:734px;
	float:left;
}


#tetratop {
	width:734px;
	float:left;
	}
#subnav {
	float:right;
	width:205px;
	margin-top:10px;
/*	margin:10px 0px 0px 520px;*/
	color:#FFFFFF;
}

#subnav a {
	color:#FFFFFF;
}
#tetratoplogo {
	width:226px;
	float:left;
	margin-bottom:-80px;
	}
	
	
/*start nav*/
	
#mainnav {
	margin:45px 0px 0px 55px;
	float:left;
	}
		
#nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  z-index:500;
  }
  
#nav li {
  float: left;
  position: relative;

  }
  
#nav li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;

  }
  
#nav li ul li {
  border-bottom:dotted #CFC1B5 1px;
  width:165px;
  padding:7px 5px;
  
  }
  
#nav li ul a {
   color:#FFFFFF;
   text-decoration:none;
   }
   
#nav li ul a:hover {
   color:#DFCFC3;
   text-decoration:underline;
   }
  
#nav li > ul {
	top: auto;
	left: auto;
	}
	
#nav li:hover ul, li.over ul{
display: block;
background-color:#A07C5F; }

/*end nav*/
	

	
#subpage {
	background-color:#e5e3e3;
	margin-top:0px;
	/*z-index:10;
	position:relative;*/
	padding:10px;
	line-height:18px;
}
	
	#subpage p {
		padding: 0px 0px 7px 0px;
	}
	
	#subpage li {
		list-style:disc;
		padding:3px 5px;
		margin-left:20px;
	}
	
	#subpage a {
		text-decoration:underline;
	}
	
.slideshow {
		border:7px solid #FFFFFF;
		margin-bottom:10px;
		}
	
#leftcolumn {
	float:left;
	width:175px;
	background:#cecbc8 url(../images/logo-faded.gif) bottom right no-repeat;
	padding:5px;
	margin:0px 10px 10px 0px;
	height:600px;
	}
	
	#leftcolumn li {
	border-bottom:#9a9a9a 1px dotted;
	padding:5px 0px;
	margin:0px;
	list-style:none;
	}
	
	#leftcolumn img {
	margin-bottom:10px;
	}
	
	#leftcolumn a {
	text-decoration:none;
	}
	
	#leftcolumn ul li ul li {
	padding-left:10px;
	}
	
		#leftcolumn ul li ul li a {
		color: #666666
		}
	
#rightcolumn {
	float:left;
	width:180px;
	border-left:#cecbc8 1px solid;
	padding-left:10px;
	line-height:16px;
	}
	
#subpagecontent {
	float:left;
	width:540px;
	padding:0px 10px 0px 0px
	}

#subpagecontent-wide {
	float:left;
	width:715px;
	padding:0px 10px 0px 0px
}
#subpagecontent-full-width {
	float:left;
	width:100%;
	padding:30px 10px 0px 0px
}

	#subpagecontent p {
	margin:7px 0px;
	line-height:18px;
	}
	
	#subpagecontent li {
	list-style-type:disc;
	margin-left:15px;
	padding:3px 0px;
	
	}
	
#photoarea {

	}
	
 	#photoarea img {
		border:7px solid #FFFFFF;
		margin-bottom:10px;
		}
		
#rightportfolio {
	border-bottom:#9a9a9a dotted 1px;
	margin-bottom:10px;
	}
	
#rightcareers {
	height:150px;
	}
	
		#rightcareers p {
		padding:50px 0px 0px 0px;
		width:100px;
		}
		
.rightbuttons {
	margin:10px 0px 5px 60px;
	}

#content {
	background-color:#E5E3E4;	
	padding:12px 20px;
	margin-top:-74px;
	}
	
	#content p {
		margin:5px 0px;
		}
		
#calltoactions {
	color:#B4B4B4;
	line-height:15px;
	}
		
#projectportfolio {
	background:url(../images/portfolio-bg.jpg) no-repeat;
	width:285px;
	height:177px;
	float:left;
	padding:25px 0px 0px 15px;
	}
	
	#projectportfolio p {
	width:120px;
	height:105px;
	margin-top:20px;
	margin-bottom:0px;
	}

#delaneydifference {
		background: url(../images/difference-bg.jpg) no-repeat;
		width:285px;
		height:177px;
		float:left;
		margin-left:10px;
		padding:25px 0px 0px 15px;
}
	
	#delaneydifference p {
		width:185px;
		height:75px;
}

#markets {
	background: url(../images/markets-bg.jpg) no-repeat;
	width:285px;
	height:177px;
	float:left;
	margin-left:10px;
	padding:25px 0px 0px 15px;
}
	
	#markets ul {
		width:120px;
		height:105px;
		margin:10px 0px 7px 0px;
		padding-left:20px;
		line-height:17px;
		list-style:disc;
	}
	
	#markets li {
		list-style-type:disc;
	}
	
	#markets a {
		color: #B4B4B4;
	}

#homeVideo {
	background: url(../images/homeVideo-bg.jpg) no-repeat;
	width:285px;
	height:177px;
	float:left;
	margin-top:20px;
	padding:73px 0px 0px 15px;
}
	#homeVideo p {
		width:160px;
		height:75px;
	}

	
#hptext {
	float:left;
	width:610px;
	padding-right:10px;
	margin-top:20px;
	}
	
	
	#hptext p {
		line-height:21px;
		margin:10px 0px 0px 0px;
		padding:0px;
		}
		
	#hptext a {
	color:#000000;
	text-decoration:underline;
	}
		
#hpnews {
	float:left;
	margin-top:-30px;
	width:300px;
	}
	
	#hpnews ul {
	list-style-type:disc;
	line-height:16px;
	}
	
	#hpnews li {
	margin:7px 15px;
	}
	
#newstitle {
	width:290px;
	background-color:#666666;
	padding:3px;
	font-size:20px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
.ctabutton1 {
margin-top:-9px;

}

.ctabutton2{
margin-top:10px;

}

.ctabutton3 {

}

#ctabuttonsright {
	margin:10px 0px;
	width:298px;
	float:left;
	height:187px;
	}
	

#footer {
	color: #000000;
	font-size:12px;
	text-align:left;
	margin-top:15px;
	line-height:16px;

	}
	
#footernav {
	float:left;
	border-bottom: 1px solid #999999;
	width:960px;
	}
	
#footernavtext {
	float:left;
	margin-right:317px;
	}
	
#footercontact {
	background-color:#6B6B6B;
	width:100px;
	float:left;
	text-align:center;
	color:#FFFFFF;
	padding:3px 0px;
	}
#footercontact a {
	color:#FFF;
}
#footeraddress {
	margin-top:15px;
	width:600px;
	float: left;
}

#footeraddress img {
	float:left;
	margin-right:10px;
}

#officelocations {
	float:left;
	width:400px;
	margin-top:10px;
	}
	

#tetratech {
	float:right;
	width:181px;
	margin-top:35px;
	}
	
.mannix {
	float:left;
	width:288px;
	}
	
.mannix a {
	color: #666666 ;
	font-size:10px;
	}
	
/* image replacement */
   .graphic, #prevBtn, #nextBtn{
     margin:0;
     padding:0;
     display:block;
     overflow:hidden;
     text-indent:-8000px;
            }
/* // image replacement */

#jobAppBreadcrumb {
	margin:15px 0;
}
#jobAppBreadcrumb .bold {
	font-weight:bold;
}
.bgo {
	color:#666;
}
.headerON {
	color:#000;
	font-weight:bold;
}
.headerUpcoming {
	color:#990000;
}
.lbl {
	background:#CCC;
}

#news {
	padding:6px 6px 1px 6px;
	background:#bdbdbd;
	margin-bottom:6px;
}
#news .inner {
	padding:6px;
	background:#d0d0d0;
	margin-bottom:6px;
}
#news a {
	text-decoration:none;
}
#news .date {
	width:135px;
	float:left;
	border-right:1px solid #999;
}
#news .date img {
	margin-right:5px;
}
#news .title {
	width:478px;
	border-left:1px solid #373737;
	float:left;
	padding:0 6px;
}
#news .view {
	width:58px;
	float:right;
}

#safety-counter {
	background:url(../images/safety-icon.gif) no-repeat;
	width:162px;/*180*/
	height:145px;/*230*/
	text-align:center;
	
	padding-top:85px;
	padding-left:18px;
	letter-spacing:18px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:44px;
	line-height:44px;
	color:#FFF;
	font-weight:bold;
}


#equipmentphotos ul {
	margin:5px 0px;
	}

#equipmentphotos li {
	list-style-type:none;
	float:left;
	width:150px;
	margin-right:5px;
	}
	
	#equipmentphotos img {
		border:#999999 2px solid;
		}