* {margin: 0; padding: 0;}

body { 
font: 11px Tahoma, Verdana, arial, sans-serif;
background-image:url(../images/bg.gif); 
background-repeat: repeat;
margin: 10px 0 0 0;
padding: 0;
}

#pages {
width: 722px;
margin: auto;
padding: 2px;
border: 2px solid #3C6409;
background-color: #FFF;
}

h5 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
margin: 0;
padding: 0 0 10px 10px;
}

h6 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #333;
margin: 0;
padding: 0 0 10px 10px;
}


#header {
background-image: url(../images/header-bg.jpg);
background-repeat: repeat-x;
padding: 0;
height: 86px;
}

.headerleft {
float: left;
width: 223px;
margin: 0;
padding: 0;
}
.headerright {
float: right;
width: 287px;
margin: 0;
padding: 0;
}

#navcontainer {
background-image:url(../images/divider.gif);
background-repeat:repeat-x;
background-position:bottom;
height: 236px
}

#navholding {
height: 230px
}

#nav {
float: left;
width: 220px;
background-color: #759931;
margin: 2px 0 0 0;
padding: 20px 0 2px 17px;
height: 203px;
clear: both;
}

#nav img {
margin: 0 0 18px 0;
padding: 0;
}

#nav h1 {
font: bold 14px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
margin: 0;
padding: 0;}

#nav p {
font: 11px Tahoma,Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
margin: 0;
padding: 0;
line-height: 1.3em;}

#nav a {
color: #FFF;
text-decoration: underline}

#nav a:hover {
color: #FFF;
text-decoration: underline}

#home-image {
float: right;
width: 483px;
margin: 2px 0 2px 0;
}

#content {
background-color: #E9EADA;
margin: 0;
padding: 6px;
width: 710px;
clear: both;
}

#content a {
color: #3C6409;
text-decoration: none;
margin: 0;
padding: 0;}

#content a:hover {
color: #7C542F;
text-decoration: underline;
margin: 0;
padding: 0;}


#full {
width: 710px;
margin: 0;
padding: 6px 0 0 0;
}

#full p {
margin: 0;
padding: 3px 0 3px 9px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #555;
line-height: 2.2em;
}

#left {
float: left;
width: 369px;
margin: 0;
padding: 6px 10px 0 0;
}

#left p {
margin: 0;
padding: 9px 0 0 11px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #555;
line-height: 1.9em;
}

#right {
float: right;
width: 310px;
margin: 0;
padding: 6px 0 0 0;
}

.clear {
clear: both;
visibility:inherit;
}

.brown {
font: 11px Verdana, Arial, Helvetica, sans-serif; color: #7C542F;
margin: 0;
padding: 0;
}

/* offers */
#offers {
float: left;
width: 363px;
margin: 0;
padding: 0 0 0 10px;
}

#offers ul {
display: inline;
margin: 0;
padding: 0;
}

#offers img {
margin: 0 10px 0 0;
padding: 0;
}

/* features */
#features {
float: left;
width: 300px;
margin: 0;
padding: 0 0 0 11px;
}

#features a {
color: #3C6409;
text-decoration: none}

#features a:hover {
color: #7C542F;
text-decoration: underline}


#features img {
float: right;
margin: 0;
padding: 0;
border: 0;
}

#features p {
margin: 0;
padding: 1px 0 0 10px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #555;
}

.feature-left {
float: left;
width: 69px;
margin: 0;
padding: 7px 0 0 0;
clear: both;
}
.feature-right {
float: left;
height: 69px;
width: 230px;
padding: 8px 0 5px 0;
margin: 0;
}

.divider {
margin: 0;
padding: 0 8px 0 50px;
}


/* footer */
#footer {
margin: 0;
height: 46px;
padding: 0;
width: 722px;
background-image: url(../images/footer.jpg);
background-repeat: repeat-x;
clear: both;
border-top: 2px solid #FFF;
}

#footer a {
color: #FFF;
text-decoration: none}

#footer a:hover {
color: #FFF;
text-decoration: underline}


.footer-left p {
float: left;
width: 332px;
padding: 18px 0 0 16px;
color: #FFF;
}

.footer-right p {
float: right;
padding: 18px 7px 0 0;
color: #FFF;
}

/* contact form */
.label  {
	font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 0; color: #666}

form { width: 330px; padding: 15px 0 40px 0; margin: 0; }

input {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0F5533;
	width: 200px;
	background-color: #FFFFFF;
	border: 1px solid #999;
	margin: 2px 0 2px 0;
	padding: 0;}

textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0F5533;
	height: 70px;
	width: 200px;
	background-color: #FFFFFF;
	border: 1px solid #999;
	margin: 2px 0 2px 0;
	overflow: scroll;
	
}
.send {
	background-color: #865F36;
	color: #FFF;
	cursor: pointer;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 200px;
	height: 22px;
	border: 1px solid #999;
}


/* gallery */

#photogallery {
width: 710px;
margin: 0 auto;
}

#thumbnails {
float: left;
width: 280px;
padding: 10px 0 10px 10px;
}

#thumbnails img {
float: left;
border: 1px solid #999;
margin: 0 30px 10px 0;
}

#displayArea {
float: right;
padding: 10px 0 0 0;
}

#displayArea img {
border: 1px solid #999;
margin-bottom: 1em;
}

p {
margin-top: 0;
}
p#caption {
font: bold 11px Tahoma, Arial, sans-serif;
text-align: right;
color: #0F5533;
}

.separator {
font: 11px Tahoma, Arial, sans-serif;
clear: both;
}

/* products */

ul {
font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #666;
list-style-type: square;
margin: 5px 0 0 0;
}

li {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-type: square;
}

.notes {
font: 10px Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0 0 0;
padding: 10px 0 0 0;
color: #777;
}

.horizdivider {
border-top: 1px dotted #996600;
}