/*
#628a2c; - bg green
#8dc63f; - full green
*/

/* Eric Meyers Reset CSS rules */
html, body, div, span,
applet, object, iframe,
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
}
html, body {
height: 100%;
background: url(../img/bg_body.jpg) repeat-x #628a2c;
font-size: 12px;
font-family: Helvetica, Arial, Verdana;
color: #333;
}
#wrapper {
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
background: url(../img/bg_wrapper.jpg) no-repeat top center;
}
#header {
position: relative;
width: 900px;
margin: 0 auto;
height:198px;
background: url(../img/bg_header.jpg) no-repeat top left;
}
#content {
width: 840px;
padding: 5px 30px 20px 30px;
margin: 0 auto;
overflow: auto;
min-height: 200px;
background: url(../img/bg_content.gif) no-repeat bottom center #fff;
zoom: 1;
}

#content_gallery {
width: 870px;
padding: 5px 0px 20px 30px;
margin: 0 auto;
overflow: auto;
min-height: 200px;
background: url(../img/bg_content.gif) no-repeat bottom center #fff;
zoom: 1;
}


p{
margin: 5px 0;
line-height: 16px;
}
a {
color: #628a2c;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
h1 {
margin: 10px 0 0 0;
padding-left: 25px;
font-size: 17px;
font-family: Arial Black, Helvetica, Arial;
letter-spacing: -0.1em;
font-weight:bold;
color: #8dc63f;
background: url(../img/bg_h1.gif) no-repeat left center;
display:inline;
clear:both;
}
h2 {
margin-top: 5px;
padding: 5px 0; 
font-size: 16px;
border-top: 1px solid #bbc7d8;
font-family: Arial Black, Helvetica, Arial;
color: #8dc63f;
}
h3 {
clear: both;
padding: 10px 0 0 0; 
font-size: 15px;
font-family: Helvetica, Arial;
color: #0c254d;
border-top: 1px solid #bbc7d8;
}

/* ------------------------  logo */

#header h1 {
margin: 0;
position: absolute;
top: 15px;
left: 200px;
height:127px;
width: 176px;
text-indent: -9999px;
background: url(../img/bg_logo.gif) no-repeat;
z-index: 1000;
}

/* ------------------------  header pic */

#headerpics {
position: absolute;
top:0;
right:0;
width:540px;
height:170px;
}
#theslideshow {
position: relative;
width:540px;
height:170px;
overflow: hidden;
}
#theslideshow img {
position: absolute;
}

/* ------------------------  main nav */

#nav {
position: absolute;
right:8px;
bottom: 18px;
height: 2em;
overflow: hidden;
z-index: 2000;
}
#nav ul {
position: relative;
font-size: 13px;
display: inline;
height: 2em;
list-style: none;
margin: 0;
padding: 0;
}

#nav ul li {
position: relative;
float: left;
margin: 0 0 0 0;
}

#nav ul a {
position: relative;
background: url(../img/bg_tabs.png);
color: #fff;
display: block;
float: left;
height: 2em;
padding-left: 15px;
text-decoration: none;
margin-right: 5px;
_display: inline;
_width: 5px;
}

#nav ul a:hover {
background-position: 0 -120px;
}

#nav ul a:hover span {
display: block;
background-position: 100% -120px;
}

#nav ul li.current a {
background-position: 0 -60px;
color: #000;
}

#nav ul li.current span {
background-position: 100% -60px;
}

#nav ul span {
position: relative;
background: url(../img/bg_tabs.png) 100% 0;
display: block;
height: 2em;
line-height: 2em;
padding-right: 15px;
margin-right: -5px;
_width: 5px;
}

/* ------------------------  footer */

#footer {
padding: 7px 0;
margin: 0 auto;
width: 900px;
}
#footer a:link,
#footer a:visited {
color: #fff;
padding: 0 7px;
}
#footer a:hover,
#footer a:active {
color: #000;
}
#footer p {
color: #fff;
line-height: 20px;
text-align: center;
margin: 0;
padding: 0;
}
#footer .fine {
color: #c4e29c;
}

div.blogpost{
clear:both;
}
.blogpost span {
text-transform: none;
float:right;
color:#000000;
}

.blogpost p {
clear:none;
}

#contact th{
	text-align:left;
	padding-right:7px;
}
#contact td{
	
	padding:3px;
}

#contact input{
	width:200px;
}

#contact textarea{
	width:307px;
}

div.image_box {
width:190px;
margin:0px 27px 25px 0px !important;
margin:0px 22px 25px 0px;
float:left;
text-decoration:none !important;
line-height: 18px;
}

div.image_box a{
text-decoration:none !important;
background-color: #eee;
padding-bottom: 4px;
display: block;
}
div.image_box a:hover{
color: #fff;
background-color: #8dc63f;
}
div.image_box a span{
padding-left:10px; 
}
div.paging {
	width:500px;
	clear:both;
}

tr.panel_col_title td{
	font-weight:bold;
}

.gallery_hr{
 margin-right:27px;
 clear:both;
 border:none;
 border-top:solid 1px #cccccc;
 border:collapse;
 height:1px;
}

.gallery_hr_top{
 
 margin-bottom:27px;
 
}


.product_hr{
 clear:both;
 border:none;
 border-top:solid 1px #cccccc;
 border:collapse;
 height:1px;
 margin:0px 0px 10px 0px;
}

.product_hr_top{

 margin:10px 0px 10px 0px;
}

div.product_content{
   
   float:right;
   width:625px;
}

div.product_image{
	float:left;
	padding-bottom:10px;
}

h2.product_title{
	border:none;
	margin-top: 0px;
	padding: 0px 0; 
}

div.product_box{
	 clear:both;
}
#contact th {
font-weight: bold;
}
.product_box {
overflow: auto;
position: relative;
zoom:1;
}
.product_price{
position: absolute;
right:0;
bottom:15px;
font-weight: bold;
font-size: 15px;
color: #fff;
display: block;
background-color: #8dc63f;
width: 80px;
text-align: center;
padding: 5px 10px;
}