body { color: #bb5e1c;  background: #330d38; font: 14px Georgia }
a, a:active, a.active, a:link, a:visited { color: #bb5e1c; text-decoration: none; }
a:hover { color: #5c2e67;  }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif }
#wrapper { background: #330d38 url('images/page-bg.jpg') top right no-repeat; width: 960px; margin: 0 auto;}

body.sidebar-left #footer { margin: 0; }	
body.sidebar-left #center { margin: 0; }

#home-btn { position: absolute; height: 200px; width: 120px ; margin-top: -110px; }

#top-nav { float: right; background: url('images/nav/main-nav-bg.png') top right no-repeat; height: 36px; width: 814px; }
	#top-nav a { display: block; float: left; text-decoration: none; height: 36px; }
	#top-nav a.our-garlic { width: 95px;}
		#top-nav a.our-garlic:hover, #top-nav a.our-garlic.active { background: url('images/nav/nav-our-garlic.png'); }
	#top-nav a.our-company { width: 108px;  }
		#top-nav a.our-company:hover, #top-nav a.our-company.active { background: url('images/nav/nav-our-company.png'); }
	#top-nav a.ca-diff { width: 171px; }
		#top-nav a.ca-diff:hover, #top-nav a.ca-diff.active { background: url('images/nav/nav-california-difference.png'); }
	#top-nav a.specialty-products { width: 134px;  }
		#top-nav a.specialty-products:hover, #top-nav a.specialty-products.active { background: url('images/nav/nav-specialty-products.png'); }
	
	
	#top-nav a.enjoy-garlic { width: 110px; }
		#top-nav a.enjoy-garlic:hover, #top-nav a.enjoy-garlic.active { background: url('images/nav/nav-enjoying-garlic.png'); }
	#top-nav a.whats-new { width: 102px; }
		#top-nav a.whats-new:hover, #top-nav a.whats-new.active { background: url('images/nav/nav-whats-new.png'); }
	#top-nav a.contact-us { width: 94px; }
		#top-nav a.contact-us:hover, #top-nav a.contact-us.active { background: url('images/nav/nav-contact-us.png'); }

#footer { padding-bottom: 100px; position: relative; top: -1px; clear: both;  }
	#footer .copyright {text-transform: uppercase; font-size: 11px; color: #99869c; float: left; width: 440px; padding-left: 40px; margin-top: 20px;}
	#footer .bottom-nav { float: right; width: 404px; height: 39px; background: url('images/bottom-nav-bg.png') no-repeat; padding-right: 10px; }
		#footer .bottom-nav a { display: block; float: left; text-decoration: none; margin-left: 1px;  } 		
		#footer .bottom-nav a.for-retailer { width: 106px; height:33px;   } 		
		#footer .bottom-nav a.for-retailer:hover, #footer .bottom-nav a.for-retailer.active { background: url('images/for-retailers.png'); margin-top: 0px; margin-left: -2px;  } 		
		#footer .bottom-nav a.for-foodservice { width: 159px; height:36px;   } 		
		#footer .bottom-nav a.for-foodservice:hover, #footer .bottom-nav a.for-foodservice.active { background: url('images/for-foodservice.png'); margin-top: 1px; margin-left: 0px;  } 		
		#footer .bottom-nav a.for-industry { width: 134px; height:36px; } 		
		#footer .bottom-nav a.for-industry:hover, #footer .bottom-nav a.for-industry.active { background: url('images/for-industry.png'); margin-top: 0px; margin-left: -1px; } 

#center { padding-top: 128px; }

#content { background: white url('images/content-bg.jpg') 30% 0% no-repeat; clear: both; position: relative; top: -1px; padding: 0px 0 50px 0; }

#content ul.links {   }
	#content ul.links li { display: block; margin-bottom: 10px; padding-left: 20px;}	
	#content ul.links li.active, #content ul.links li.active-trail { display: block; margin-bottom: 10px; background: url('images/active-nav-bullet.gif') top left no-repeat;  }
		#content ul.links li a { color: #42254a; font-size: 14px; }
		#content ul.links li a.parent.active, #content ul.links li.active-trail a.parent { color: #bb5e1c;  }
			#content ul.links li a.active { color: #bb5e1c;  }

#content .left-col { width: 220px; }
	#content .left-col strong { color: #42254a; font-size: 15px; }

#content .right-col { width: 675px; padding-top: 10px; float: left; color: #42254a; min-height: 500px;  }
	#content .node h1 { font-size: 36px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; margin: 10px 0;}
	#content .node h3 { font-size: 14px; color: #bb5e1c; margin: 10px 0 20px 0; }
	
	.view-content .field-content a { padding-left: 20px;  display: block; margin-left: -20px;  }
	.view-content .field-content a.active { background: url('images/active-nav-bullet.gif') center left no-repeat; }

#content .photo-gallery { padding: 10px 20px; }
	#content .photo-gallery h1{ padding: 15px 0; }

.view .image-gallery-nodes ul { text-align: left; }
.view .image-gallery-nodes ul li { width: 120px; height: 120px; }

.node { border: 0; margin: 0; padding: 0; }
	.node .submitted { display: none; }
.clear { clear: both; }

.left-col { float: left; width: 180px; padding: 20px 20px 0 30px ; background: url('images/shadow-separator.png') 100% 20px no-repeat;min-height: 500px; }

.nav-header { margin-bottom: 30px; }

#content .contact-content .left-col p { color: #330d38; }
	#webform-client-form-40 label { font-weight: normal; float: left; color: #37123e; text-transform: uppercase; width: 85px; }
	#webform-client-form-40 input, #webform-client-form-40 textarea { float: left; margin-left: 10px;  border: 1px solid #dddddd; }
	#webform-client-form-40 .form-item { padding-top: 5px; margin: 0;}
	
	#webform-component-company_name { clear: both; }	
		#webform-component-company_name label { width: 130px; }	
		#webform-component-company_name input { width: 130px; }	
	#webform-component-address { clear: both;   }
	#edit-submitted-address-wrapper { clear: both; } 
	
	#webform-component-city { clear: left; float: left;  }
	#webform-client-form-40 #edit-submitted-city { width: 175px; } 
	
	#webform-component-state { float: left; width: 110px; margin-left: 10px;  }
		#webform-component-state label { width: 50px;  }
		#webform-component-state input { width: 30px;  }
	
	#webform-component-zip_code { float: left; width: 160px; margin-left: 10px;  }
		#webform-component-zip_code label { width: 75px;  }
		#webform-component-zip_code input { width: 68px;   }

	#webform-component-country { clear: both;   }
	#webform-component-email { float: left;  clear: left;  }
		#webform-component-email input { width: 175px;   } 
	#webform-component-phone { float: left; width: 295px; margin-left: 10px;  }
		#webform-component-phone input { width: 210px;   }
		#webform-component-phone label { width: 55px;   }
	
	#webform-component-message { clear: left;  }
		#edit-submitted-message { width: 462px; }

	#webform-component-heard { clear: both; padding-top: 15px; }
		#webform-component-heard label { width: 250px; }
		#webform-component-heard .form-checkboxes { clear: both; width: 100%; padding-top: 30px; }
		#webform-component-heard .form-checkboxes .form-item { float: left; width: 200px; }
		#webform-component-heard .form-checkboxes .form-item label { text-transform: capitalize; width: 200px; }

	#edit-actions { clear: both;  }
		#edit-submit { background: #ba5e1c; color: white; font-size: 14px; padding: 3px 15px; border: 0 !important;}
	.required-field { position: relative; top: -40px; left: 110px; color: #bb5e1c; }
	
#edit-submitted-country, 
	#edit-submitted-address, 
	#edit-submitted-name { width: 175px;  }
	
.recipe #content .left-col { padding-left: 10px; width: 170px; padding-right: 0px; }
.recipe #content .mid-col { float: left; margin-left: -20px; padding: 20px 25px 0 0px; width: 170px; background: url('images/shadow-separator.png') 100% 20px no-repeat; min-height: 500px; }
.recipe #content  .right-col { width: 555px; margin-left: 20px; padding-top: 10px; }
.recipe #content  .right-full-col { width: 755px; }
.recipe #content  { background: white; }
	
#content .product .right-col { padding-top: 10px; }

#content .left-col .header { margin-bottom: 20px; }

#content #error { padding: 20px 30px; }

.view .image-gallery-nodes ul li { height: 140px; }

#content .for-retailer .right-col { width: 675px; }
#content .for-industrial .right-col { width: 675px; }

#content .finding-our-garlic { padding: 10px 20px; color:  #42254A}
		.left-col .links li ul { display: none; }
		.left-col .links li.active-trail ul { display: block; }


#content .right-col em { color: #ba5e1c; font-style: normal; }