﻿/*
CSS file for Geotechnics LLC website
*/

body {
	margin: 0;
	padding: 0;
	background: #fcfeff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #830000;
}

h1 {
	font-size: 19px;
	line-height: 32px;
}

h2 {
	font-size: 17px;
}

h3 {
	font-size: 17px;
	line-height: 32px;
	text-indent: 40px;
}

h4 {
	font-size: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-indent: 40px;
	color: rgb=(0,0,0);
}

p {
	margin: 0 0 1.5em 0;
	text-align: justify;
	line-height: 140%;
}

p.2 {
	color: rgb=(0,0,0);
}

p.bullet {
	margin: 0 0 0.5em 0;
	text-align: justify;
	line-height: 140%;
}

ul, ol {
	margin: 0 0 1em 0;
	text-align: justify;
	line-height: 150%;
}

ol {
	margin: 0 0 0 0;
	text-align: justify;
	line-height: 200%;
	list-style-type: none;
	text-indent: 0;
	text-align: left;
}

a:link {
	color: #00006f;
}

a:hover, a:active {
	text-decoration: none;
	color: #0000ff;
}

a:visited {
	color: #00006f;
}

img {
	border: none;
}

img.left {
	float: left;
	margin-right: 15px;
}

img.right {
	float: right;
	margin-left: 15px;
}

img.portrait {
	float: left;
	margin: 70px 55px 50px 55px;
}

img.landscape1 {
	margin: 70px 55px 40px 55px;
}

img.landscape2 {
	margin: 0px 55px 40px 55px;
}
img.portrait2 {
	float: left;
	margin: 0px 0px 50px 73px;
}

/* Form */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

legend {
	display: none;
}

input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #222222;
}

/* Header */

#header {
	width: 939px;
	margin: 0 auto;
}

/* Menu */

#menu {
	float: left;
	width: 939px;
	height: 45px;
	background: #000000;
}

#menu ul {
	margin: 15px 0 0 30px;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	float: left;
	margin-right: 3px;
	padding: 0 20px;
	background: url(images/img03.gif) no-repeat right 60%;
	text-decoration: none;
	text-transform: capitalize;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#menu a:hover { 
	text-decoration: none; 
	color: #F8e800;
}

#menu .current_page_item a {
	color: #F8e800;
}

/** LOGOZONE */

#logozone {
	width: 939px;
	margin: 0 auto 0 auto;
		}

/** LOGO */



/** BLACKLINE ZONE*/

#blacklinezone {
	width: 939px;
	margin: -3px auto 0 auto;
	}

/** BLACKLINE */

#blackline {
	margin: 0 0 0 0;
	float: left;
	width: 939px;
	height: 10px;
	background: #000000;
	}

/* Page */

#page {
	width: 939px;
	margin: 0 auto;
	background: #cfcfd8;

}

/* Content */

#content {
	float: right;
	width: 549px;
	padding: 20px 80px 0 0px;
	background: #cfcfd8;
}
#content a:hover { 
	text-decoration: none;
	color: #0000ff;
}

#photozone {
	float: left;
	width: 310px;
	background: #cfcfd8;
}


/* Footer */

#footer {
	margin: 0 auto;
	width: 939px;
	height: 120px;
	min-height: 70px;
	padding: 0;
	background: #000000;
}

html>body #footer {
	height: auto;
}

#footerleft {
	float: left;	
	padding: 10px 0 0 30px;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 16px;
	color: #FFFFFF;
}

#footerright {
	float: right;	
	padding: 10px 30px 0 0;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 16px;
	text-align: right;
	color: #FFFFFF;
}
#footerright a {
	float: right;	
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 16px;
	text-align: right;
	color: #FFFFFF;
}
