/* ---------->>> GLOBAL <<<-----------*/

* { margin: 0; padding: 0; }

body {
	background: #3D3D3D url(bg.gif) ;
	color:#101010;
 	font: 12px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
   }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { 
	padding:0;
	margin:0; 
	}

li, dd { margin-left:5%; }
fieldset { padding: .5em; }

a { color: #004882; }
a:hover { color: #000; }

/* ---------->>> DIVS <<<-----------*/

#wrapper { 
 margin: 0 auto;
 width: 987px;
 background-color: #fff;
 margin-bottom: 10px;
}

#header {
 background-color: #fff;
 color: #333;
 width: 987px;
 height: 180px;
 margin: 0 auto;
 margin: 10px 0px 0px 0px;
 border-top: 15px solid #004784;
}
#nav {
 width: 967px;
 margin: 0 auto;
 margin-bottom: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 text-align: center;
}

#faux { margin: 0 auto; width: 967px; }

#leftcolumn { 
 display: inline;
 color: #000;
 margin: 0px;
 padding: 0px;
 padding-left: 25px;
 width: 197px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #121212;
 margin-right: 30px;
 padding: 0px;
 padding-left: 30px;
 width: 670px;
 display: inline;
 position: relative;
 border-left: 1px solid #004882;
}
#fullcolumn { 
 float: left;
 color: #121212;
 margin-right: 5px;
 padding: 10px;
 width: 860px;
 padding-left: 50px;
 padding-right: 50px;
 display: inline;
 position: relative;
 border-left: 1px solid #004882;
 border-right: 1px solid #004882;
}
#footer {
 background-color: #AEC3CA;
 width: 987px;
 clear: both;
 color: #333;
 margin-top: 50px;
 
}
	
/* ---------->>> HEADER ITEMS <<<-----------*/

h1 { }

	#header h1 {
	height:164px; /* height of logo */
	width:236px; /* width of logo */
	background: #fff url(logo.jpg) top left no-repeat;
	text-indent:-9000px;
	float: left;
	}
	
	#leftcolumn h1, #rightcolumn h1 , #fullcolumn h1 {
	font: normal 18px "Tahoma" sans;
	color: #004882;
	margin-bottom: 5px;
	text-transform: uppercase;
	}

	#header h2 {
	font: normal 18px "Tahoma" sans;
	text-transform: uppercase;
	margin-bottom: 5px;
	}

h2 { }
	#rightcolumn h2, #leftcolumn h2, #fullcolumn h2 {
	font: normal 14px "Tahoma" sans;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-top: 20px;
	color: #ff5f00;
	}
	
	#shopbox h2 {
	font: 18px "Tahoma" sans;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #004882;
	}

img { }

	#header img { 
	margin: 5px;
	float: left;	
	}

img { }

	#rightcolumn img { 
	margin-right: 5px;	
	}
	
p { }

	#leftcolumn p, #rightcolumn p, #fullcolumn p { margin-bottom: 20px; }

#shopbox { 
	background: #01128C url(mapbox.jpg);
	width: 233px;
	height: 164px;
	float: right;
	padding: 5px;
	margin-top: 5px;
	color: #000;
	margin-right: 10px;
}	

#shopbox a.strong { 
	text-align: center;
	display: block;
	padding: 5px;
	font-weight: bold;
	background-color: #99ABB1;
	border: 1px solid #004882;
	text-decoration: none;
	margin-top: 10px;
	}
	
#shopbox a { 
	font-weight: bold;
	text-decoration: none;
	}	
/* ---------->>> Global Navigation <<<-----------*/

#nav .ltblue { background-color: #99ABB1; width: 233px; float: left; padding-top: 3px; padding-bottom: 3px;}
#nav .dkblue { background-color: #004882; width: 732px; float: right; padding-top: 3px; padding-bottom: 3px;}

#nav a {
	font: normal 12px "Arial" sans-serif;
	text-transform: uppercase;
   	padding: 0px 8px;   
   	text-decoration: none; 
   	color: #fff;
   	text-align: center;
   	height: 30px;
   	}
   	
#nav a:hover { 
	background: #c93; padding-top: 3px; padding-bottom: 3px;
   	}

.blue {
	display: block;
	color: #fff;
	padding: 3px;
	font: bold italic 12px "Arial" sans-serif;
   	text-align: center;
   	background-color: #004A84;
   	margin-left: 5px;  
   	border-bottom: 5px solid #fff;
	}	

#home .home, #about .about, #seismic .seismic,  #mapping .mapping, #employ .employ,  #software .software, #shop .shop, #contact .contact {
	color: #fff; background-color: #c93; padding-top: 3px; padding-bottom: 3px;
	}	
/* ---------->>> MISC Tags <<<-----------*/		
table.data {
	border-collapse: collapse;
	background-color: #DFE7EB;
	width: 100%;
}
 
table.data th {
	background-color: #99ABB1;
	text-align: left;
	padding: 5px;
	font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 8px 12px 4px 12px;
        /* background: #CAE8EA url(bg_header.jpg) no-repeat; */
        vertical-align:middle;
}

table.data td {
	padding: 5px;
	border-top: 1px solid #fff;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 12px 6px 12px;
	color: #333;
}

a.more { 
	display: block;
	padding: 5px;
	background-color: #99ABB1;
	border: 1px solid #004882;
	text-decoration: none;
}

.white { color: #fff !important; }		

#featurebox {
	width: 266px;
	background: #fff url(boxcenter.gif) repeat-y;
	float: right;
	color: #fff;
	border-left: 1px solid #004882;
	margin-left: 10px;
	line-height: 18px;
}	

#featurebox p, #featurebox ul {
padding-left: 40px;
}

#featurebox h1 {
	background: #fff url(boxtop.jpg) no-repeat;
	width: 266px;
	height: 35px;
	padding-top: 7px;
}

#featurebox span {
	background: #fff url(boxbottom.gif) repeat-y;
	width: 266px;
	height: 22px;
}

#featurebox .button a {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}
/* ---------->>> FOOTER Tags <<<-----------*/


#footer { background-color: #AEC3CA; color: #004882;}
#footer p { padding: 10px; text-align: center; margin-bottom: 0 !important; }
.small { font-size: 10px; color: #999;}
.clear { clear: both; background: none; }