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

/* -------------------------------- */
/* ------- GLOBAL STYLES ---------- */
/* -------------------------------- */

* {padding: 0;margin: 0;}
img {border: none;}
.clearfix {clear: both;}
body {text-align: center;}
img, div, input { behavior: url("http://www.geocomp.com/javascript/iepngfix.htc") }
html {height: 100%; margin-bottom: 1px; }  /* add vertical scrollbars to every page */



/* -------------------------------- */
/* --------- TEXT STYLES ---------- */
/* -------------------------------- */

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #434343;}

a {color: #006EB3; text-decoration: underline;}
a:hover {text-decoration: none;color: #B9812E;}
p {margin-bottom: 12px;}

h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #004e94; font-size: 16px; margin-bottom: 20px;font-weight:normal;letter-spacing: -0.01em; border-bottom: 1px solid #004e94;margin-right: 200px;}
h1 {background: url(../images/h1_bg.jpg) repeat-x; display: block; height: 68px;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #004e94;line-height: 45px;padding-left: 20px; margin-bottom: 5px;font-size: 20px;font-weight: normal;margin-left:0px;border-bottom:none;margin-right:0px;}
h2 {font-size: 18px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	}

ul {margin: 0px 0px 25px 20px;}
ul ul {margin: 10px 0px 10px 15px;}
li {margin: 0px 0px 6px 10px;}

strong {letter-spacing: 0.01em}
em {letter-spacing: 0.01em;}

p.space_right {padding-right: 150px;}



/* -------------------------------- */
/* ----------- LAYOUT ------------- */
/* -------------------------------- */

body {
	background: url(../images/page_bg.jpg) repeat-x #d5d5d5;
	padding-bottom: 30px;
	}

div#container {
	width: 972px;
	margin: 0 auto;
	text-align: left;
	margin-top: 6px;
	}

div#header {
	background: url(../images/header_bg.png) no-repeat;
	height: 107px;
	width: 972px;
	position: relative;
	}

div#body_wrap {
	width: 960px;
	background-image: url(../images/body_bg_900.png);
	background-repeat: repeat-y;
	min-height:500px;
	height:auto !important;
	height:500px;
	padding: 0px 6px;
	}

div#body_content {
	width: 960px;
	background: url(../images/body_content_bg.jpg) repeat-y;
	margin-top: 13px;
	}

body#home div#body_content {
	background: #FFFFFF;
	}

div#body_content_inner {
	width: 680px;
	float: left;
	padding: 0px 20px 0px 20px;
	}

div#body_content_inner.rightcol {
	width: 455px;
	float: left;
	padding: 0px 20px 0px 20px;
	}

div#right_column {
	width: 204px;
	float: right;
	border-left: 1px solid #4899cf;
	margin-right: 20px;
	display: inline;
	min-height:500px;
	height:auto !important;
	height:500px;
	}

body#home div#body_content_inner {
	width: auto;
	float: none;
	padding: 0px 20px 0px 20px;
	}

div.content_padding {
	padding: 0px 20px;
	}

img#logo {
	position: absolute;
	top: 26px;
	left: 58px;
	display: block;
	}

a#btn_email_us {
	display: block;
	width: 54px;
	height: 10px;
	background: url(../images/email_icon.png) no-repeat 9px 0px;
	padding-top: 33px;
	text-decoration: none;
	color: #508dc2;
	float: right;
	position: absolute;
	left: 887px;
	top: 44px;
	behavior: url("http://www.geocomp.com/javascript/iepngfix.htc");
	}

a#btn_email_us:hover {
	text-decoration: underline;
	}

div#body_content_bottom_cap {
	clear: both;
	background: url(../images/body_content_bottom_cap.jpg) no-repeat;
	width: 960px;
	height: 14px;
	}

body#home div#body_content_bottom_cap {
	clear: both;
	background: none;
	width: auto;
	height: 1px;
	}

div#body_bottom_cap {
	width: 972px;
	height: 28px;
	background: url(../images/body_bottom_cap.png) no-repeat;
	margin: 0 auto;
	}
	
div#splash_inner {
	background: url(../images/splash_inner.jpg) no-repeat;
	width: 940px;
	height: 37px;
	margin: 1px auto 0px auto;
	}

div#splash_home {
	background: url(../images/splash_home.jpg) no-repeat;
	width: 940px;
	height: 150px;
	margin: 7px auto 0px auto;
	}

div#footer {
	width: 972px;
	margin: 0 auto;
	padding-top: 12px;
	text-align: center;
	color: #797979;
	}

div#footer p, div#footer a {
	color: #797979;
	margin: 0;
	}

div#footer a:hover {
	text-decoration: none;
	color: #333333;
	}
	
img.photo_right {
	float: right;
	margin-left: 25px;
	margin-bottom: 30px;
	}

img.photo_left {
	float: left;
	margin-right: 25px;
	margin-bottom: 30px;
	}

div#home_intro {
	width: 525px;
	float: left;
	}

div#home_intro h1 {
	height: 60px;
	font-size: 22px;
	line-height: 47px;
	}

div#home_intro p {
	padding: 0px 20px;
	}

div#announcements2 {
	width: 376px;
	background: url(../images/announcements_bg_red.jpg) no-repeat;
	float: right;
	padding: 0px 0 0 0 0px;
	min-height: 180px;
	}

/*div#announcements {
	width: 233px;
	background: url(../images/announcements_bg.jpg) no-repeat;
	float: right;
	padding: 0px 20px;
	min-height: 180px;
	}*/

/*div#announcements h2 {
	color: #FFFFFF;
	font-size: 16px;
	margin: 0px 0px 12px 0px;
	line-height: 24px;
	border: none;
	}*/

div#announcements2 h2 {
	color: #FFFFFF;
	font-size: 16px;
	margin: 0px 0px 12px 12px;
	line-height: 24px;
	border: none;
	}

div#announcements ul, div#announcements2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

/*div#announcements ul li {
	margin: 0px 0px 14px 0px;
	padding: 0;
	}*/

div#announcements2 ul li {
	/*margin: 0px 12px 14px 12px;
	padding: 0;*/
padding: 0px 14px;
	}

div#announcements ul li a, div#announcements2 ul li a {
	text-decoration: none;
	color: #6c6c6c;
	}

div#announcements ul li a:hover, div#announcements2 ul li a:hover {
	text-decoration: underline;
	}

div.callout {
	width: 208px;
	float: left;
	margin-right: 29px;
	display: inline;
	}

div.callout h3 a {
	color: #FFFFFF;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	width: 198px;
	line-height: 32px;
	padding-left: 10px;
	}

div.callout h3 a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	}


div.callout h3 {
	margin-top: 22px;
	font-size: 18px;
	border: none;
	margin-bottom: 8px;
	margin-right: 0px;
	}

div.callout_geotesting_express h3 {
	/*font-size: 15px;*/
	}

div.callout_field_systems h3 {
	font-size: 15px;
	}


div.callout_consulting {
	background: url(../images/callout_consulting.jpg) no-repeat;
	}

div.callout_field_systems {
	background: url(../images/callout_field_systems.jpg) no-repeat;
	}

div.callout_geotesting_express {
	background: url(../images/callout_geotesting_express.jpg) no-repeat;
	}

div.callout_lab_systems {
	background: url(../images/callout_lab_systems.jpg) no-repeat;
	margin-right: 0px;
	}

div.callout p {
	padding: 0 11px;
	}

.colorConsulting {color: #ce512a;}
.colorFieldSystems {color: #9d6617;}
.colorGeoTesting {color: #2c625f;}
.colorLabSystems {color: #12568a;}


div#right_column h3 {
	display: block;
	width: 194px;
	background: url(../images/rightcol_heading_bg.jpg) repeat-y;
	color: #FFFFFF;
	font-size: 14px;
	margin: 0px 0px 12px 0px;
	padding: 5px 0px 5px 10px;
	border: none;
	line-height: 16px;
	letter-spacing: normal;
	}

div.rightcol_module {
	padding: 0px 15px 15px 15px;
	} 

div.rightcol_module ul {
	list-style: none;
	margin: 0;
	}

div.rightcol_module ul li {
	margin-left: 0px;
	margin-bottom: 10px;
	}

div.rightcol_module ul a {
	text-decoration: none;
	}

div.rightcol_module ul a:hover {
	text-decoration: underline;
	}
div#address{
	display:block;
position:relative;
width: 440px;

}

div#rightcol_address{
	float: left;
width: 220px;

	}

div#leftcol_address{
	float: left;
width: 220px;
clear: right;
	}

table#technical_papers_table td {
	padding: 5px;
	}

tr.row_odd {
	background: #F5F5F5;
	}

p.rightcol_quote {
	font-size: 11px;
	color: #666666;
	}

.announcement_heading {
	color: #999999;
	}

table#useful_forms {
	}

table#useful_forms td {
	padding: 6px;
	}

.front_page_right {
	float:right;
	width:233px;
	}

.front_page_left {
	float:left;
	width:620px;
	}
	
	




/* -------------------------------- */
/* ---------- NAVIGATION ---------- */
/* -------------------------------- */

/* ----- HEADER NAV ----- */

div#header_nav {
	height: 25px;
	display: block;
	width: 390px;
	float: right;
	margin: 8px 7px 0px 0px;
	background: url(../images/header_nav_bg.gif) right no-repeat;
	display: inline;
	}

div#header_nav ul{
	list-style: none;
	background: url(../images/header_nav_right.gif) no-repeat right;
	margin: 0px;
	}

div#header_nav li {
	list-style: none;
	float: left;
	background: url(../images/header_nav_divider.gif) no-repeat;
	background-position: right 7px;
	margin: 0px;
	}

div#header_nav li.last {
	background: none;
	}

div#header_nav li a {
	display: block;
	height: 25px;
	line-height: 25px;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

div#header_nav li a:hover {
	text-decoration: underline;
	}

div#header_nav li.first a {
	background: url(../images/header_nav_left.gif) no-repeat left;
	padding-left: 14px;
	padding-right: 9px;
	}
	

/* ---- MAIN NAV ---- */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index: 1000; /* Stops menus from going behind things in IE */
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu ul a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}

/* END ESSENTIAL */

/* 2nd level */

ul#main_nav ul {
	background: #FFFFFF;
	border-left: 1px solid #64A6E0;
	border-right: 1px solid #64A6E0;
	border-bottom: 1px solid #64A6E0;
	border-top: 1px solid #64A6E0;
	}
	
ul#main_nav li li {
	height: auto;
	padding: 0px;
	margin: 0px;
	background: none;
	}
	
ul#main_nav li li a {
	color: #4D8BBE;
	padding: 8px 0px 8px 12px;
	height: auto;
	line-height: normal;
	font-size: 12px;
	}

ul#main_nav li li a:hover {
	background: #64A6E0;
	color: #FFFFFF;
	}

/* end 2nd level */

ul#main_nav {
	width: 940px;
	height: 30px;
	margin: 0 auto;
	background: url(../images/main_nav_bg.jpg) no-repeat;
	list-style: none;
	}

ul#main_nav li {
	display: block;
	height: 30px;
	float: right;
	list-style: none;
	background: url(../images/main_nav_divider.jpg) right no-repeat;
	padding-right: 2px;
	margin: 0px;
	}

ul#main_nav li.last {
	background: none;
	}

ul#main_nav li.last:hover {
	background: url(../images/main_nav_over_last.jpg) right no-repeat;
	}

ul#main_nav li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 8px 29px 8px 29px;
	line-height: 30px;
	font-size: 12px;
	}

ul#main_nav li a:hover {
	background: url(../images/main_nav_over.jpg) repeat-x;
	}


/* ----- SUB NAV ----- */

div#sub_nav {
	width: 220px;
	float: left;
	margin-left: 20px;
	min-height:500px;
	height:auto !important;
	height:500px;
	display: inline;
	}

/* ---- FIRST LEVEL ---- */

div#sub_nav ul {
	list-style: none;
	margin: 0px;
	}

div#sub_nav li {
	border-top: 1px solid #d4b17d;
	border-bottom: 1px solid #96733d;
	margin: 0px;
	padding: 0px;
	}

div#sub_nav a {
	display: block;
	line-height: 36px;
	min-height:36px;
	height:auto !important;
	height:36px;
	padding: 0px 0px 0px 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	}

div#sub_nav a:hover {
	background: url(../images/sub_nav_over.jpg) repeat-y;
	}

div#sub_nav li.active a, div#sub_nav li.active a:hover {
	background: url(../images/sub_nav_active_arrow.gif) left no-repeat;
	}

/* ---- SECOND LEVEL ---- */

div#sub_nav ul ul {
	padding: 7px 0px 5px 0px;
	border-top: 1px solid #96733d;
	display: none;
	background: #F3C47C;
	}
	
div#sub_nav ul ul li {
	border: none;
	background: url(../images/sub_nav_bullet.gif) no-repeat 23px 13px;
	}

div#sub_nav li.active li a {
	background: none;
	}
	
div#sub_nav ul ul li a {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #53370e;
	padding-left: 42px;
	line-height: 14px;
	min-height:16px;
	height:auto !important;
	height:16px;
	}

div#sub_nav ul ul a:hover, div#sub_nav ul li.active ul a:hover {
	text-decoration: underline;
	background: none;
	}

/* ---- THIRD LEVEL ---- */

div#sub_nav ul ul ul {
	padding: 0px;
	border: none;
	background: none;
	list-style: none;
	display: block;
	}

div#sub_nav ul ul ul li {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	}

div#sub_nav ul ul ul li a {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 46px;
	padding-right: 18px;
	color: #911212;
	font-size: 11px;
	}


/* ----------------------------------- */
/* ------- INTERACTIVE MAPS ---------- */
/* ----------------------------------- */

/* START OF CSS FOR MAP */

dl.map dd {
	display: none;
	}

dl.map.on {
	position:relative;
	width:600px;
	height:300px;
	background: url(../images/installation_map.gif) no-repeat;
	text-align:left;
	margin:0px;
	padding:0px;
	border:#999 1px solid;
}
dl.map.on dt {
	list-style:none;
	display:inline;
}
dl.map.on dd {
	position:absolute;
	left:-9999px;
	width:174px;
	padding:4px;
	border:#222 2px solid;
	background:url(../images/tooltip-bg.png);
	z-index:11;
	font-size:0.8em;
	color:#FFF;
	display: block;
}

dl#agents_map dd {
	width: 248px;
	}

dl.map.on dd img {
	position:relative;
	float:left;
	border:#000 1px solid;
	margin:2px;
}
dl.map.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(../images/point.png) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map.on a.location:hover {
	background:url(../images/point-hover.png) no-repeat -1px -1px;
}
dl.map.on dd a {
	color:#FFF;
}
dl.map.on dd a:hover {
	text-decoration:none;
}
dl.map.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(../images/close.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	margin-left:4px;
	margin-right:-6px;
	text-decoration:none;
}

dl.map.on dd p {
	margin-bottom: 4px;
	}


/* START OF CSS FOR MAP POINTS */
dl.map.on a#location01 {
	top:97px;
	left:124px;
}

dl.map.on a#location02 {
	top:123px;
	left:134px;
}

dl.map.on a#location03 {
	top:209px;
	left:220px;
}

dl.map.on a#location04 {
	top:80px;
	left:264px;
}

dl.map.on a#location05 {
	top:95px;
	left:298px;
}

dl.map.on a#location06 {
	top:118px;
	left:317px;
}

dl.map.on a#location07 {
	top:126px;
	left:350px;
}

dl.map.on a#location08 {
	top:142px;
	left:339px;
}

dl.map.on a#location09 {
	top:140px;
	left:366px;
}

dl.map.on a#location10 {
	top:155px;
	left:423px;
}

dl.map.on a#location11 {
	top:80px;
	left:452px;
}

dl.map.on a#location12 {
	top:127px;
	left:505px;
}

dl.map.on a#location13 {
	top:138px;
	left:477px;
}

dl.map.on a#location14 {
	top:161px;
	left:469px;
}

dl.map.on a#location15 {
	top:180px;
	left:470px;
}

dl.map.on a#location16 {
	top:224px;
	left:516px;
}

dl.map.on a#location17 {
	top:170px;
	left:180px;
}

dl.map.on a#location18 {
	top:174px;
	left:191px;
}


dl.map.on a#location19 {
	top:90px;
	left:303px;
}

dl.map.on a#location20 {
	top:185px;
	left:472px;
}


dl.map.on a#location21 {
	top:84px;
	left:306px;
}

dl.map.on a#location22 {
	top:200px;
	left:170px;
}

dl.map.on a#location23 {
	top:97px;
	left:305px;
}


/* START OF CSS FOR MAP POINTS - AGENTS */

dl.map.on a#location01a {
	top:97px;
	left:124px;
}

dl.map.on a#location02a {
	top:178px;
	left:168px;
}

dl.map.on a#location03a {
	top:204px;
	left:169px;
}

dl.map.on a#location04a {
	top:204px;
	left:218px;
}

dl.map.on a#location05a {
	top:117px;
	left:317px;
}

dl.map.on a#location06a {
	top:172px;
	left:308px;
}

dl.map.on a#location07a {
	top:141px;
	left:338px;
}

dl.map.on a#location08a {
	top:169px;
	left:361px;
}

dl.map.on a#location09a {
	top:125px;
	left:349px;
}

dl.map.on a#location10a {
	top:136px;
	left:357px;
}

dl.map.on a#location11a {
	top:107px;
	left:403px;
}

dl.map.on a#location12a {
	top:81px;
	left:452px;
}

dl.map.on a#location13a {
	top:157px;
	left:454px;
}

dl.map.on a#location14a {
	top:165px;
	left:462px;
}

dl.map.on a#location15a {
	top:161px;
	left:472px;
}

dl.map.on a#location16a {
	top:139px;
	left:476px;
}

dl.map.on a#location17a {
	top:146px;
	left:493px;
}

dl.map.on a#location18a {
	top:127px;
	left:504px;
}

dl.map.on a#location19a {
	top:122px;
	left:520px;
}

dl.map.on a#location20a {
	top:183px;
	left:463px;
}

dl.map.on a#location21a {
	top:177px;
	left:466px;
}

dl.map.on a#location22a {
	top:191px;
	left:485px;
}

dl.map.on a#location23a {
	top:225px;
	left:516px;
}

dl.map.on a#location24a {
	top:157px;
	left:419px;
}

dl.map.on a#location25a {
	top:175px;
	left:424px;
}


dl.map.on a#location26a {
	top:146px;
	left:440px;
}


dl.map.on a#location27a {
	top:100px;
	left:300px;
}



/*Results Display for table*/
table.ResultsTable {
    /*background-color:#000000;*/
    width:600px;
    border-color:#cdcdcd;
}

table.ResultsTable {
    border-width:0px;
}

table.ResultsTable th {
   background-color:#cdcdcd;
}

table.ResultsTable .ResultsTableAltRow {
    background-color:#dcdcdc;
}


/* lookbook */
/* --- lookbook --- */

#lookbook {
	position: relative;
	width: 365px;
	height: 7em;
	overflow: hidden;
}

#lookbook a {
	color: #000; outline: none;
}
	
#lookbook li {
	position: absolute;
	top: 0; left: 0em;
	width: 365px;
	height: 7em;
	background-color: #fff;
}

#lookbook li.begin {
	z-index: 2;
}

#lookbook li.end {
	z-index: 1;
}

#lookbook img.gallery {
	display: block;
	float: left;
	width: 120px;
	height: 60px;
	/*border: .125em solid #aaa;*/
	margin: .5em 0;
}

span.more {
	color: #006EB3;
}
	
#lookbook span {
	display: block;
	float: left;
	width: 200px;
	height: auto;
	padding: 0em 0 0 1.5em;	
	/*border: .125em solid #aaa;*/
	}

#lookbook strong {
	font: normal 1.5em/1.5em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #004e94;
}

#lookbook cite {
	font: normal 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #999;	
}