@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0}
body {
	
	background: url(images/background_gradient.gif) repeat-x;
	height: 101%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin: 0;
}

/* measurements all 1024px for biggest wdith */

#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}
h1 {font-size: 1.3em; color: #602f42;  font-weight: normal;}
h2 {font-size: 1em; color: #602f42; font-weight: normal;}
h3 {font-size: 0.9em; color: #602f42; font-weight: normal;}
p {font-size: 0.8em; color: #464646; line-height: 1.4em}
ul {margin: 10px 0 10px 30px; color: #464646; font-weight: normal;}
li {padding: 5px 0; font-size: 0.8em;}
blockquote {margin: 5px 0 5px 20px;}
a:link, a:visited, a:hover, a:active { color: #464646; font-weight: bold;}
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { color: #003366; font-weight: normal;}
a:link, a:visited, a:active { text-decoration: none; }
a:hover {text-decoration: underline;}
td p {padding: 2px 5px;}
td h2 {color: #fff; padding: 5px;}

/* banner */

.banner_outer {background: url(images/header.jpg) top center no-repeat; margin: 0 auto; width: 100%; height: 129px;}
.banner {margin: 0 auto; width: 950px; height: 129px; background: none; position: relative; text-align: left;}
.logo {width: 261px; position: absolute; top: 50px; left: 10px;}



/* nav */

.nav {width: 700px; height: 100%; position: relative; margin: 0 0 0 270px;}
.nav_inner {width: auto; position: absolute; bottom: 1px; background: #602f42; padding: 0 0 3px 0;}
.nav a {margin: 0 15px 0 0; display: inline-block;}
.nav a:link, .nav a:visited, .nav a:active { color: #fff; text-decoration: none; font-size: 15px;}
.nav a:hover {color: #fff; text-decoration: underline; font-size: 15px;}
.vertical_nav {width: 240px; float: left; display: inline;}
.vertical_nav_link {width: 230px; float: left; display: inline; padding: 5px;}
/* .vertical_nav_link:hover {background: #efefef;} */

.vertical_nav_link a:link, .vertical_nav_link a:visited, .vertical_nav_link a:hover, .vertical_nav_link a:active { color: #602f42; font-weight: normal;}

/* content */

.content {width: 64em; margin: 0; float: left; padding: 0;}
.flash {width: 930px; float: left; margin: 0 10px;}
.text_area {width: 930px; float: left; margin: 10px;}
.large_ind_box {width: 640px; background:url(images/box_top_large.jpg) no-repeat top #c6c6c6; padding: 55px 10px 33px 10px; float: left; margin: 0 10px 0 0;}
.small_contact_box {
	width: 240px;
	float: left;
	padding: 43px 10px 5px 10px;
	background: #c6c6c6;
	/*background-image: url(images/contact_geotechnics_header.jpg);*/

}
.small_services_box {width: 255px; background:url(images/services_top_small.jpg) no-repeat top #c6c6c6; padding: 53px 0 34px 5px; float: left;}
.large_box {width: 930px; float: left; margin: 10px 0 0 0;}
.large_box_top, .large_box_bottom, .large_box_content {width: 930px; float: left;}
.large_box_top, .large_box_bottom {height: 10px;}
.large_box_top {background:url(images/large_box_top.gif) no-repeat; font-size: 0;}
.large_box_bottom {background:url(images/large_box_bot.gif) no-repeat;}
.large_box_content {background: url(images/large_box_bg.gif) repeat-y;}
.serviceslinksbox {width: 315px; float: left; padding: 0;}
.serviceslinksbox li {list-style-type:none; background: url(images/tick.gif) 0 0.12em no-repeat; margin: 0 0 5px -15px; padding: 5px 0 5px 25px;}
.serviceslinksbox a:link, .serviceslinksbox a:visited, .serviceslinksbox a:hover, .serviceslinksbox a:active { color: #602f42; font-weight: normal;}
.bottom_content_box_left, .bottom_content_box_right {width: 415px;}
.bottom_content_box_right {
	float: right;
	padding-top: 50px;
	padding-right: 0px;
	padding-left: 30;
}
.bottom_content_box_left {float: left; padding: 10px 0 10px 20px;}
.divider {width: 630px; height: 2px; float: right; margin: 25px 15px 10px 15px; background: url(images/divider.jpg) no-repeat;}
.small_divider {width: 260px; height: 10px; float: left;}
.left_column_small{padding: 20px 0 10px 10px; display: inline; width: 260px; float: left; }
.page_content {width: 650px; float: right; margin: 20px 10px 0 0; padding: 0 0 10px 0;}
.office {width: 650px; float: right; margin: 10px 0 0 0; padding: 0 0 10px 0;}
.featurel, .featurer {width: 210px; text-align: center;}
.featurel {float: left; margin: 0 10px 0 0;}
.featurer {float: right;}

/* policy statements */

.statements {width: 260px; float: right; padding: 10px; margin: 0 10px 10px 10px; border: 1px solid #602f42;}

/* footer */

.footer {width: 930px; padding: 30px 10px 10px 10px; clear: both; text-align: center;}
.footer p {color: #602f42; font-size: 0.8em;}
.footer a {margin: 0 10px;}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active { color: #602f42; font-weight: normal;}

/* callback form */

.callback_form {width: 240px; float:left;}
.callback_field {width: 240px; float: left; padding: 8px 0 8px 0;}
.callback_field2 {width: 240px; float: left; padding: 8px 0 0 0;}
.callback_text {width: 150px;}
.callback_option {width: 154px;}
.callback_label {width: 80px;}
.callback_button {float: right; margin: 0 5px 0 0; padding: 0;}
label { float: left; width: 160px;}

/* contact form */

#contactform {
	width: 400px;
	float: left;
	color: #a0a0a0;
	margin: 5px 0 0 0;
	padding: 0 0 30px 0;
}
legend {
	margin-left: 0;
	color: #333333;
	font-weight: bold;
	padding: 0;
	border: 0;}
fieldset {border:0} 
fieldset ol { padding: 0; list-style: none;}	 
fieldset li {
	float: left;  
	clear: left;  
	width: 385px;  
	padding: 0 0 2px 0; 
	margin: 0 0 0 0;
}
fieldset.submit {
	float: right;  
	width: 110px;  
	border-style: none;  
	background-color: transparent;
	margin: 0 0 0 9px;	
}
label { float: left; width: 160px;}
.submit {float: right; margin: 0 32px 0 0;}
.select {width: 183px;}
.field1 { width: 370px; float: left; padding: 10px 0 10px 0; border-bottom: 1px solid #ccc;}
.field2 { width: 370px; float: left; margin: 0 5px 0 0; padding: 10px 0 0 0;}
.formbox {width: 200px;}
.select {width: 204px;}
.formtext {width: 205px;}

/* generic */

.left { float: left; margin: 0 10px 10px 0;}
.right { float: right; margin: 0 10px 10px 15px; background: #efefef; padding: 10px;}
.right p, .left p {text-align: center; color: #602f42; padding: 5px 0 0 0;}
.centre {width: auto; margin: 0 auto; text-align: center;}
.newsletter {width: 240px; float: left; display: inline; padding: 0 0 10px 0;}