/* RESET */

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* MAIN STYLES */

body, html {
	background-color: #755031 !important;
	background-image: url(../images/background_image.jpg) !important;
	background-repeat: no-repeat !important;
	background-position: top center !important;
	line-height: 1;
	font-size: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 100%;
	display: table;
}

p {
color: #78533d;
font-size: 14px;
line-height: 24px;
margin: 0 0 1em 0;
}

a {
text-decoration: none;
color: #7ba600;
}

a:hover {
text-decoration: none;
color: #7ba600;
}

h2 {
color: #78533d;
font-size: 12px;
line-height: 26px;
padding-top: 14px;
text-transform: uppercase;
}

h2.teamsubtitle {
color: #78533d;
font-size: 12px;
line-height: 14px;
padding-top: 0px;
padding-bottom: 4px;
text-transform: uppercase;
}

h2.thumbnail {
color: #78533d;
font-size: 12px;
line-height: 16px;
padding-top: 0px;
text-transform: uppercase;
}

#container {
width: 900px;
background: white;
margin: auto;
}

#header {
overflow: hidden;
height: 100%; /* Needed for IE6 */
}

#header img {
float: left;
margin-left: 42px;
_margin-left: 21px; /* when float and margin are both from same direction, need this typo to fix double-margin bug in IE6 */
margin-top: 34px;
}

#address li {
clear: right;
float: right;
display: list-item;
padding-right: 40px;
font-size: 12px;
line-height: 20px;
position: relative;
top: 34px;
color: #78533d;
}

#menulist {
background: url(../images/menu_bg.jpg) no-repeat;
height: 128px;
margin-top: 33px;
margin-left: 32px;
}

#menulist img.pagetitle{
margin-top: 90px;
margin-left: 12px;
}

.serviceslist ul {
list-style-type: disc;
color: #78533d;
font-size: 14px;
line-height: 24px;
color: #78533d;
padding-left: 15px;
}

.serviceslist2 ul {
list-style-type: disc;
color: #78533d;
font-size: 14px;
line-height: 24px;
color: #78533d;
padding-left: 15px;
}

.serviceslist2 {
width: 300px;
float: left;
}

#title {
height: 50px;
margin-top: 33px;
margin-left: 32px;
}

#nav li {
position: relative;
top: 30px;
left: 25px;
display: inline;
padding-right: 50px;
}

#homebanner {
background: url(../images/home_banner.jpg) no-repeat;
height: 287px;
margin-left: 42px;
overflow: hidden;
}

#homebanner p {
color: white;
font-size: 18px;
margin-top: 28px;
margin-left: 30px;
margin-bottom: 29px;
padding-right: 345px;
line-height: 29px;
}

#maincontent {
height: 40px;
margin-left: 42px;
overflow: hidden;
}

#main {
margin-top: 30px;
margin-left: 45px;
margin-bottom: 50px;
padding-right: 44px;
}

#maincontact {
overflow: hidden;
margin-top: 30px;
margin-left: 45px;
margin-bottom: 50px;
padding-right: 44px;
}

#main p {
color: #78533d;
font-size: 14px;
line-height: 24px;
}

#main p#contacttext{
color: #78533d;
font-size: 16px;
line-height: 26px;
margin-top: 20px;
}

#main p#vendomemetro{
color: #78533d;
font-size: 16px;
line-height: 26px;
margin-top: 17px;
padding-bottom:20px;
}

#main p#contactformtitle{
color: #a88b77;
font-size: 15px;
line-height: 15px;
font-weight: bold;
text-transform: uppercase;
margin-top: 7px;
padding-bottom: 0px;
padding-top: 3px;
}

#main img.map{
float: left;
}

#main img.metrologo{
float: left;
margin-top: 0px;
margin-right: 10px;
}

#main img.servicesimg1{
float: left;
margin-right: 40px;
}

#main img.servicesimg2{
float: right;
margin-left: 30px;
padding-top: 44px;
}

#main img.teammemberimg1{
float: left;
margin-right: 25px;
margin-bottom: 5px;
}

#col1, col2 {
float: left;
width: 410px;
margin-right: 10px;
}

.teamthumbnail {
height: 90px;
}

.teamthumbnail p{
line-height: 12px;
padding-top: 8px;
margin: auto;
}

.teamthumbnail img.memberthumbnail{
float: left;
padding-right: 20px;
}

.teamthumbnail img.leaf{
float: left;
padding-right: 10px;
padding-top: 20px;
padding-bottom: 25px;
}

.divider {
background: url(../images/divider_leaf_dottedline.jpg) no-repeat center;
width: 818px;
height: 60px;
margin-top: 0px;
overflow: hidden;
}

.divider p {
float: right;
padding-top: 30px;
_padding-top: 35px;
margin-right: 30px;
_margin-right: 15px; /* when float and margin are both from same direction, need this typo to fix double-margin bug in IE6 */
font-size: 10px;
}

.divider a {
font-size: 12px;
}

#contactcol1 {
	float: left;
	width: 386px;
	padding-right: 8px;
}

#contactcol2 {
	float: right;
	width: 407px;
	padding-bottom: 50px;
}

#main #contactpageform {
	position: relative;
	clear: none;
	width: 407px;
	height: 100%;
	padding-bottom: 20px;
}

fieldset { 
	position: relative;         
	width: 407px;        
	font-size: 14px;
	color: #a88b77;
	background-color: #f8f4e5;
	padding-top: 10px;
	padding-bottom: 10px;
}

fieldset li {    
	float: left;    
	clear: left;    
	width: 100%;    
	padding-bottom: 1em;
}

input, textarea {
	margin-right: 20px;
	_margin-right: 10px; /* when float and margin are both from same direction, need this typo to fix double-margin bug in IE6 */
	float: right;
	width: 206px;
	border: 1px solid #e6e0ca;
	padding: 2px 2px 2px 2px;
}

select {
	margin-right: 20px;
	_margin-right: 10px; /* when float and margin are both from same direction, need this typo to fix double-margin bug in IE6 */
	float: right;
	width: 210px;
	border: 1px solid #e6e0ca;
	padding: 2px 2px 2px 2px;
}

input.text2, textarea.text2 {
	height: 200px;
}

input.submit {
	margin-right: 0px;
}

fieldset.submit {
	float: right;
	width: 407px;    
	border: 0 none #FFF;    
	background-color: transparent;
	margin-top: 10px;
}

fieldset ol {  
	padding: 1em 0em 0 0em;  
	list-style: none;  
}

fieldset li {  
	padding-bottom: 1em;
}

label {    
	float: left;    
	width: 150px;    
	margin-right: 20px;
	text-align: right;
}

label.error {
    color: #b82d1a;
}

.submit {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #d4c0b1;
	width: 76px;
	padding: 2px 0 2px 0; 
	border: 1px solid #e6e0ca;
	background-color: #665a4f;
	text-transform: uppercase;
	cursor:pointer;
}

#footer {
background: url(../images/footer_fullbg.jpg) no-repeat center;
height:104px;
width:900px;
clear: both;
margin: auto;
overflow: hidden;
}

#footer ul {
text-align: center;
margin-top: 22px;
margin-bottom: 15px;
font-size: 12px;
}

#footermenu li {
color: #bda188;
}

#footer ul li {
display: inline;
}

#footer a {
color: #bda188;
}

#footer p {
position: relative;
float: right;
margin-top: 0px;
padding-top: 12px;
margin-right: 75px;
_margin-right: 37px; /* when float and margin are both from same direction, need this typo to fix double-margin bug in IE6 */
color: #7a9d03;
font-size: 12px;
}