/*****************************************
//
//	Western Family - Natural Directions
//  styles.css	2008-01-02
//	
//	Dennis Keefer
//	Foerstel Design
//
//***************************************/


html, body, td, th {
	font-family: Trebuchet, "Trebuchet MS", Helvetica, Arial, _sans;
	font-size: 12px;
	line-height: ;
	color: #666666;
}

img { border: 0; }

body {
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #a1d60f;
	height: 100%;
	margin-bottom: 1px;
}

a {
	color: #72bf44;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-weight: 100;
}

h1 { 
	font-size: 26px;
	margin: 0px 0px 15px 0px;
	color: #492f92;
	font-weight: bold;
}

h2 {
	font-size: 18px;
	color: #a1d60f;
	margin: 0px 0px 10px 0px;
}

h3 {
	font-size: ;
	line-height: ;
}

h4 {
	font-size: ;
	line-height: ;
}

h5 {
	font-size: ;
	line-height: ;
}
	
blockquote {
	margin: 25px 0px 25px 25px;
	padding: 0;
	text-align: left;
}

#header-container {
	width: 100%;
	height: 222px;
	margin: 50px auto 0 auto;
	padding: 0;
	background: url(images/header-bg.gif) top center no-repeat;
	position: relative;
	z-index: 2;
}

#header {
	width: 780px;
	height: 222px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	position: relative;
	z-index: 2;
}

#header-search {
	width: 740px;
	height: 20px;
	padding: 100px 40px 0px 0px;
}

#header-search a {
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
}

#header-search a:hover {
	text-decoration: underline;
}

#header-nav {
	width: 580px;
	margin: 20px 200px 0px 0px;
}

.header-nav-spacer {
	margin: 0px 10px;
}

#main-content-container {
	width: 100%;
	margin: -90px auto 0px auto;
	background: url(images/main-content-container-bg.gif) top center repeat-y;
	position: relative;
	z-index: 1;
}

#main-content {
	width: 780px;
	margin: 0 auto;
	padding: 0;
}

#footer-container {
	width: 100%;
	height: 48px;
	margin: -17px auto 0 auto;
	padding: 0px 0px 0px 0px;
	background: url(images/footer-container-bg.gif) top center no-repeat;
	position: relative;
	z-index: 2;
}

/*****************************************
**
**  General Use Classes
**
*****************************************/

.text-black { color: #000000; }

.text-white { color: #ffffff; }

.text-green { color: #72bf44; }

.text-orange { color: #fcaf17; }

.text-red { color: #ee2e24; }

.text-gray { color: #999999; }

.text-purple {	color: #492f92; }

.text10 { font-size: 10; }

.text11 { font-size: 11; }

.text12 { font-size: 12; }

.text13 { font-size: 13; }

.text14 { font-size: 14; }

.text15 { font-size: 15; }

.text16 { font-size: 16; }


.title {
	margin: 0px 0px 5px 0px;
}

.header-title {
	margin: 0px 0px 20px 0px;
}

/*****************************************
**
**  Home Page
**
*****************************************/

#content-home {
	background: url(images/home-bg.jpg) bottom right no-repeat;
	padding: 90px 0px 0px 0px;
	height: 310px;
}

#home-nav {
	background: url(images/home-nav-bg.gif) no-repeat;
	width: 162px;
	height: 252px;
	margin: 0px 0px 26px 26px;
	padding: 25px 20px 0px 20px;
	color: #72bf44;
	font-size: 16px;
}

#home-nav a {
	font-size: 16px;
	text-decoration: none;
	color: #72bf44;
}

#home-nav a:hover {
	color: #fcaf17;
}
	

#home-nav hr {
	border: none 0;
	border-top: 1px dotted #72bf44;
	width: 162px;
	height: 1px;
	margin: 12px 0px;
	//margin: 2px 0px;
}

#home-nav-what-does-this {
	margin: 25px 0px 0px 0px;
}


#home-copy {
	margin: 25px 220px 0px 20px;
}

#home-link {
	text-align: right;
	margin: 0px 280px 0px 0px;
}

/*****************************************
**
**  Products
**
*****************************************/

#content-products {
	padding: 90px 0px 0px 0px;
	background: no-repeat top right;
	min-height: 450px;
}

#content-products-right {
	padding: 0px 190px 26px 26px;
}

#products-nav {
	background: #fcaf1c;
	width: 151px;
	margin: 0px 0px 0px 26px;
	//margin: -1px 0px 0px 26px;
	padding: 0px 26px;
}

#products-nav a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#products-nav a:hover {
	color: #ee2e24;
}

#products-nav hr {
	border: none 0;
	border-top: 1px dotted #ee2e24;
	width: 151px;
	height: 1px;
	margin: 10px 0px;
	//margin: 2px 0px;
	padding: 0;
}

#products-nav-top {
	background: url(images/products-nav-top-bg.gif) no-repeat;
	width: 203px;
	height: 17px;
	margin: 0px 0px 0px 26px;
}

#products-nav-bottom {
	background: url(images/products-nav-bottom-bg.gif) no-repeat;
	width: 203px;
	height: 17px;
	margin: 0px 0px 26px 26px;
}

#products-preview {
	margin: 15px 0px 0px 0px;
}

#products-preview a {
	text-decoration: none;
}

#products-preview a:hover {
	text-decoration: underline;
}

#products-preview-thumb {
	margin: 0px 10px 0px 0px;
}

#content-products-landing {
	padding: 90px 26px 26px 26px;
}

/*****************************************
**
**  Product Detail
**
*****************************************/

#content-product-detail {
	padding: 90px 30px 30px 120px;
	//height: 300px;
	min-height: 300px;
}

#product-detail-image {
	margin: 0px 0px 0px 15px;
}

/*****************************************
**
**  Recipes
**
*****************************************/

#content-recipes {
	padding: 90px 0px 0px 0px;
	background:;
}

#recipes-nav {
	background: #fcaf1c;
	width: 151px;
	margin: 0px 0px 0px 26px;
	//margin: -1px 0px 0px 26px;
	padding: 0px 26px;
}

#recipes-nav a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#recipes-nav a:hover {
	color: #ee2e24;
}

#recipes-nav hr {
	border: none 0;
	border-top: 1px dotted #ee2e24;
	width: 151px;
	height: 1px;
	margin: 10px 0px;
	//margin: 2px 0px;
}

.nav-sub {
	padding: 5px 0px 5px 10px;
}

#recipes-nav-top {
	background: url(images/recipes-nav-top-bg.gif) no-repeat;
	width: 203px;
	height: 17px;
	margin: 0px 0px 0px 26px;
}

#recipes-nav-bottom {
	background: url(images/recipes-nav-bottom-bg.gif) no-repeat;
	width: 203px;
	height: 17px;
	margin: 0px 0px 26px 26px;
}

#recipes-nav blockquote {
	margin: 0;
	padding: 5px 0px 5px 10px;
}

#recipes-nav-selected, #recipes-nav-selected a, #recipes-nav-selected a:hover {
	color: #ee2e24;
}


/*****************************************
**
**  Contact Us
**
*****************************************/

#content-contact {
	padding: 90px 30px 30px 30px;
}

#content-recipes-right {
	padding: 0px 190px 26px 26px;
}

#contact-form td {
	color: #574099;
	font-size: 14px;
}

/*****************************************
**
**  Organic Section
**
*****************************************/

#organic-nav {
	background-color: #eaf4d6;
	/*color: #99cc00;*/
	width: 151px;
	margin: 0px 0px 0px 26px;
	//margin: -6px 0px 0px 26px;
	padding: 0px 26px;
	color: #72bf44;
	font-size: 15px;
}

#organic-nav a {
	color: #72bf44;
	text-decoration: none;
}

#organic-nav a:hover {
	color: #fcaf17;
	text-decoration: none;
}

#organic-nav hr {
	border: none 0;
	border-top: 1px dotted #99cc00;
	width: 151px;
	height: 1px;
	margin: 10px 0px;
	//margin: 2px 0px;
}

#organic-nav-top {
	background: url(images/organic-nav-top-bg.gif) no-repeat;
	width: 203px;
	height: 12px;
	margin: 0px 0px 0px 26px;
}

#organic-nav-bottom {
	background: url(images/organic-nav-bottom-bg.gif) no-repeat;
	width: 203px;
	height: 12px;
	margin: 0px 0px 26px 26px;
}

/*****************************************
**
**  Organic Benefits
**
*****************************************/

#content-organic-benefits {
	padding: 90px 0px 0px 0px;
	background: url(images/organic-benefits-bg.jpg) top right no-repeat;
}

#content-organic-benefits-right {
	padding: 0px 190px 26px 26px;
}




/*****************************************
**
**  Organic Certification
**
*****************************************/

#content-organic-certification {
	padding: 90px 0px 0px 0px;
	background: url(images/qai.jpg) no-repeat top right;
}

#content-organic-certification-right {
	padding: 0px 190px 26px 26px;
}