body{ background:#ccc; margin:0px; padding:0; color: #fff}
html { min-height: 100%; margin-bottom: 1px; }
/*START OF COMMON */
#wrapper{width: 770px; font-family:Verdana, Arial, Helvetica; font-size:65%; margin: 0 auto; background:#fff; padding:0;}



img{border:none}

h1{font-weight:bold; font-size: 110%;}
h2{font-weight:bold; font-size: 110%;}

td {padding:0; margin:0;}
ul{ list-style-type: square; margin: 0px 0px 0px 15px; padding: 0px }
li{ margin: 5px 0px}

.strong{font-weight: bold}
.right{ float: right}
.grey{color: #BFBFBF}
.yellow_heading{color: #FFEA00; font-weight:bold}

.features{ margin: 0px 0px 0px 25px; padding:0px 15px 20px 5px; }
.item {padding: 5px 0 5px 15px; background-image: url(i/bullet.gif); background-repeat: no-repeat; background-position: 0px 8px }

/*END OF COMMON */

/*START OF HEADER */

#header{padding-bottom:10px; vertical-align:top;}
#header #top{padding-bottom:10px; }
#header #nav{  width:100%;  clear: both; text-align:right; }
#logo { width:236px; padding-bottom:10px;float:left; }

.navlist li{display: inline;list-style-type: none;padding:0 5px;border-right:1px solid #666; }
.navlist li.last {border-right:none;padding-right:24px;}
.navlist li a { font-weight:normal; color:#666; text-decoration:none;}
.navlist li a:link { }
.navlist li a:visited { }
.navlist li a:hover { font-weight:normal; color:#FFEA00; text-decoration:none;}
.navlist li a.selected {color:#FFEA00;}

/*END OF HEADER */


/*START OF CONTACT */
#contact h1, #contact h2, #contact p { padding-left:15px; padding-right:5px; }
#contact h1 { background: #000; color:#fff; padding-top:2px; padding-bottom:2px; }
#contact h2 { margin-top:15px;}
#contact #left_col { background:#FFEA00; color: #000;  padding:6px 0 150px 0; vertical-align:top; width:304px; }
#contact #left_col p {margin-bottom:0px; margin-top:10px}
#contact #right_col { background:#BFBFBF; color:#000; border-left:6px solid #fff; vertical-align:top; padding:27px 0 10px 0; width:460px;}
#contact #right_col a{color:#FFEA00; text-decoration: none}
#contact #right_col a:hover{color:#FFEA00; text-decoration: underline}
#contact #right_col p {margin-bottom:0px; margin-top:15px}
/*END OFCONTACT */

/*START OF GEOTECHNICAL */
#geotechnical h1,  #geotechnical p,#geotechnical h2 { padding-left:20px; padding-right:5px;}
#geotechnical h1 { background: #000; color:#fff; padding-top:2px; padding-bottom:2px;margin-bottom:10px}
#geotechnical p{ margin-top:15px; margin-right:20px; margin-bottom:10px }
#geotechnical #left_col { background:#FFEA00; color:#000;  padding:6px 0px 20px 0px; vertical-align:top; width:304px;}
#geotechnical #right_col { background:#BFBFBF; color:#000; border-left:6px solid #fff; vertical-align:top; padding:27px 0 10px 0; width:460px;}#geotechnical #right_col h2 { background: #000; color:#FFEA00; padding-top:2px; padding-bottom:2px; margin-top:15px}
#geotechnical img {padding:0; margin:0; clear:both}
/*END OF GEOTECHNICAL */

/*START OF LAB */ 
/*USED ALSO FOR DRILLING PAGE */
#lab h1, #lab p { padding-left:20px;margin-top:15px; padding-right:5px;}
#lab p{ margin-top:15px; margin-right:20px; margin-bottom:15px }
#lab #right_col { background:#FFEA00;color:#000;   padding:0px 0px 20px 0px; vertical-align:top; width:304px;border-left:6px solid #fff; }
#lab #right_col h1 { background: #000; color:#fff; padding-top:2px; padding-bottom:2px;}
#lab #left_col { background:#BFBFBF; color:#000; vertical-align:top; padding:0px 0 10px 0; width:460px; padding-bottom:20px}
#lab #left_col h1 { background: #000; color:#fff; padding-top:2px; padding-bottom:2px;}
/*END OF LAB */

/*START OF HOMEPAGE */
#main h1,#main  h2,#main  p,#main  ul {padding-left:15px;padding-right:5px; padding-bottom:0;}
#main img {padding:0; margin:0; clear:both}

#main h1 {background: url(i/gulf_labs_home2.gif) no-repeat top left;
	margin-left:15px;
	padding-top: 67px; /*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:49px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}

#main h1test {background: url(i/gulf_labs_home1.gif) no-repeat top left;
	margin-left:15px;
	padding-top: 49px; /*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:49px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}

#main #mainimg {padding-top:20px;}

#main #top_image{padding:10px 30px 10px 20px}
#main #top_image #left{ float:left; width: }
#main #top_image #right{margin-left:126px}
#main #top_image #right #indent{ background: url(./i/home_arrow.gif) no-repeat;background-position: 2px 12px ; padding-left:10px; padding-top:10px}
#main #top_image a{ text-decoration:none; color:#FFEA00}
#main #top_image a:hover{ text-decoration:underline;}


#main #left_col { width:460px; padding-top:15px; padding-bottom:0; margin:0; background:#000;  }

#main #right_col {color:#000; width:310px; padding-top:10px;background:#FFEA00;  border-left:5px solid white; vertical-align:top;}
#main #right_col h2{
	margin-top:15px;
	background: url(i/multiple.gif) no-repeat top left;
	margin-left:15px;
	padding-top: 11px; /*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:11px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}

#main #right_col #features{ margin: 0px 0px 0px 15px; padding:0 15px 0px 5px; color:#723629}
#main #right_col .item {margin-top:10px; padding: 0px 0 0px 15px; background-image: url(i/arrow.gif); background-repeat: no-repeat; background-position: 0px 2px }

#main #bottomleft {color:#000; background:#BFBFBF; padding-top:10px; width:237px; vertical-align:top; border-top: 5px solid #fff; padding-bottom: 15px}
#main #bottomleft h2 {background: url(i/extensive.gif) no-repeat top left;	
	width:100px;
	margin-left:15px;
	padding-top: 28px; /*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:28px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}


#main #bottomright {color:#FFEA00; background:#000; border-left:5px solid white;width:218px; vertical-align:middle;border-top: 5px solid #fff}


#main #bottomright p,h2, #main #bottomleft p,h2{  margin:0px 0px 5px 0px; }
#main #bottomright img, #main #bottomleft img{float:right; margin-right:10px; margin-bottom:6px; margin-left:5px}
#main #bottomright a{text-decoration: none; color:#222}
#main #bottomright a:hover{ text-decoration: underline}

#main #bottomfarright { background:#000; padding-top:15px; border-left:5px solid white; vertical-align:top;}
#main #bottomfarright a{text-decoration: none; color:#fff}
#main #bottomfarright a:hover{ text-decoration: underline}
#main #bottomfarright h2 {	
	background: url(i/wide.gif) no-repeat top left;	
	margin-left:15px;
	padding-top: 11px;		/*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:11px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}

#main #right_col img {margin:0 12px;}

/*END OF HOMEPAGE */




/*START OF FOOTER */
#footer{color: #666;  text-align: left; padding:28px 0px 20px 55px;  font-size: 90%; clear: both; height: 42px; background: url(./i/useful_links_logo.gif) no-repeat; background-position: 20px 20px}
#footer a{color: #666; text-decoration: none}
#footer a:hover{color: #666; text-decoration: underline}

/*END OF FOOTER */