@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}

body {
font-size: 62.5%;
text-align: center; /* center for ie */
margin: 0;
padding: 0;
background-image: url(images/background.jpg);
background-position: top left;
background-repeat: repeat;
}

P {
font-size: 1.2em;
}
h1 {
font-size: 2.8em;
}
h2 {
font-size: 2.2em;
}
#headercontainer {
background-image: url(images/container_top.jpg);
background-position: top center;
background-repeat: no-repeat;
background-color: #cccc99;
width: 940px;
margin-top: 10px;
padding-top: 1px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
clear:both
}

#header {
background-image: url(images/header_top.jpg);
background-position: top center;
background-repeat: no-repeat;
width: 900px;
position: relative;
margin-top: 15px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
border: 0;
color: #38381f;
background-color: #ebebd6;
min-height: 78px;
text-align: left;
}

* html #header{height: 78px;}
#header h1 {position: absolute; left: 15px; top: 15px;}

#header h2 {
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 0;
word-spacing: 0;
line-height: 1.2em;
margin: 15px 0 0 15px;
padding: 0 0 10px 0;
}
#header #logo { 
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 775px; 
height: 59px;
}
#header #logo span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 775px;
height: 59px;
margin: 0;
padding: 0;
background: url("images/logo.jpg") top left no-repeat;
cursor: pointer;
}
#header #logo a {
position: static;
display: block;
height: 59px;
white-space: nowrap;
color: #910048;
}

#pagebody {
background-color: #cccc99;
width: 940px;
margin-top: 0;
padding-top: 1px;
margin-right: auto;
margin-left: auto;
clear:both
}

#leftcol {
width: 150px;
float: left;
margin: 0;
padding: 0;
text-align: left;
background: url(images/phone.jpg) bottom center no-repeat;
}

#nav {
width: 130px;
margin-top: 3.5em;
margin-right: 0;
margin-bottom: 0.5em;
margin-left: auto;
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.0em;
}
#nav ul {
list-style: none;
margin-right: 0;
padding: 0;
text-align: left;
}

#nav li {
border-bottom: 8px solid #cccc99;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
}

#nav li a:link, #nav li a:visited {
font-size: 90%;
display: block;
padding: 0.6em 0 0.6em 0.5em;
text-decoration: none;
} 
#nav li a:hover {
font-size: 90%;
display: block;
color: #000;
text-decoration: underline;
}

#leftcol #nav .nav1 {
background: #fff url(images/home_bg.jpg) left repeat;
color: #582819;
}
#leftcol #nav .nav1current {
background: #fff url(images/home_bg.jpg) left repeat;
color: #582819;
margin-left: 5px;
}
#leftcol #nav .nav2 {
background: #fff url(images/about_bg.jpg) left repeat;
color: #2a130c;
}
#leftcol #nav .nav2current {
background: #fff url(images/about_bg.jpg) left repeat;
color: #2a130c;
margin-left: 5px;
}
#leftcol #nav .nav3 {
background: #000 url(images/merchants_bg.jpg) left repeat;
color: #fff;
}
#leftcol #nav .nav3current {
background: #000 url(images/merchants_bg.jpg) left repeat;
color: #fff;
margin-left: 5px;
}
#leftcol #nav .nav4 {
background: #000 url(images/harvesting_bg.jpg) left repeat;
color: #fff;
}
#leftcol #nav .nav4current {
background: #000 url(images/harvesting_bg.jpg) left repeat;
color: #fff;
margin-left: 8px;
}
#leftcol #nav .nav5 {
background: #000 url(images/beams_bg.jpg) left repeat;
color: #fff;
}
#leftcol #nav .nav5current {
background: #000 url(images/beams_bg.jpg) left repeat;
color: #fff;
margin-left: 8px;
}
#leftcol #nav .nav6 {
background: #000 url(images/contact_bg.jpg) left repeat;
color: #fff;
}
#leftcol #nav .nav6current {
background: #000 url(images/contact_bg.jpg) left repeat;
color: #fff;
margin-left: 8px;
}
.contact {
width: 150px;
/* height: 235px;
 /*
background: url(images/phone.jpg) bottom center no-repeat; */
margin-top: 35px;
margin-right: -10px;
margin-bottom: 0;
margin-left: 5px;
text-align: center;
padding: 0 0 105px 0;
}
.callus p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.8em;
font-weight: normal;
color: #5a2616;
text-align: center;
} 
.no p {
font-family: Arial, Helvetica, sans-serif;
color: #5a2616;
font-weight: bold;
font-size: 3.0em;
text-align: center;
}
#rightcol {
width: 770px;
float: left;
margin: 0;
padding: 0;
text-align: left;
}
#content {
width: 770px;
background: #fff url(images/content_top.jpg) top center no-repeat;
margin-top: 15px;
}
#images {
float: left;
width: 370px;
margin: 15px 0 15px 0;
text-align: center;
}
#images img {
margin: 5px 0 0 0;
}
#text {
float: left;
width: 370px;
text-align: left;
margin: 15px 0 10px 0;
letter-spacing: normal;
word-spacing: 0.1em;
line-height: 1.6em;
}
#text h2 {
color: #663333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.8em;
margin: 0;
}
#text h3 {
color: #663333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.6em;
margin: 0;
}
#text h4 {
color: #663333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.6em;
margin: 0;
}
#text p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #222222;
font-size: 1.2em;
margin: 5px 0 20px 0;
}
#text span {
font-weight: bold;
}
#text .servicelist {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #000;
font-weight: normal;
margin: 0 0 25px 25px;
}
#text .servicelist ul {
list-style: disc;
}
#text .servicelist li {
padding: 0;
}
#textleft {
float: left;
width: 357px;
margin: 15px 0 15px 25px;
text-align: left;
}
#textleft h2 {
color: #663333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.5em;
margin: 0 0 25px 0;
}
#textleft p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 1.2em;
margin: 5px 0 25px 0;
letter-spacing: normal;
line-height: 1.3em;
}
#textleft span {
font-weight: bold;
}
#form {
float: left;
width: 357px;
text-align: left;
margin: 15px 0 10px 0;
letter-spacing: normal;
word-spacing: 0.1em;
line-height: 1.6em;
}
#form h3 {
color: #663333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.5em;
margin: 0 0 25px 0;
}
#form p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 1.2em;
margin: 5px 0 25px 0;
}
#form .contactform fieldset {
border: none;
}
#form .contactform legend {
display: none;
}
.contactform .fixedwidth {
display: block;
width: 105px;
float: left;
}
.contactform #name {
width: 175px;
}
.contactform #email {
width: 175px;
}
.contactform #tel {
width: 175px;
}
.contactform #subject {
width: 175px;
}
.contactform .btn {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
width: 75px;
margin-right: 30px;
}
#twocoltext {
width: 675px;
margin: 0 15px 25px 0;
padding: 15px 0 0 15px;
float: left;
text-align: left;
}
#twocoltext h2 {
color: #663333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.8em;
margin: 0;
}
#twocoltext h3 {
color: #663333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.6em;
margin: 0;
}
#twocoltext h4 {
color: #663333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.6em;
margin: 0;
}
#twocoltext p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: normal;
color: #000;
margin: 25px 0 25px 0;
}
#twocoltext span {
font-weight: bold;
}
#twocoltext .servicelist {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.4em;
color: #000;
font-weight: normal;
margin: 25px 0 25px 55px;
}
#twocoltext .servicelist ul {
list-style: disc;
}
#twocoltext .servicelist li {
padding: 0;
}
.whitespace {
min-height: 425px;
height: 425px;
}
#bottomcontent {
width: 770px;
background: #fff url(images/content_bottom.jpg) bottom center no-repeat;
margin: 1px 0 0 0;
}
#bottomimage {
text-align: left;
background: url(images/tree.jpg) 90% bottom no-repeat;
margin: 0 0 0 25px;
}
#bottomimage img {
padding: 25px 0 25px 0;
margin-right: auto;
}
#footer {
background: url(images/container_bottom.jpg) bottom center no-repeat;
background-color: #cccc99;
width: 940px;
margin: 0 0 5px 0;
padding-bottom: 1px;
margin-right: auto;
margin-left: auto;
clear: both;
}
#copy p {
font: bold 1.0em Arial, Helvetica, sans-serif;
color: #000;
float: right;
padding: 1.5em 0 0 0;
margin: 0 35px 0 0;
}
#designby p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #000;
float: left;
padding: 0 0 0 20px;
margin: 14px 0 0 0;
}
#footernav {
float: right;
margin: 0;
padding: 1.5em 0 0 0;
}
#footernav ul {
margin: 0 0 1.0em 0;
padding: 0;
}
#footernav li {
list-style: none;
display: inline;
font: bold 1.0em Arial, Helvetica, sans-serif;
color: #000;
border-right: solid 1px #000;
margin: 0 1.5em 0 0;
padding: 0 1.5em 0 0;
}
#footernav li a:link {
text-decoration: none;
color: #000;
}
#footernav li a:visited {
text-decoration: none;
color: #333;
}
#footernav li a:hover, #footernav li a:active {
text-decoration: underline;
}
#footer a:link {
text-decoration: none;
color: #000;
}
#footer a:visited {
text-decoration: none;
color: #333;
}
#footer a:hover, #footernav li a:active {
text-decoration: underline;
}

.clear {
display: block;
height:1px;
clear:both;
margin: 0;
}