@charset "utf-8";

/*

mainImages frame   396x269px
mainImages picture 378x253px   x:197px   y:132.5px

gallery image 		500x300px
gallery thumbnail 75x45px

green #798f0d

*/

html {font-size:100%; height:101%;}
body {font:.75em Verdana, Arial, Helvetica, sans-serif; color:#333; background:#39382c url(images/bg-header.png) bottom left repeat-x;}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0;}
fieldset {border:0;}
ul {list-style:none;}
ul.bullets {list-style:disc inside;}
ul.bullets li {padding-bottom:3px;}

h1 {font-size:1.25em; color:#333; clear:left;}
h1 span {color:#798f0d;}
h2 {font-size:1.125em; color:#798f0d; padding-top:25px;}
p {padding:.625em 0; line-height:1.375em;}
a {color:#798f0d;}
a:hover {color:#4f5e07;}

form {margin:30px 0;}
form span {float:left; width:10em; text-align:right; padding-right:10px; font-weight:bold;}
fieldset {padding:10px 5px; border:1px solid;}
legend {font-size:1.2em; font-weight:bold; background-color:#d5e199; padding:3px 8px; border:1px solid;}
input {padding:1px 2px; font-size:.9em; color:#666;}
.info {visibility:hidden;}
.submitButton {color:#333; background-color:#819909; border:1px solid #333; padding:2px 8px; font-weight:bold; cursor:pointer;}
.submitButton:hover {color:#fff; background-color:#798e0d;}

#container {min-width:760px; margin:0 auto; background-color:#fff;}

#header {height:105px; background:#39382c url(images/bg-header.png) top left repeat-x;}
#header a img {border:0 none;}

#mainNav {height:5em; background:#819909 url(images/bg-main-nav.png) top left no-repeat; border:solid #acbc64; border-width:1px 0;}
#mainNav a {display:block; float:left; padding:3.3em 20px 0; color:#fff; text-decoration:none; font-size:1.1em; font-weight:bold; text-transform:uppercase;}
#mainNav a:hover {background-color:#798e0d;}

#rightLinks {clear:left; float:right; width:15em; text-align:right; padding:15px; margin-top:22px;}
#rightLinks li {height:3.5em;}
#rightLinks li a {display:block; line-height:3.5em; vertical-align:middle; padding:0 7px; color:#333; border-bottom:1px solid #cede86; border-right:1px solid #fff; text-decoration:none;}
#rightLinks li a:hover {color:#333; background-color:#d5e199; border-bottom:1px solid #999; border-right:1px solid #ccc;}

#mainContent {padding:20px; max-width:900px; margin-right:16em; min-height:360px; height:auto !important; height:360px;}
* html #mainContent {width:expression(document.body.offsetWidth - 310);}

#footer {border-top:1px solid #76766a;}
#footer p {font-size:.8em; padding:.5em 15px; color:#fff; text-align:right;}

#testimonials {margin:20px 30% 0 0; border-top:1px dotted #666;}
#testimonials p {padding:15px; border-bottom:1px dotted #666; color:#666;}
#testimonials p span {display:block; font-size:.8em; color:#666; font-style:italic;}

.mainImage img {float:left; width:31%; margin:0 1% 20px 0;}

.service {float:left; width:41%; margin:0 7% 0 0; padding-top:35px;}
.service p.header {padding-bottom:0; font-weight:bold; color:#798f0d; border-bottom:1px solid #798f0d;}
.service img {float:left; border:1px solid #666; margin:0 15px 15px 0;}

.note {font-size:.9em; color:#666; font-style:italic;}
.info {visibility:hidden;}
.errors{margin:10px 0; font-size:.9em; font-style:italic; color:#999;}

.facebookBox {padding:35px 0;}
.facebookBox a {text-decoration:none; color:#999;}
.facebookBox a:hover {text-decoration:underline;}
.facebookBox span {font-weight:bold;}
.facebookBox img {padding-top:5px; border-style:none;}