/* by South Creative | http://southcreative.com */

*{margin: 0; padding: 0; border: 0;}
body{background: #483622; font-family: Helvetica, Arial, sans-serif; font-size: 13px; 
	text-align: center; line-height: 1.3em; color: #111; text-shadow: 0 0 0 #000;}
h1{font-size: 16px;}
p{line-height: 1.3em; font-size: 14px; color: #333; padding-bottom: 1.3em; font-weight: normal;}
a{outline: none;} :focus{-moz-outline-style: none;}

#wrap{background: #483622 url(../images/body-bg.gif) 50% 0 repeat-y; margin: 0; padding: 0;}	/* To fix an IE7 bug */
#content{position: relative; width: 886px; margin: 0 auto; background: #171a10;}
#header{position: relative; height: 156px; background: #1f6332 url(../images/header-bg.jpg) bottom left no-repeat;}
#header a{float: left; font-size: 0; color: #40a647; padding-left: 400px; padding-bottom: 110px;}
#header h1{position: absolute; bottom: 54px; color: #d6edab; font-style: italic; text-align: right; right: 27px;}
#header h1 a{position: absolute;}

#nav{height: 58px; background: #171a10 url(../images/nav-bg.jpg) bottom left no-repeat; position: relative;}

#nav ul{list-style-type: none; margin-left: 27px; position: absolute; bottom: 0; left: 0;}
#nav ul li{float: left; margin-right: 12px; filter: alpha(Opacity=85);}
#nav ul li:hover{filter: alpha(Opacity=100);}
#nav ul li a{display: block; padding: 10px 30px 6px 30px; background: #6e7d56 url(../images/tab-bg.gif) bottom left repeat-x; font-size: 16px; font-family: "Trebuchet MS", arial, sans-serif; color: #000; text-decoration: none; filter: alpha(Opacity=85); -moz-opacity:0.85; opacity:0.85; font-weight: bold;}
#nav ul li a:hover{filter: alpha(Opacity=100); -moz-opacity:1.0; opacity: 1.0;}
#nav ul li a.current{background: #cce79b url(../images/tab-bg-current.gif) bottom left repeat-x; filter: alpha(Opacity=100); -moz-opacity:1.0; opacity:1.0;}
	
#secondary-header{position: relative; height: 72px; background: url(../images/secondary-header-bg.jpg) bottom left repeat-x; padding-left: 27px; text-align: left;}
#secondary-header h1, #secondary-header h2{position: absolute; bottom: 20px;  font-family: "Trebuchet MS", arial, sans-serif; font-size: 19px;}
#secondary-header h1{color: #284a31; left: 27px;}
#secondary-header h2{right: 27px; color: #fff;}
body#products #secondary-header h2{left: 571px;}
#right-col h2{color: #fff; font-family: "Trebuchet MS", arial, sans-serif; font-size: 19px; padding-top: 0.75em; padding-bottom: 0.25em;}

#main{position: relative; background: #fff url(../images/main-bg.gif) repeat-y; text-align: left; height: 100%;}
#left-col, .left-col{width: 479px; float: left;  padding: 10px 27px; background: url(../images/left-col-bg.gif) top left repeat-x;}


#right-col{position: absolute;  right: 0; top: 0; text-align: right; width: 342px; padding: 0 0 27px 0; background: #171a10 url(../images/right-col-bg.gif) top right repeat-x;}
#right-col h2{margin-right: 27px;}
#right-col p.top{margin-top: 25px;}
#right-col p{color: #cecece; margin-right: 27px; font-size: 16px; line-height: 1.4em;}
#right-col ul{list-style-type: none;}
#right-col li{float:left; width: 100%; text-align: left;}
#right-col li a{display: block; padding: 25px 27px; background: #171a10 url(../images/right-col-bg.gif) bottom right repeat-x; color: #cecece; font-size: 16px;}
#right-col li a.current{background: #629600; color: #000; font-weight: 700;} #right-col li a.current:hover{color: #000; background: #629600;}
#right-col li a:hover{color: #fff; background: #333;}
#right-col li a:active{color: #fff; background: #000;}
.left-col h2{color: #333; padding-top: 5px;}
.left-col h3{color: #666; padding-top: 7px;}
.left-col p{color: #333; line-height: 1.3em; padding-top: 20px;}

img.fancy{background: #fff; padding: 4px; border: 1px solid #cecece; margin-right: 20px; margin-bottom: 3px; float: left; width: 126px; height: 115px;}

#footer{ background: #171a10 url(../images/footer-bg.gif) top left no-repeat; text-align: left; padding: 60px 27px 80px 27px; color: #888; line-height: 1.5em;}
#footer a{color: #888; text-decoration: none;}
#footer a.bl{color: #666; font-size: 11px;}

.zoomerz{cursor: pointer;}
form{margin-top: 5px;}
fieldset {border:0; margin:0; padding:0; }
label {display:block; padding: 2px 0;}
input.text, input.text2, textarea{width:472px; font-size: 12px; color: #000; padding: 4px; margin: 0 0 10px 0; border: 1px solid #ccc; 
	background: url("../images/textarea-bg.gif") top left no-repeat;}
input.submit{padding:3px 5px; font: bold 14px/14px verdana,arial,sans-serif; border: 1px solid #b4d7d4; background: #fff; color: #333; margin-right: 10px;}
input.submit:hover{background: #cecece; color: #000; cursor: pointer;}
input.submit2 {padding:3px 5px; font: bold 12px/12px; float: right;}
input.text2{width: 200px;}