/* General Styles */
body {
	padding: 0; margin: 0;
	background: url("../img/home_body_bg.gif") repeat-x left top;
	text-align: center;
}
body #frame {
	padding: 0 0 12px 0; margin: 0 auto;
	width: 790px;
	background: url("../img/home_frame_bg_btm.gif") no-repeat left bottom;
	text-align: left;
}



body #frame #wrap {
	background: url("../img/home_frame_bg_top.gif") no-repeat left top;
}
body #frame a:hover { text-decoration: underline; }

/* Header */
#frame #header {
	padding: 0; margin: 0;
	background: url("../img/home_header_photo.jpg") no-repeat 395px 13px;
}
#frame #header .imglogo { margin: 41px 0 0 45px; }
#frame #header .imgtext { margin: 33px 0 13px 105px; }
hr { display: none; }

/* Nav */
div#nav {
	position: relative;
	top: 0px;
	left: 9px;
	width: 772px;
	height: 20px;
}
div#nav ul {
	padding: 0; margin: 0;
	list-style-type: none;
	position: relative;
	height: 20px;
	width: 772px;
}
div#nav ul li {
	padding: 0; margin: 0;
	display: block;
	position: absolute;
	top: 0;
}

div#nav ul li a {
	display: block;
	text-decoration: none;
	text-indent: -4000px;
	height: 20px;
}
div#nav ul li a:hover { text-decoration: underline; }

div#nav ul li a { background: url("../img/home_nav_v2.gif") no-repeat; }
div#nav ul li span { display: block; background: url("../img/home_nav_v2.gif") no-repeat; line-height: 20px; }

div#nav ul li#news 			{ left: 0px; width: 96px; height: 20px; }
div#nav ul li#news a 			{ background-position: -0px -0px; }
div#nav ul li#news a:hover 		{ background-position: -0px -20px; }
div#nav ul li#news a.current		{ background-position: -0px -40px; }

div#nav ul li#products 		{ left: 96px; width: 97px; height: 20px; }
div#nav ul li#products a 		{ background-position: -96px -0px; }
div#nav ul li#products a:hover 	{ background-position: -96px -20px; }
div#nav ul li#products a.current	{ background-position: -96px -40px; }

div#nav ul li#safety 			{ left: 193px; width: 96px; height: 20px; }
div#nav ul li#safety a 			{ background-position: -193px -0px; }
div#nav ul li#safety a:hover 		{ background-position: -193px -20px; }
div#nav ul li#safety a.current	{ background-position: -193px -40px; }

div#nav ul li#trade 			{ left: 289px; width: 97px; height: 20px; }
div#nav ul li#trade a 			{ background-position: -289px -0px; }
div#nav ul li#trade a:hover 		{ background-position: -289px -20px; }
div#nav ul li#trade a.current		{ background-position: -289px -40px; }

div#nav ul li#about 			{ left: 386px; width: 96px; height: 20px; }
div#nav ul li#about a 			{ background-position: -386px -0px; }
div#nav ul li#about a:hover 		{ background-position: -386px -20px; }
div#nav ul li#about a.current	{ background-position: -386px -40px; }

div#nav ul li#blank 			{ left: 482px; width: 193px; height: 20px; }
div#nav ul li#blank span 			{ background-position: -482px -0px; }

div#nav ul li#contact 			{ left: 675px; width: 97px; height: 20px; }
div#nav ul li#contact a 		{ background-position: -675px -0px; }
div#nav ul li#contact a:hover 	{ background-position: -675px -20px; }
div#nav ul li#contact a.current	{ background-position: -675px -40px; }


/* Content Boxes */
#frame #content h2 {
	padding: 20px 0 5px 12px; margin: 0;
	font: italic 14px/16px georgia, serif;
	color: #666;
	background: url("../img/home_dotted.gif") no-repeat 12px bottom;
}
#frame #content p {
	padding: 6px 13px 9px 12px; margin: 0;
	font: normal 11px/16px verdana, geneva, serif;
	color: #666;
}
#frame #content p a { 
	color: #C75403;
	text-decoration: none;
}
#frame #content p a:hover { text-decoration: underline; }
#frame #content p span { padding-right: 12px; background: url("../img/home_arrow.gif") no-repeat right 4px; }
#frame #content p.link a { padding-right: 12px; background: url("../img/home_arrow.gif") no-repeat right 4px; }
#frame #content .imgbadge { margin: 0 0 0 106px; }
#frame #content fieldset { padding: 0; margin: 0; border: 0; }
#frame #content fieldset legend { display: none; }

/* Herb */
#frame #herb {
	padding: 0; margin: 0 0 0 9px;
	width: 194px; 
	background: url("../img/home_herb_bg.gif") no-repeat left top;
	float: left;
	display: inline;
}
#frame #herb h2 {
	padding: 16px 0 65px 0; margin: 0;
	font: normal 18px/20px georgia, serif;
	color: #828347;
	text-align: center;
}
#frame #herb h2.kale { background: url("../img/home_kale_bg.gif") no-repeat center 42px; }
#frame #herb h2.green_onion { background: url("../img/inside_green_onion_bg.gif") no-repeat center 42px; }
#frame #herb h2.radish { background: url("../img/inside_radish_bg.gif") no-repeat center 42px; }
#frame #herb h2.leeks { background: url("../img/inside_leeks_bg.gif") no-repeat center 42px; }
#frame #herb h2.parsley { background: url("../img/inside_parsley_bg.gif") no-repeat center 42px; }
#frame #herb h2.italian_parsley { background: url("../img/inside_italian_parsley_bg.gif") no-repeat center 42px; }
#frame #herb h2.cilantro { background: url("../img/inside_cilantro_bg.gif") no-repeat center 42px; }
#frame #herb h2.beets { background: url("../img/inside_beets_bg.gif") no-repeat center 42px; }
#frame #herb h2.spinach { background: url("../img/inside_spinach_bg.gif") no-repeat center 42px; }
#frame #herb h2.chard { background: url("../img/inside_chard_bg.gif") no-repeat center 42px; }
#frame #herb h2.dill { background: url("../img/inside_dill_bg.gif") no-repeat center 42px; }
#frame #herb h2.cambray_onion { background: url("../img/inside_cambray_onion_bg.gif") no-repeat center 42px; }

#frame #herb p {
	padding: 0; margin: 0;
	font: normal 9px/14px verdana, geneva, san-serif;
	color: #666;
	text-align: center;
}
#frame #herb p span { padding-right: 12px; background: url("../img/home_arrow.gif") no-repeat right 4px; }
#frame #herb p a { color: #666; text-decoration: none; }
#frame #herb p a:hover { color: #666; text-decoration: none; }

/* Whats New */
#frame #new {
	padding: 0; margin: 0;
	width: 193px; /*height: 201px;*/
	background: url("../img/home_new_bg.gif") no-repeat left top;
	float: left;
}

/* Safety Audit */
#frame #safety {
	padding: 0; margin: 0;
	width: 193px; /*height: 201px;*/
	background: url("../img/home_safety_bg.gif") no-repeat left top;
	float: left;
}


/* Email Updates */
#frame #updates {
	padding: 0; margin: 0 0 8px 0;
	width: 192px; /*height: 201px;*/
	background: url("../img/home_updates_bg.gif") no-repeat left top;
	float: left;
}
#frame #updates p { padding-right: 30px; padding-bottom: 0; }
#frame #updates form { padding: 0; margin: 0; }
#frame #updates input {
	border: 1px solid #A5ACB2;
	padding: 1px; margin: 0 0 0 12px;
	width: 153px; height: 20px;
	font-size: 12px;
}
* html #frame #updates input { width: 154px; }
#frame #updates input.error { border: 1px solid #c00; background-color: #fef; }

#frame #updates input#submit { width: 50px; height: 16px; margin: 0 0 8px 120px; border: none; }
#frame label {
	padding: 0 0 6px 0; margin: 0 0 0 12px;
	font: normal 9px/11px arial, sans-serif;
	color: #ccc;
	display: block;
}
#frame label#email { padding-bottom: 0; }

/* Footer */
#footer {
	padding: 3px 0 30px 0; margin: 0 auto;
	width: 790px;
	text-align: left;
}
#footer #copy {
	width: 500px;
	float: left;
}
#footer #copy p {
	padding: 0 0 0 20px; margin: 0;
	font: normal 9px/11px verdana, geneva, sans-serif;
	color: #666;
}
#footer #copy p a { color: #CE6B25; text-decoration: none; padding: 0 5px;}
#footer #copy p a:hover { text-decoration: underline; }
#footer #since {
	width: 290px;
	float: left;
}
#footer #since p {
	padding: 0 22px 0 0; margin: 0;
	font: italic 11px/13px georgia, serif;
	color: #515251;
	text-align: right;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */