html { 
	width: 100%; 
	height: 100%; 
	margin-bottom: 1px; 
	text-align: center; 
	} 

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	width: 100%; 
	text-align: left; 
	font: small/1.5 "trebuchet ms", tahoma, calibri, verdana, arial, sans-serif; 
	color: #340704; 
	background: #fffff7 url(images/body.png) repeat-x 0 0; 
	border-top: 1px solid #054605; 
	} 




/* << main structural elements >> */ 


#container  { 
	position: relative; 
	width: 920px; 
	margin: 0 auto; 
	} 

#main  { 
	float: right; 
	width: 690px; 
	} 

#header  { 
	float: left; 
	width: 690px; 
	height: 100px; 
	} 

#siteinfo  { 
	float: left; 
	width: 100%; 
	padding: 1em 0; 
	text-align: center; 
	} 

.content_2of3  { 
	float: left; 
	width: 450px; 
	} 

.content_1of3  { 
	float: right; 
	width: 200px; 
	padding: 0 0 0 20px; 
	border-left: 1px dotted #d7c5c4; 
	} 

#hometext  { 
	float: left; 
	width: 350px; 
	} 

#homeimages  { 
	float: right; 
	width: 310px; 
	} 

#moreinfo { 
	float: left; 
	width: 648px; 
	margin: 10px 0; 
	padding: 10px 20px 0 20px; 
	background: #e9ece8; 
	border: 1px solid #828c82; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	} 

.piccontainer  { 
	float: left; 
	width: 100%; 
	margin: 10px 0 20px 0; 
	} /* instructions page */ 





/* links 
----------- */ 


a:link  { 
	color: #b43222; /* dark red */ 
	text-decoration: underline; 
	} 

a:visited  { 
	color: #b43222; /* dark red */ 
	text-decoration: none; 
	} 

a:hover { 
	color: #325fb0; /* blue */ 
	text-decoration: underline; 
	} 

a:focus  { 
	color: #c4bfba; 
	outline: none; 
	} 

a:active  { 
	color: #1706f7; 
	} 

h1 a, 
h1 a:hover  { 
	float: left; 
	width: 400px; 
	height: 100px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	text-decoration: none; 
	} 

a.productrangeimg  { 
	float: left; 
	width: 196px; 
	height: 149px; 
	border: 1px solid #d7c5c4; 
	} 

a.productrangeimg:hover  { 
	border: 1px solid #325fb0; 
	} 




/* navigation 
--------------- */ 



ul#nav  { 
	float: left; 
	width: 200px; 
	margin: 20px 0; 
	padding: 260px 0 10px 0; 
	background: #7db17d url(images/logo.png) no-repeat 10px 10px; 
	list-style: none; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	border-radius: 5px; 
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.6); 
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.6); 
	box-shadow: 3px 3px 5px rgba(0,0,0,0.6); 
	}  

ul#nav li  { 
	float: left; 
	width: 180px; 
	padding: 2px 10px; 
	} 

ul#nav li#navproducts  { 
	padding: 2px 10px 0 10px; 
	} 

ul#nav li ul  { 
	float: left; 
	width: 190px; 
	margin: 0; 
	padding: 2px 0 0 0; 
	background: none; 
	list-style: none; 
	} 

ul#nav li ul li  { 
	width: 180px; 
	padding: 2px 10px 2px 0; 
	} 

#nav a  { 
	float: left; 
	width: 160px; 
	display: block; 
	margin: 0; 
	padding: 5px 9px; 
	font-family: constantia, georgia, serif; 
	color: #054605; 
	background: #f1f4f0;
	text-decoration: none; 
	border: 1px solid #2b822b; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	border-radius: 5px; 
	} 

#nav li li a  { 
	width: 150px; 
	padding: 5px 9px 5px 19px; 
	} 

#nav a:hover  { 
	color: #7c1f17; /* header brown */ 
	background: #fff; 
	border: 1px solid #340704; 
	} 

#nav a:active  { 
	color: #340704; 
	} 

body#index li#navindex a, 
body#products ul li#navproducts a, 
body#animal ul li#navanimal a, 
body#cycle ul li#navcycle a, 
body#flower ul li#navflower a, 
body#shopping ul li#navshopping a, 
body#storage ul li#navstorage a, 
body#about ul li#navabout a, 
body#willow ul li#navwillow a, 
body#contact ul li#navcontact a  { 
	color: #7c1f17; /* header brown */ 
	background: #fff; 
	} 

body#index li#navindex a:hover, 
body#products ul li#navproducts a:hover, 
body#animal ul li#navanimal a:hover, 
body#cycle ul li#navcycle a:hover, 
body#flower ul li#navflower a:hover, 
body#shopping ul li#navshopping a:hover, 
body#storage ul li#navstorage a:hover, 
body#about ul li#navabout a:hover, 
body#willow ul li#navwillow a:hover, 
body#contact ul li#navcontact a:hover  { 
	color: #7c1f17; /* header brown */ 
	background: #fff; 
	border: 1px solid #2b822b; 
	cursor: default; 
	} 

body#products ul li#navproducts ul a  { 
	color: #054605; 
	background: #f3f8f1; 
	} /* product categories */ 

body#products ul li#navproducts ul a:hover  { 
	color: #7c1f17; /* header brown */ 
	background: #fff; 
	border: 1px solid #2b822b; 
	} 



/* headers 
-------------- */ 


h1  { 
	float: left; 
	width: 690px; 
	height: 90px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/header.png) no-repeat 0 0; 
	} 

h2  { 
	float: left; 
	width: 100%; 
	margin: 0 0 0.8em 0; 
	padding: 1em 0 0.2em 0; 
	font: normal 190%/1.5 constantia, georgia, serif; 
	color: #7c1f17; 
	letter-spacing: 0.03em; 
	text-shadow: 1px 1px 1px #8a929d; 
	border-bottom: 1px solid #d7c5c4; 
	} 

h3  { 
	margin: 0 0 0.3em 0; 
	padding: 0.5em 0 0.1em 0; 
	font: normal 150%/1.5 constantia, georgia, serif; 
	color: #7c1f17; 
	letter-spacing: 0.03em; 
	} 

h4  { 
	margin: 0 0 0.3em 0; 
	padding: 0.5em 0 0.1em 0; 
	font: normal 130%/1.5 constantia, georgia, serif; 
	color: #7c1f17; 
	letter-spacing: 0.03em; 
	} 





/* paragraphs 
--------------- */ 


p  { 
	margin: 0; 
	padding: 0 0 0.8em 0; 
	} 

p#slogan  { 
	float: left; 
	width: 100%; 
	margin: 1em 0 0 0; 
	padding: 0.6em 0 0.8em 0; 
	font: italic 120%/1.5 constantia, serif; 
	text-align: center; 
	color: #fff; 
	background: #2d6b2d url(images/body.png) repeat-x 0 0; 
	border-top: 1px solid #054605; 
	border-bottom: 1px solid #054605; 
	} 

#siteinfo p  { 
	padding: 0.5em 0 0 0; 
	} 





/* lists 
---------- */ 


ul  { 
	margin: 0; 
	padding: 0 0 0.8em 20px; 
	list-style-type: disc; 
	} 

ol  { 
	margin: 0; 
	padding: 0 0 20px 20px; 
	} 

li  { 
	margin: 0; 
	padding: 0.3em 0 0 0; 
	} 

#subnav ul  { 
	float: left; 
	width: 180px; 
	padding: 0 0 20px 20px; 
	} 

ul#productlist  { 
	float: left; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	} 

ul#productlist li  { 
	float: left; 
	width: 690px; 
	margin: 0; 
	padding: 10px 0; 
	border-bottom: 1px solid #d7c5c4; 
	} 

ul#productlist li:last-child  { 
	border: none; 
	} 

ul#productrangelist  { 
	float: left; 
	width: auto; 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	} 

ul#productrangelist li  { 
	float: left; 
	width: 200px; 
	margin: 0;
	padding: 0 15px 20px 15px; 
	text-align: center; 
	} 

ul#productrangelist li#shoppinglink  { 
	padding: 0 15px 20px 130px; 
	} 





/* contact page 
------------------  */ 



form  { 
	float: left; 
	width: 400px; 
	margin: 0; 
	padding: 10px 0 0 20px; 
	} 

fieldset  { 
	border: 1px solid #fff; 
	} 

legend  { 
	text-indent: -5000px; 
	} 

form div  { 
	margin: 1em 0 0 0; 
	} 

label  { 
	float: left; 
	width: 8em; 
	padding: 0 0.5em 0 0; 
	text-align: right; 
	} 

label.message, 
label.zemTextarea  { 
	width: 100%; 
	padding: 0; 
	text-align: left; 
	} 

input  { 
	width: 240px; 
	padding: 2px 5px; 
	color: #340704; 
	background: #fff; 
	border: 1px solid #d7c5c4; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	border-radius: 5px; 
	} 

input:focus, 
textarea:focus  { 
	color: #7c1f17; 
	border: 1px solid #7c1f17; 
	} 

input.submitform, 
input.zemSubmit  { 
	width: auto; 
	margin: 0.5em 0 0 0.5em; 
	padding: 0.2em 0.5em; 
	color: #b43222; /* dark red */ 
	font-weight: bold; 
	border: 1px solid #7c1f17; 
	} 

input.submitform:hover, 
input.zemSubmit:hover  { 
	color: #1706f7; /* blue */ 
	cursor: pointer; 
	} 

textarea  { 
	width: 350px; 
	height: 100px; 
	margin-top: 5px; 
	padding: 5px 2px; 
	color: #340704; 
	background: #fff; 
	border: 1px solid #d7c5c4; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	border-radius: 5px; 
	} 

input:focus, 
textarea:focus  { 
	color: #7c1f17; 
	border: 1px solid #7c1f17; 
	} 

ul.zemError {
	margin: 0 0 20px 0; 
	padding: 10px 20px; 
	color: #b43222; /* dark red */ 
	font-weight: bold; 
	border: 1px solid #b43222; 
	list-style-type: none; 
	} 

dl  { 
	float: right; 
	width: 250px; 
	margin: 10px 0 0 0; 
	padding: 0; 
	} 

dt  { 
	margin: 0 0 0.3em 0; 
	padding: 0.5em 0 0.1em 0; 
	font: normal 130%/1.5 constantia, georgia, serif; 
	color: #7c1f17; 
	letter-spacing: 0.03em; 
	} 

dd  { 
	margin: 0; 
	padding: 0 0 5px 10px; 
	} 




/* minor, decorative elements 
-------------------------------- */ 



img  { 
	float: left; 
	margin: 10px 20px 10px 0; 
	padding: 3px; 
	background: #e9ece8; 
	border: 1px solid #9fab9e; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
	} 

body#about #main img  { 
	float: right;
	margin: 10px 0 10px 20px; 
	} 

ul#productrangelist img  { 
	margin: 0; 
	border: none; 
	} 

.piccontainer img  { 
	float: left; 
	margin: 0; 
	} 

em  { 
	font-style: italic; 
	} 

cite  { 
	font-style: italic; 
	} 

abbr, 
acronym  { 
	speak: spell-out; 
	border-bottom: 1px dotted #340704; 
	cursor: help; 
	}