/* CSS Document */
/* get rid of default margins/paddings */
* {
    padding: 0;
    margin:  0;
}
* html #footer{margin-bottom:-1px}/* ie rounding bug*/
html {height:100%;}
* html #footer {/*only ie gets this style*/
	\height:25px;/* for ie5 */
	he\ight:25px;/* for ie6 */
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
html >body #minHeight{float:left;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */
#outer{
	height:99.9%;
	min-height:100%;
width:712px;
border: 1px #FFFFFF solid;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background-color:#FFFFFF;
	position:relative;
}
/* 1em = 10px */
body {
	min-width:712px;/* for mozilla*/
height:100%;
color:#000000;
    font-size: 62.5%;
	background:url("../images/background.gif");
	background-repeat: repeat-x;
	background-position:top;
	background-color:#abab8e}
/* =Container
************************/
#container{
height:100%;
position:relative;

background-color:#f5f6ed;
width:712px;
margin: auto;
margin-bottom:25px;
height:auto;
padding-top:160px;
}
/* =HEAD
************************/
#head{
float:left;
width:712px;
height: auto;
background-color:#545f15;
padding:0px;
	position:absolute;
	margin:auto;
	top:0;
	overflow:hidden;

	z-index:100;

}
h1{display:none;}
h2{display:none;}
h3{display:none;}
#head_pic{
border-top: 2px solid #2c3700;
border-bottom: 2px solid #2c3700;
margin-top:8px;
width:712px;
height:99px;
background:#FFFFFF url("../images/header_bg.jpg") left top no-repeat;
}



/* =NAVIGATION
***********************/

#navcontainer ul
{
/*border-bottom: 2px solid #2c3700;*/

padding-right: 0;
margin-right: 0;
background: url("../images/gradbg.jpg") bottom left repeat-x #73831d;
color: White;
float: right;
width: 712px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{	
margin:0;
display:block;
background: url("../images/gradbg.jpg") bottom left repeat-x;
padding-top:8.5px;
padding-bottom:8.5px;
padding-right:10px;
padding-left:10px;
background-color: #545f15;
color: White;
text-decoration: none;
float: right;
border-left:1px solid #b2bb6d;
border-right:1px solid #2d3800;
}
ul#navlist li#active a
{
color: #ffffff;
background: url("../images/gradbg_current.jpg") top left repeat-x #afa585;
border-bottom: 1px #a99f7f;
border-left:1px solid #82795a;
}
#navcontainer ul li a:hover
{
background: url("../images/gradbg-hover.jpg") top left repeat-x;
background-color: #2c3700;
color: #fff;
}

#subnav{
padding-right: 0;
margin-right: 0;
background: url("../images/gradbg_sub.jpg") top left repeat-x #dfd4b2;
color: White;
float: right;
width: 712px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
height:20px;
border-bottom: 1px #645f4d solid;}

/* =CONTENT
************************/
#content{
float:left;
width:712px;
height:100%;
background:#FFFFFF url("../images/content_bg.jpg") top left repeat-x;
margin:0px;
font-family:Helvetica, Arial, Verdana, sans-serif;
color:#747474;
}
#headline{
float:left;
width:363px;
height:43px;
margin-top:20px;
margin-left:10px;
background:url("../images/header.gif") top left no-repeat;}
.emphasis{color:#701010}
#description{
float:left;
font-size:18px;
margin-top:20px;}
#picture{
float:left;
padding-top:20px;
padding-left:20px;
	width: 291px;
	height: 186px;
	margin:auto 0;
	
}
#second_ad{
background:#FFFFFF url("../images/feat_bg.gif") top left repeat-x;
position:relative;
width:712px;
height:auto;
float:left;
margin-top:10px;
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:10px
}
.copy{ font-size:10px;}
#description_2{
margin-left:20px;
float:left;
width:210px;
font-size:12px;
}
#picture2{
float:left;
padding-left:20px;
	width: 161px;
	height:243px;
	margin:auto 0;
	
}
/*Featured
*****************/
#featured{
float:left;
margin-top:15px;
padding:0px;
width:712px;
height:auto;
background: url("../images/feat_bg.gif") top left repeat-x ;
border-top: solid 2px #d4d4d4;
color:#747474;
}

#title{
font-family:Helvetica,Verdana, Arial, sans-serif;
font-size:16px;
margin-top:10px;
margin-bottom:10px;
margin-left:20px;
}
#title2{
font-family:Tempus Sans ITC, Helvetica,Verdana, Arial, sans-serif;
font-size:18px;
margin-top:10px;
margin-bottom:10px;
margin-left:20px;
}
#products{
margin-left:17px;
height:auto;
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:10px;}
.product_box{
float:left;
width:161px;
height:auto;
margin-right:10px}
.product_title{
color:#87904e; font-size:14px; margin-bottom:5px;}
.pic{border:2px #8a9352 solid;}
/* =FOOTER
************************/

#clearfooter {width:100%;height:25px;clear:both; background:#FFFFFF;} /* to clear footer */
#footer {
position:absolute;
bottom:0px;
width:712px;
clear:both;
height:50px;
border-top:1px solid #645F4D;
	background:url("../images/gradbg_sub_2.jpg") repeat-x bottom #DFD4B2;
	color: #000000;
	text-align:center;
	float:left;
	
	
}
