body 
  {padding:0px; margin:0px; background: url(images/body_bckg.jpg) repeat-x #051118; font-size:12px; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif;}
  
a {text-decoration:none; color:#FF9933; }  

h1 {font-size:16px; color:#333333; text-align:left; padding:4px 0px; margin:3px 0px;
 }

h2 {font-size: 14px; color:#FF9900; margin:0px; padding:2px; }

h3 {font-size: 14px; color:#333333; margin:5px 0px;  }

td {font-size:12px; }

p {padding:2px 5px; margin:3px 0px;}

.clearer {font-size:1px; height:1px; width:auto; clear:both; margin:0px; padding:0px;}
.smalltxt {font-size:11px; color:#666666;}
.dottedline {background:url(images/doted_line.jpg) repeat-x; height:1px; font-size:1px; margin:10px 0px;}


#COLORbckg {margin:0px;  padding:0px; background:#F5F2E3; }

/*CONTAINER*/

#container { margin:auto; width:890px; height: auto; text-align:left;   }


/*HEADER*/
#header {height:161px; width:890px; margin:auto; margin-top:0px;}
#headerUP {height:97px; width:890px; }
#headerDOWN {height:64px; width:890px; clear:both;}


/*MENU*/
#menu {width:800px ; height:20px;  margin-left:15px; margin-top:35px; float:left;  }
#menu a {
    display:block;
	font-weight:normal;
	float: left;
	text-decoration: none;
	color:#FF9900;
    width:auto;
	font-size:12px;
	text-align:center;
	margin-right:27px;
}

#menu a.first{ color:#FFF;}
#menu a:hover { color:#FFF; }

#menuRIGHT {float:right; width:70px;height:20px; margin-top:35px;}


/*CONTENT*/
#content {width:auto; padding:0px; margin: 10px 15px;}

#content a {text-decoration:none;  color:#FF9900; } 
#content a:hover {text-decoration:none;  color:#FF9900; }


/*HomePage*/

#homepagetext {margin-top:20px; width:auto; clear:both; clear:inherit;}
#homepagetext1 {width:600px; float:left;}
#homepagetext2 {width:250px; float:right;}

.Title {width:auto; border-bottom:2px #CAC8BC solid; height:37px; font-size:18px; background:url(images/title.jpg) no-repeat left; padding-left:45px; line-height:190%;}
.Title2 {width:auto; border-bottom:2px #CAC8BC solid; height:auto;  padding-left:15px; }

#homepagetext a { text-decoration:none; color:#CC6633;}
#homepagetext a:hover { text-decoration:none; color:#CC6633;}


/*MAIN SERVICES*/

#hpServices {width:auto; height:auto;}
#hpServicesLEFT {width:564px; height:195px; float:left;}
#hpServicesLEFT .geophysical {width:268px; height:194px; background:url(images/geophysical_services.jpg) no-repeat top; float:left;}
#hpServicesLEFT .geoprofessional {width:268px; height:194px; background:url(images/geoprofessional.jpg) no-repeat top; float:right;}

#hpServicesRIGHT {width:268px; height:195px; float:right;}
#hpServicesRIGHT .geological {width:268px; height:194px; background:url(images/geological_services.jpg) no-repeat top; float:left;}

#hpServices .shorttxt {width:auto; height:auto;  font-size:10px; color:#fff; padding:0px 10px;}
#hpServices .read_more {width:auto; height:auto; margin-top:15px; text-align:center;font-size:16px; color:#fff;}

#hpServices a {font-size:16px; color:#fff; text-decoration:none}
#hpServices a:hover {font-size:16px; color:#fff; text-decoration:underline;}

.head_box{height:70px; width:268px; clear:both;}


/*Image Gallery*/

.gallerycontainer{
position: relative;

}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #fff;
}

.thumbnail span{ 
position: absolute;
background-color:#000;
padding: 5px;

border: 1px dashed gray;
visibility: hidden;
color:#fff;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: 0;
right: 300px; 
z-index: 50;
}

/*READ MORE*/
#readmore {text-align:right; clear:both; width:auto; height:auto; font-size:11px; clear:both; padding-right:4px; color:#CC6633;}
#readmore a{ color:#CC6633; font-size:11px; text-align:right; clear:both; width:auto; height:auto; padding:0px 4px; text-decoration:none; }
#readmore a:hover { color:#CC6633; font-size:11px; text-align:right; clear:both; width:auto; height:auto; padding:0px 4px;text-decoration:underline; }


/*CONTACT*/

#contact {margin-left:220px; margin-top:20px; margin-bottom:0px; width:350px; height:420px;}

/*NEWS*/
#news {width:750px; float:left;}


/*FOOTER*/
#Footer {width:860px; font-size:10px; color:#999999; margin:auto; margin-top:20px; margin-bottom:40px;}
#Footer .right {width:230px; float:right;text-align:right;}
#Footer .left {width:600px; float:left; text-align:left;}

#Footer a {text-decoration:none; font-size:10px; color:#FF9900; } 
#Footer a:hover {text-decoration:underline; font-size:10px; color:#fff; }