/* ======== Layout ============================ */

* { outline: 0; }

body
	{
		margin: 0;
		padding: 0;
		font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
		font-size: small;
		background: #4d4c24;
		background: #F5F3E8;
		background: #BBB9AE;
		background: #D5D2C5;
		background: #FAF7E8; /* allison color (creme) */
		line-height: 1.5em;
		color: #fff;
	}

#wrap
	{
		width: 800px;
		margin: 0 auto;
	}
#float
	{
		float: left;
		width: 100%;
	}

#header
	{
		float:left;
		width:100%;
		background: #f90 url(../img/zursun_header.gif) no-repeat 0 0;
		background: #EDA421 url(../img/zursun_header.gif) no-repeat 0 0;
		background: #E58900 url(../img/zursun_header.gif) no-repeat 0 0;
	}

#header ul
	{
		margin:0;padding:0;
		float:left;
		width:800px;
		height:40px;
		position:relative;
	}
#header ul li
	{
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 0;
		height: 40px;
	}
#header ul li a
	{
		display: block;
		text-indent: -9999px;
		text-decoration: none;
		border: 0;
		height: 40px;
	}
/*
66 0
67 76
142 64
206 69
275 80
355 44
399 43
442 112
554 88
642 125
*/

#nav-home { left:0px;width:66px; }
#nav-legacy { left:67px;width:76px; }
#nav-beans { left:142px;width:64px; }
#nav-grains { left:206px;width:69px; }
#nav-recipes { left:275px;width:80px; }
#nav-buy { left:355px;width:44px; }
#nav-eat { left:399px;width:43px; }
#nav-wholesale { left:442px;width:112px; }
#nav-contact { left:554px;width:88px; }
#nav-newsletter { left:642px;width:125px; }

body.home #nav-home a, #nav-home a:hover { background: transparent url(../img/zursun_header.gif) 0px -350px no-repeat; }
body.legacy #nav-legacy a, #nav-legacy a:hover { background: transparent url(../img/zursun_header.gif) -67px -350px no-repeat; }
body.beans #nav-beans a, #nav-beans a:hover { background: transparent url(../img/zursun_header.gif) -142px -350px no-repeat; }
body.grains #nav-grains a, #nav-grains a:hover { background: transparent url(../img/zursun_header.gif) -206px -350px no-repeat; }
body.recipes #nav-recipes a, #nav-recipes a:hover { background: transparent url(../img/zursun_header.gif) -275px -350px no-repeat; }
body.buy #nav-buy a, #nav-buy a:hover { background: transparent url(../img/zursun_header.gif) -355px -350px no-repeat; }
body.eat #nav-eat a, #nav-eat a:hover { background: transparent url(../img/zursun_header.gif) -399px -350px no-repeat; }
body.wholesale #nav-wholesale a, #nav-wholesale a:hover { background: transparent url(../img/zursun_header.gif) -442px -350px no-repeat; }
body.contact #nav-contact a, #nav-contact a:hover { background: transparent url(../img/zursun_header.gif) -554px -350px no-repeat; }
body.newsletter #nav-newsletter a, #nav-newsletter a:hover { background: transparent url(../img/zursun_header.gif) -642px -350px no-repeat; }


#header span
	{
		float:right;
		width:470px;
		height:300px;
		background:#FFF url(../img/home.jpg) no-repeat 0 0;
		display:block;
	}
	body.home #header span { background-image: url(../img/headers/home.jpg); }
	body.contact #header span { background-image: url(../img/headers/contact.jpg); }
	body.legacy #header span { background-image: url(../img/headers/about.jpg); }
		body.food52 #header span { background-image: url(../img/headers/about.jpg); }
	body.beans #header span { background-image: url(../img/headers/beans.jpg); }
	body.buy #header span { background-image: url(../img/headers/buy.jpg); }
	body.eat #header span { background-image: url(../img/headers/eat.jpg); }
	body.recipes #header span { background-image: url(../img/headers/recipes.jpg); }
	body.wholesale #header span { background-image: url(../img/headers/wholesale.jpg); }
	body.newsletter #header span { background-image: url(../img/headers/newsletter.jpg); }

#header h1
	{
		margin:0;padding:0;
		float:left;
		width:330px;
		height:140px;
		text-indent:-99999px;
	}
#header h1 a
	{
		display:block;
		margin:0;padding:0;
		width:330px;
		height:140px;
	}
#header p
	{
		margin:0;padding:0;
		float:left;
		width:330px;
		height:170px;
		text-indent:-99999px;
	}




#content
	{
		width:800px;
		float:left;
		color: #555;
		padding: 0 0 20px 0;
		background: #FFF url(../img/body_bgd.gif) repeat-y 0 0;
	}
#content .padding
	{
		padding: 0 20px;
	}
#content .left-column
	{
		float:left;
		width:330px;
	}
#content .right-column
	{
		float:left;
		width:470px;
	}
	
#content h1,	
#content h2,	
#content h3,	
#content h4,	
#content h5,	
#content h6
	{
		font-family:Georgia,serif;
		font-weight: normal;
		color:#993;
	}

#content h2 i 
	{
		display: block;
		font-size:75%;
		color:#222;
		padding: .33em 0 0 0;
		font-style: normal;
	}

#footer
	{
		float:left;
		background: #f90;
		background: #EDA421;
		background: #E58900;
		margin: 0;
		padding: 5px 0 20px 0;
		width: 800px;
	}
#footer-left,
#footer-right
	{
		list-style:none;
		list-style:none;
		float:left;
		margin: 0 0 20px 0;
		padding:0;
		width: 400px;
	}
#ftr-logo 
	{
		background: url(../img/zursun_footer_logo.gif) no-repeat 0 0;
		height:40px;
		text-indent:-99999px;
	}
#footer-left li
	{
		padding: 0 0 0 14px;
		font-size:90%;
		color:#5F251F;
		line-height:130%;
	}
#footer-left li i
	{
		font-style: normal; color: #fff;
	}
#footer-right
	{
		padding-top: 20px;
	}
#footer-right li
	{
		display:inline;
		padding: 0 5px 0 0;
		font-size:80%;
		color:#5F251F;
		line-height:130%;
	}
#footer-right li a
	{
		text-decoration: none;
		color:#5F251F;
	}
#footer-right li a:hover
	{
		border-bottom: 1px dotted #5F251F;
	}







a { color: #bc861b; }
a:hover { text-decoration: none; color: #634507; }



pre
	{
		font-family: "Gill Sans",sans-serif;
		font-size:medium;
	}












/* Recipes */

.recipe
	{
		margin: 10px 0;
		float:left;
		width:100%;
		padding: 0 0 20px 0;
		border-bottom: 1px dotted #ccc;
	}
.recipe img
	{
		border: 1px solid #ccc;
		padding:5px;
		margin: 1.2em 20px 10px 20px;
		float:left;
		width:310px;

		border: 1px solid #aaa;
		padding-bottom: 20px;
		background: url(../img/enlarge.gif) no-repeat bottom left;

	}
.recipe img.no_enlarge
	{
		padding-bottom: 5px;
		background-image: none;
	}
.recipe a:hover img
	{
		border: 1px solid #222;
	}
.recipe div
	{
		float:left;
		width:410px;
	}
.recipe div ul,
.recipe div li
	{
		list-style: none;
		margin:0;
		padding:0;
	}
.recipe div li
	{
		padding: 0 0 0 20px;
		color: #111;
		font-size: .85em;
	}

.recipe span
	{
		font-size:.85em;
	}

.recipe .printme img
	{
		border:0;
		padding:0;
		margin: 2px 0 0 0;
		float:right;
		width:auto;
		background:none;
		display:inline;
	}
.recipe .printme:hover img
	{
		border:0;
	}


/* Beans */

.bean_descriptions 
	{
	}
.bean_descriptions img,
.grain_descriptions img
	{
		width:150px;
	}
.bean_descriptions div,
.grain_descriptions div
	{
		width:550px;
	}
.link_beans , .link_lentils , .link_peas , .link_soup_blends ,
.link_barley , .link_couscous-pasta , .link_quinoa , .link_rice
	{
		text-indent:-99999px;
		background: #ccc url(../img/bean_header_links.gif) no-repeat 0 0;
		display:block;
		float:left;
		width:196px;
		height:170px;
		margin: 0 0 0 2px;
	}
.link_barley , .link_couscous-pasta , .link_quinoa , .link_rice
	{
		background: #ccc url(../img/grain_header_links.gif) no-repeat 0 0;
	}
.link_beans , .link_barley { background-position: 0 0; }
.link_lentils , .link_couscous-pasta { background-position: -200px 0; }
.link_peas , .link_quinoa { background-position: -400px 0; }
.link_soup_blends , .link_rice { background-position: -600px 0; }
	

/* Text Headers (beans page) */

#hdr_beans,
#hdr_lentils,
#hdr_peas,
#hdr_blends,
#hdr_soup_blends
	{
		text-indent:-99999px;
		background: #fff url(../img/hdr_beans.gif) no-repeat 20px 0;
		height:24px;
		margin: 20px 0 0 2px;
		padding:0;
		float:left;
		width:796px;
	}
#hdr_lentils { background-image: url(../img/hdr_lentils.gif); }
#hdr_peas { background-image: url(../img/hdr_peas.gif); }
#hdr_blends,#hdr_soup_blends { background-image: url(../img/hdr_blends.gif); }


/* Text Headers (grains page) */
/*
     - Barley (Black, Pearl)
     - Couscous/Pasta (Whole Wheat, Lebanese, Middle Eastern, Black Tie Orzo)
     - Quinoa (Original, Red, Black)
     - Rice (Purple Sticky, Bamboo, Wild, Long Grain Brown, Long Grain White)
*/
#hdr_barley,
#hdr_couscous-pasta,
#hdr_quinoa,
#hdr_rice
	{
		text-indent:-99999px;
		background: #fff url(../img/hdr_barley.png) no-repeat 20px 0;
		height:24px;
		margin: 20px 0 0 2px;
		padding:0;
		float:left;
		width:796px;
	}
#hdr_couscous-pasta { background-image: url(../img/hdr_couscous.png); }
#hdr_quinoa { background-image: url(../img/hdr_quinoa.png); }
#hdr_rice { background-image: url(../img/hdr_rice.png); }


/* Contact Form */

form
	{
		margin: 20px 0 ;
		padding:0;
	}
fieldset
	{
		width: 90%;
		border:0;
		background: #eee5d9;
		padding: 15px 20px;
		margin: 0;
	}
label 
	{
		display:block;
	}
label em
	{
		font-style: normal;
		color: red;
		font-size: smaller;
	}
label i
	{
		font-style: normal;
		font-size: smaller;
	}

input,textarea
	{
		width: 95%;
		border: 1px solid #ccc;
		padding: 4px;
		font-size:1em;
		font-family: Verdana,Courier,sans-serif;
		color:#222;
	}
input.auto {
		width:auto;
	}
fieldset div {
	float: left;
	width: 100%;
	}
fieldset div div {
	float: left;
	width: 30%;
	padding: 0 10px 0 0;
	}
fieldset div div.half {
	float: left;
	width: 100%;
	}
fieldset label b {
	display: block;
	float: left;
	width: 100%;
	margin: 1.5em 0 .5em 0;
	}
fieldset div div.half input , fieldset div div.half label  {
	float: left;
	width: auto;
	}
fieldset div div.half label  {
	float: right;
	width: 315px;
	padding: 3px 0 0 0;
	line-height: 1.2em;
	}
fieldset div div.half label b  {
	display:block;
	padding: 0 0 3px 0;
	}
.button
	{
		cursor: pointer;
		width:80px;
		height:40px;
		line-height:40px;
		border:0;
		padding:0;
		margin:0;
		background: inherit;
	}
#contact_submit
	{
		cursor: pointer;
		border: 0;
		padding: 0;
		margin: 5px 0 0 0;
		background: 0;
	}

form .error
	{
		color:red;
	}

form .success
	{
		color:green;
	}

form ul
	{
		margin:0;
		padding: 0 0 10px 0;
		list-style: none;
	}
form li
	{
		font-size:.85em;
		margin:0;
		padding: 1px 0;
		list-style: none;
		line-height: 1.2em;
	}



/* Restaurant List */

.restaurants
{
	padding: 20px;
}
.restaurants ul
{
	list-style: none;
	margin:0;
	padding: 10px 20px;
}
.restaurants ul li
{
	margin:0;
	padding:0;
}
.restaurants ul li strong
{
	font-size: 120%;
	font-weight:normal;
	color: #993;
}
.restaurants ul div
{
	padding: 0 0 1em 0;
}


/* Buy Page */

.shipping,.no_shipping
{
	padding-left: 30px !important;
}
.shipping
{
	background: url(../img/package.png) no-repeat 5px 1em;
}












	/* Newsletter Signup Form */


	#subForm
	{
		float:right;
		background:transparent;
		width:400px;
		margin: .75em 0 0 0;
		padding:0;
	}
	#subForm br
	{
		display:none;
	}
	#subForm input
	{
		background:#fff;
		border: 1px solid #ccc;
		width:auto;
		color:#666;
	}
	#subForm input.submit
	{
		cursor:pointer;
		padding-right: 10px; 
		padding-left: 10px; 
	}