/*
==============================================================================
**
** reset css
**
==============================================================================
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

 
/*
==============================================================================

	NOTES:

	dimensions
	=====================


	colors
	=====================



==============================================================================
*/

 

 

/* debug */

.grey1 { background-color: #d5d5d5; }
.grey2 { background-color: #e2e2e2;}
.grey3 { background-color: #f2f2f2;}
.grey4 { background-color: #fcfcfc;}

.error {border-color: #ff0006; border-width: 1px; border-style: solid;}



.image { background-color: #fcfcfc;}

 
.clear { clear: both; }
 

 

/*
==============================================================================
**
** html elements
**
==============================================================================
*/

 

html {
	width: 100%;
	height: 100%;
	
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px; }

 
	body {
		width: 980px;
		height: 100%;

		font-size: 1.2em;
		color: #525252;

		margin: 2em auto 2em auto; }

 


#about h1, #catering h2, #franchise h2, #contact h2, #news h1, .ingredients h1, #privacy h1, .confirmation h1  { font-size: 1.6em; margin: auto auto .2em 0; }

#privacy h2  { font-size: 1.4em; margin: 1em auto .5em 60px; width: 570px;  }
#about p, #catering p, #franchise p, #contact #content .vcard, #about #content .vcard, #contact p, #news table,  #about table, #franchise dl, #news p, .ingredients p, #privacy p { font-size: 14px; margin: auto auto .5em 0; line-height: 1.4em; }
/* .environment #content ul, */

a, a:link { color: #94a834; text-decoration: none; }
a:hover { text-decoration: underline; }



/*
==============================================================================
**
** buttons etc
**
==============================================================================
*/



 .button {
 	width: 100%;
 	
 	padding: .7em .5em;
 	margin: .8em auto auto auto;
 	 
 	text-decoration: none; 
 	
 	background-color: #f7a139;
 	color: #fff;
 	
 	display: block; }
 	
 	
 .button:hover {
 	background-color: #fb8f21; }

 	

 

/*
==============================================================================
**
** page structure
**
==============================================================================
*/

 

 

#masthead {
	display: block;

	width: 110px;
	height: 100%;

	overflow: hidden;

	margin: auto 20px auto auto;
	float: left;
}

	
	#masthead h5 {
		font-size: 1.1em;
		margin-bottom: .3em; }
	
	#masthead .vcard {
		font-size: .9em; 
		line-height: 1.2em; }
		
	#masthead .tel {
		margin-top: 1em; }
		
	#masthead a, #masthead a:link {
		color: #fff; 
		font-weight: bold; }
		
	#masthead a:hover {
		text-decoration: none; }
		
		
		
		
		


	#logo a { 
		display: block;
		height: 159px; 
		width: 100px; 

		margin-bottom: 50px; 
		
		text-indent: -10000px;
	
		background: transparent url(../images/structure/logo.png) top left no-repeat; }
		





	

.nav { display: block; }

	.nav li a {
		display: block;
		float: left; }


		#main.nav {
			width: 760px;
			height: 58px;
			
			float: left;
			margin-left: 10px;
			
			background: transparent url(../images/structure/ui/main-nav.png) top left no-repeat; }


		#main.nav li a {
			height: 58px;
			
			margin: auto 0 20px auto;
			text-indent: -10000px;  }
		



			#locations_btn 			{ width: 148px; background: transparent url(../images/structure/ui/main-nav.png) 0 -58px no-repeat; opacity: 0; margin-left: 1px }	  
			#locations_btn:hover 	{ opacity: 1; }
		
			#food_btn				{ width: 106px; background: transparent url(../images/structure/ui/main-nav.png) -148px -58px no-repeat; opacity: 0; }
			#food_btn:hover			{ opacity: 1; }
			
			#order_btn 				{ width: 113px; background: transparent url(../images/structure/ui/main-nav.png) -254px -58px no-repeat; opacity: 0; }
			#order_btn:hover		{ opacity: 1 }
			
			#about_btn 				{ width: 120px; background: transparent url(../images/structure/ui/main-nav.png) -367px -58px no-repeat; opacity: 0; }
			#about_btn:hover 		{ opacity: 1 }
			
			#catering_btn 			{ width: 128px; background: transparent url(../images/structure/ui/main-nav.png) -487px -58px no-repeat; opacity: 0; }
			#catering_btn:hover		{ opacity: 1 }
			
			#faqm_btn 				{ width: 128px; background: transparent url(../images/structure/ui/main-nav.png) -615px -58px no-repeat; opacity: 0; }
			#faqm_btn:hover			{ opacity: 1 }
			

			#locations #locations_btn 	{ background: transparent url(../images/structure/ui/main-nav.png) 0 -58px no-repeat; opacity: 1; }
			#food #food_btn 			{ background: transparent url(../images/structure/ui/main-nav.png) -148px -58px no-repeat; opacity: 1; }
			#order #order_btn 			{ background: transparent url(../images/structure/ui/main-nav.png) -254px -58px no-repeat; opacity: 1; }
			#about #about_btn 			{ background: transparent url(../images/structure/ui/main-nav.png) -367px -58px no-repeat; opacity: 1; }
			#catering #catering_btn		{ background: transparent url(../images/structure/ui/main-nav.png) -487px -58px no-repeat; opacity: 1; }
			#faq #faqm_btn				{ background: transparent url(../images/structure/ui/main-nav.png) -479px -58px no-repeat; opacity: 1; }
		
		
		
		

 

 

#content {
	width: 840px;
	float: right;
	overflow: hidden;  }

	


/*
==============================================================================
**
** home page/about us specifics
**
==============================================================================
*/


	#featured-content {
		position: relative;
		margin-bottom: 20px;
		width: auto;
		height: auto; }
		/*margin: auto 20px 20px auto;*/

	#home #featured-content {
		width: 820px;
		height: 319px;
	}


	/*
	
	
	#home #featured-content, #about #featured-content {
	
	}
	*/
		
	#about #featured-content, #food #featured-content { padding: 20px; }
	#about #featured-content { width: 780px; }
	#food #featured-content { width: 742px; }
	#about.contact #featured-content { height: 449px; }
		
	#primary {
		display: block;
		margin: auto 60px auto 20px; 
		width: 480px;
		float: left; }
		
	
	
	#supporting { float: left;}

	
	

	
	#order #featured-content {
		height: 146px;
		margin-bottom: 20px; }
		
	#food.ingredients #featured-content {
		height: 264px; }
	
	
	#food.nutrition #featured-content {
		height: 264px; }
		

	#promos {
		display: block;
		margin-bottom: 10px; 
		height: 190px;}


	#promos .promo {
		display: block;
		width: 260px;

		margin: auto 20px auto auto;

		float: left;}
		
		
		#promos .double {
			height: 190px;
			width: 540px; }
		
		#promos .promo:last-child {
			margin-right: 0; }
			
			
		#loyalty-program {
			background: transparent url(../images/content/home-page/promos/promo.jpg) top left no-repeat; }
			
			
			#loyalty-program-form {
				margin: 120px 20px auto auto;
				width: 260px; }
			
				#loyalty-program-form legend {
					display: none; }
			
			
				
			




/*
==============================================================================
**
** food specifics
**
==============================================================================
*/
			
	
	/*
	#food #featured-content {
		width: 100%;
		height: 264px; 

		margin: auto auto 20px auto; }
		*/
		
		
		
		#food #featured-content { padding: 20px; }
		
		
		
		
		#food.pizza #featured-content 				{ background-color: #c13832; }
		#food.salad #featured-content 				{ background-color: #95aa0b; }
		#food.sandwich #featured-content 			{ background-color: #dd6000; }
		#food.rustica #featured-content 			{ background-color: #ab3846; }
		#food.pasta #featured-content 				{ background-color: #f2af32; }
		#food.ingredients #featured-content 		{ background-color: #aab300; }
		#food.nutrition #featured-content 			{ background-color: #c73a1c; }

		
		
		
		#food .button {
			color: #fff;
			margin-left: 0;
			width: 180px; }
			
		#menu { position: relative; }
		
		#pop-up {
			position: absolute; 
			z-index: 10000; 
			padding: 10px;

		}
		
		
		#pop-up h2 {
			color: #fff;
			font-size: 1.2em;
			margin-top: .8em;
			text-transform: uppercase; }
			
		#pop-up p {
			width: 320px;
			color: #fff;
			margin: .5em 0; }
		
		.pu_creation 	{ background-color: #c13832; }
		.pu_standard 	{ background-color: #dd6000; }
		.pu_salad 		{ background-color: #b7c106; }
		.pu_sandwich 	{ background-color: #f17d08; }
		.pu_rustica 	{ background-color: #ab3846; }
		.pu_pasta 		{ background-color: #f2af32; }
		
		.pu_ingredient { background-color: #aab300; }
		
		
		#menu li {
			width: 182px;
			height: 140px;
			overflow: hidden;
			float: left; 
			margin: auto 20px 20px auto;  }
			
			#menu li.fourth-item {
				margin-right: 0; }
				
			

			
				
		#menu li.banner {
			text-indent: -10000px;
			width: 783px; 
			height: 32px !important; }
			
		#menu li.creation {
			background: transparent url(../images/structure/ui/creations_divider.png) top left no-repeat; }
			
		#menu li.standard {
			background: transparent url(../images/structure/ui/standards_divider.png) top left no-repeat; }
			
			
		#menu h2 { 
			font-size: 1.2em;
			margin-bottom: .5em;
			font-weight: bold;
			text-transform: uppercase; }
			
			#menu img {
				margin-bottom: 1em; }
				
			#menu p {
				line-height: 1.2em;
				/*width: 157px; */}
			
			#menu .button {
				text-align: center;
				background-color: #b02429;
				width: 180px; 
				padding: 5px; }
				
				#menu .button:hover {
					background-color: #d14a13; }
					
		
		
		
		
		#food.ingredients #menu {
			width: 605px; 
			float: left; }
			
		#food.ingredients #menu li {
			margin: auto 15px 15px auto; 
			width: 134px; 
			height: 84px; }
			
			
			
		#food.ingredients #menu h2 { 
				font-size: .9em;
				margin-bottom: .2em;
				font-weight: bold;
				text-transform: uppercase; }
			
			#food.ingredients #full-ingredients {
				display: block;
				float: left;
				background: #c2cf42 url(../images/structure/ui/ingredient-list.png) top left no-repeat;
				padding: 50px 10px 10px 10px;
				width: 160px;  }

				#food.ingredients #full-ingredients li ul li {
					list-style: disc; 
					list-style: inside;
					margin-bottom: 2px;
					}
					
					
				#food.ingredients #full-ingredients li ul {
					margin-bottom: 10px; }
				
				#food.ingredients #full-ingredients li.category
				{
					text-transform: uppercase;
					list-style: none;
					font-weight: bold;
					margin-bottom: 5px;
					color: #fff;
				}
				
				
			#food.ingredients #menu li.banner {
				text-indent: -10000px;
				width: 583px; 
				height: 20px !important;
				margin-bottom: 10px; }
				
			#food.ingredients #menu li.crust {
				height: 60px !important;
				background: transparent url(../images/structure/ui/header-crust.png) top left no-repeat; }
				
			#food.ingredients #menu li.cheese {
				background: transparent url(../images/structure/ui/header-cheese.png) top left no-repeat; }
				
			#food.ingredients #menu li.sauces {
				background: transparent url(../images/structure/ui/header-sauce.png) top left no-repeat; }
				
			#food.ingredients #menu li.meat {
				background: transparent url(../images/structure/ui/header-meat.png) top left no-repeat; }
				
			#food.ingredients #menu li.vegetables {
				background: transparent url(../images/structure/ui/header-vegetables.png) top left no-repeat; }
		
		
		.food_ingredients .button {
			margin-left: 0; 
			width: 180px; }
			
			
			

		

		#food #subnav {
			display: block;
			
			height: 40px;
			width: 820px; 
			
			overflow: hidden;
			
			margin: 10px auto auto 10px;
			
			background: transparent url(../images/structure/ui/food-subnav.png) top left no-repeat; 
			

			float: left; }
			
			#food #subnav li a {
				display: block;
				float: left;
				text-indent: -10000px;}
				
				
			
				
				
			#pizza_btn 				{ width: 75px; height: 40px; }	  
			#pizza_btn:hover 		{ background: transparent url(../images/structure/ui/food-subnav.png) 0 -40px no-repeat;  }
			
			#salad_btn 				{ width: 81px; height: 40px; }
			#salad_btn:hover 		{ background: transparent url(../images/structure/ui/food-subnav.png) -75px -40px no-repeat; }
			
			#sandwich_btn 			{ width: 122px; height: 40px; }
			#sandwich_btn:hover 	{ background: transparent url(../images/structure/ui/food-subnav.png) -156px -40px no-repeat; }
			
			#rustica_btn 			{ width: 92px; height: 40px; }
			#rustica_btn:hover 		{ background: transparent url(../images/structure/ui/food-subnav.png) -278px -40px no-repeat; }
			
			#pasta_btn 				{ width: 76px; height: 40px;  }	  
			#pasta_btn:hover 		{ background: transparent url(../images/structure/ui/food-subnav.png) -370px -40px no-repeat; }

			#ingredients_btn 		{ width: 118px; height: 40px; }
			#ingredients_btn:hover 	{ background: transparent url(../images/structure/ui/food-subnav.png) -447px -40px no-repeat; }

			#nutrition_btn 			{ width: 102px; height: 40px; }
			#nutrition_btn:hover 	{ background: transparent url(../images/structure/ui/food-subnav.png) -565px -40px no-repeat; }

			
			

			
			
			
			.pizza #pizza_btn				{ background: transparent url(../images/structure/ui/food-subnav.png) 0 -40px no-repeat; opacity: 1; }
			.salad #salad_btn 				{ background: transparent url(../images/structure/ui/food-subnav.png) -75px -40px no-repeat;  opacity: 1; }
			.sandwich #sandwich_btn 		{ background: transparent url(../images/structure/ui/food-subnav.png) -156px -40px no-repeat;  opacity: 1; }
			.rustica #rustica_btn	 		{ background: transparent url(../images/structure/ui/food-subnav.png) -278px -40px no-repeat;  opacity: 1; }
			.pasta #pasta_btn 				{ background: transparent url(../images/structure/ui/food-subnav.png) -370px -40px no-repeat;  opacity: 1; }
			.ingredients #ingredients_btn 	{ background: transparent url(../images/structure/ui/food-subnav.png) -447px -40px no-repeat;  opacity: 1; }
			.nutrition #nutrition_btn 		{ background: transparent url(../images/structure/ui/food-subnav.png) -565px -40px no-repeat;  opacity: 1; }
			
			
			#nutritional-content tr.pasta 		 	{  background-color: #eca02f; color: #fff; }
			#nutritional-content tr.pizza 		 	{  background-color: #dd6000; color: #fff; }
			#nutritional-content tr.rustica-pizzas 	{  background-color: #9b004d; color: #fff; }
			#nutritional-content tr.salad 		 	{  background-color: #98a70f; color: #fff; }
			#nutritional-content tr.sandwich 		 	{  background-color: #e86618; color: #fff; }
			#nutritional-content tr.z-pizza-creation 	{  background-color: #c13832; color: #fff; }
			
			
			#nutritional-content, #job-content { width: 783px; }
			#nutritional-content tr, #job-content tr { border-bottom: 1px #ddd solid;  }
			#nutritional-content td, #nutritional-content th, #job-content td, #job-content th { padding: .5em; text-align: center; }
			#nutritional-content th, #job-content th{ background-color: #ccc; }
			#nutritional-content .nt-item, #nutritional-content .nt-category { text-align: left; }
			#nutritional-content .nt-category  { font-size: 1.2em; font-weight: bold; }
			#nutritional-content .nt-header {  background-color: #eee; }
			#nutritional-content .odd { }
			
			#job-content td, #job-content th { text-align: left; }
			#job-content .job-title, #job-content .job-location { width: 20%; }
			#job-content .job-contact { width: 15%; }
			
			
/*
==============================================================================
**
** locations
**
==============================================================================
*/
			
	
	
	#locations h1 {
		font-size: 2.4em;
		margin: 1em auto; }
		
		
		
	
	#locations #subnav {
			display: block;
			
			height: 57px;
			width: 820px; 
			
			overflow: hidden;
			
			margin: 10px auto 20px 10px;
			
			background: transparent url(../images/structure/ui/locations-subnav.png) top left no-repeat; 
			

			float: left; }
			
			#locations #subnav li a {
				
				display: block;
				float: left;
				text-indent: -10000px; }
				
				
			
			#united_states_btn 			{ width: 159px; height: 67px; }	  
			#united_states_btn:hover	{ background: transparent url(../images/structure/ui/locations-subnav.png) 0 -60px no-repeat;  }
			
			#mexico_btn 				{ width: 111px; height: 67px; }
			#mexico_btn:hover 			{ background: transparent url(../images/structure/ui/locations-subnav.png) -159px -60px no-repeat; }
			
			#middle_east_btn 			{ width: 146px; height: 67px; }
			#middle_east_btn:hover 		{ background: transparent url(../images/structure/ui/locations-subnav.png) -270px -60px no-repeat; }
			
			
			.united_states #united_states_btn	{ background: transparent url(../images/structure/ui/locations-subnav.png) 0 -60px no-repeat; opacity: 1; }
			.mexico #mexico_btn 				{ background: transparent url(../images/structure/ui/locations-subnav.png) -159px -60px no-repeat;  opacity: 1; }
			.middle_east #middle_east_btn 		{ background: transparent url(../images/structure/ui/locations-subnav.png) -270px -60px no-repeat;  opacity: 1; }
		

	#search {
		width: 250px;
		float: left;
		margin-right: 20px; }
	
	#search-tools {
		display: block;
		overflow: hidden; 
		margin-bottom: 20px; 
		min-height: 300px;}

		#zip-search {
			width: 243px; 
			height: 72px;
			
			background: transparent url(../images/structure/ui/zip-code-bg.png) top left no-repeat; }
			
			
			#zip-search input {
				height: 23px;
				width: 136px;
				margin: 35px 10px auto 10px; 
				float: left; 
				border: none;
				font-size: 18px;
				padding: 2px; }
			
			
			#zip-search button {
				height: 30px;
				width: 64px; 
				background-color: #94a834;
				border: none;
				color: #fff; 
				margin-top: 35px; }
			
		#state-search {
			width: 243px;
			min-height: 124px;
			display: block;
			
			margin: 20px auto;
			padding-top: 45px;
			
			float: left;
			
			
			background: transparent url(../images/structure/ui/state-bg.png) top left no-repeat; }
			
			
			#state-search li {
				padding-left: 20px; 
				margin-bottom: 5px; }
			
			




			
			

		#top-four-locations { float: left; }
		
		.store-locations { clear: both; }


		.store-locations li, #top-four-locations li {
			width: 190px;
			float: left; 
			margin: auto 20px 20px auto;
			padding-top: 1em; 
			min-height: 135px;
			border-top: 1px #ccc solid; }
			
			
			
			
			#top-four-locations li {
				min-height: 125px;
				clear: left; }
			
			
			.store-locations li.fourth-item {
				margin-right: 0; }
				
			.store-locations li a:link {
				line-height: 1.2em; }
				
				
				
			.hack {
				display: block;
				width: 400px;
				float: left; 
				margin-right: 20px; }
				
				
				.hack h2 {
					text-indent: -10000px;
					height: 27px;
					width: 400px; 
					margin-bottom: -1px; }

			.new {
				display: block;
				overflow: show;
				width: 420px; }
				
			.coming-soon { 
				display: block;
				overflow: show;
				width: 420px; }
				
			#now-open-header {
			
				background: transparent url(../images/structure/ui/now_open.png) top left no-repeat; 
			
			}
			
			
			#coming-soon-header {

				background: transparent url(../images/structure/ui/opening_soon.png) top left no-repeat; 
			}
				
				
				
		#loc-map { 
			float: left;
			width: 550px; 
			height: 440px;
			display: block;
		}
		
		
		#int-map { 
			width: 550px; 
			height: 520px;
			display: block;
		}
		
		
		#map { 
			width: 620px; 
			height: 600px;
			display: block;
			float: right;
		}
		
		
		#contact-map {
			height: 440px;
			width: 780px; }
			
			
			

/*
==============================================================================
**
** order
**
==============================================================================
*/



#order h2 {
	font-size: 1.8em;
	clear: left;	}


#order .store-locations {
	overflow: hidden;
	margin-bottom: 2em; }





/*
==============================================================================
**
** about us
**
==============================================================================
*/



		#about h1 {
			font-weight: normal;
			font-size: 24px; }


			#about h2 { font-size: 1.2em; font-weight: normal; text-transform: uppercase; margin-top: 2em; }

			#about.story h1, #about.story h2, #about.story a, #about.story a:link 												{ color: #dd6000; }
			#about.food_ingredients h2, #about.food_ingredients h1, #about.food_ingredients a, #about.food_ingredients a:link 	{ color: #959b00; }
			#about.environment h1, #about.environment h2, #about.environment a, #about.environment a:link 						{ color: #edb12e; }
			#about.charity h1, #about.charity h2,  #about.charity a, #about.charity a:link 										{ color: #8d1e40; }
			#about.znews h1, #about.znews h2, #about.znews a, #about.znews a:link						 						{ color: #c13832; }
			#about.faq h1, #about.faq h2, #about.faq a, #about.faq a:link							 							{ color: #f1af32; }
			#contact.faq h1, #contact.faq h2,  #contact.faq a, #contact.faq a:link						 						{ color: #959b00; }


		
		
		
		#about.story #featured-content 				{ background-color: #dd6000; }
		#about.food_ingredients #featured-content 	{ background-color: #959b00; }
		#about.environment #featured-content 		{ background-color: #edb12e; }
		#about.charity #featured-content 			{ background-color: #8d1e40; }
		#about.znews #featured-content 				{ background-color: #c13832; }
		#about.faq #featured-content 				{ background-color: #f1af32; }
		#about.contact #featured-content			{ background-color: #959b00; }
		

		.article-date {
			width: 100px;
			text-align: right; 
			padding: 1em; }

		.article .byline {
			margin: -5px auto 10px 60px; }


			#articles { width: 780px; }
			#articles tr { border-bottom: 1px #ddd solid;  }
			#articles td, #articles th { padding: .5em;  }
			#articles th { background-color: #ccc; text-align: left;  }
			#articles .publish-date { text-align: right; }
			#articles .article-title { text-align: left; }


		#about #subnav {

			display: block;
			
			height: 40px;
			width: 840px; 
			
			overflow: hidden;
			
			margin: 10px auto 0 10px;
			
			background: transparent url(../images/structure/ui/about-subnav.png) top left no-repeat; 
			

			float: left; }
			
			#about #subnav li a {
				display: block;
				float: left;
				text-indent: -10000px; }
				


			#story_btn 					{ width: 107px; height: 40px; }	  
			#story_btn:hover	 		{ background: transparent url(../images/structure/ui/about-subnav.png) 0 -40px no-repeat; }
			
   	 		#food_ingredients_btn 		{ width: 152px; height: 40px; }
	 		#food_ingredients_btn:hover	{ background: transparent url(../images/structure/ui/about-subnav.png) -107px -40px no-repeat; }
			
   	 		#environment_btn 			{ width: 160px; height: 40px; }
	 		#environment_btn:hover		{ background: transparent url(../images/structure/ui/about-subnav.png) -259px -40px no-repeat; }
	 		
	 		#charity_btn 				{ width: 91px; height: 40px; }
			#charity_btn:hover 			{ background: transparent url(../images/structure/ui/about-subnav.png) -419px -40px no-repeat; }
	 		
			#znews_btn 					{ width: 69px; height: 40px; }	  
			#znews_btn:hover		 	{ background: transparent url(../images/structure/ui/about-subnav.png) -510px -40px no-repeat; }
			
			#ztribe_btn 				{ width: 68px; height: 40px; }
			#ztribe_btn:hover 			{ background: transparent url(../images/structure/ui/about-subnav.png) -579px -40px no-repeat; }

			#faq_btn 					{ width: 54px; height: 40px; }
			#faq_btn:hover 				{ background: transparent url(../images/structure/ui/about-subnav.png) -648px -40px no-repeat; }
			
			#contact_btn 				{ width: 115px; height: 40px; }
			#contact_btn:hover 			{ background: transparent url(../images/structure/ui/about-subnav.png) -704px -40px no-repeat; }
			
			
			

			.story #story_btn	 					{ background: transparent url(../images/structure/ui/about-subnav.png) 0 -40px no-repeat; }
			.food_ingredients #food_ingredients_btn	{ background: transparent url(../images/structure/ui/about-subnav.png) -107px -40px no-repeat; }
			.environment #environment_btn			{ background: transparent url(../images/structure/ui/about-subnav.png) -259px -40px no-repeat; }
			.charity #charity_btn					{ background: transparent url(../images/structure/ui/about-subnav.png) -419px -40px no-repeat; }
	 		.znews #znews_btn		 				{ background: transparent url(../images/structure/ui/about-subnav.png) -510px -40px no-repeat; }
			.ztribe #ztribe_btn 					{ background: transparent url(../images/structure/ui/about-subnav.png) -579px -40px no-repeat; }
			.faq #faq_btn 							{ background: transparent url(../images/structure/ui/about-subnav.png) -648px -40px no-repeat; }
			.contact #contact_btn 					{ background: transparent url(../images/structure/ui/about-subnav.png) -704px -40px no-repeat; }
		
			
			.charity .benefits {
				margin: auto auto 30px 0; }
			
			
			.environment .benefits li, .charity .benefits li {
				font-size: 14px;
				list-style-type: disc; 
				margin: 10px auto auto 25px; }
				
			
			
			
			#poster-frame {
				position: relative; 
				top: 0; 
				left: 1px;
				z-index: 100; }
			
			#video {
				display: none;
				position: absolute;
				top: 20px;
				left: 20px; 
				z-index: 1; }
			
			#about a.button, #about a.button:link { color: #fff; background-color: #949a1b;  }
			#questions { margin-top: 2em; }
			#questions ul { margin: 2em auto; }
			#questions li { margin-bottom: 1em; font-size: 16px; }
			#questions li a:link, #questions li a { color: #dd6000 !important; }
			#answers { margin-top: 6em; }
			#answers dt { margin-bottom: .2em; font-size: 16px; }
			#answers dt a:link, #answers dt a {  color: #333 !important; }
			#answers dt a:hover { text-decoration: none; }
			#answers dd { margin-bottom: 2em; line-height: 1.4em; }
			#answers dd ul { margin: 0 auto 1em auto; }
			

			
			


#moostick, .moostick
{
	display: block;
	height: 13px;
	width: 750px;
	margin: 0 0 20px 0;
	padding: 13px 0 12px 70px;
	background: transparent url(../images/structure/ui/news-ticker.png) top left no-repeat;
	overflow: hidden;       /* used in css check */
}


#home #moostick {
	background: transparent url(../images/structure/ui/news-ticker-home.png) top left no-repeat;
}

#moostick li, .moostick li
{
	display: block;         /* used in css check */
	list-style-type: none;  /* used in css check */
	margin: 0 auto 0 auto;
	padding: 0;
}


#moostick li a, .moostick li a {
	color: #fff; }

#moostick .show, .moostick .show
{
	visibility: visible;
	opacity: 1;
}



		#contact form, #about form { margin-top: 10px; }

		#contact fieldset, #franchise fieldset, #about fieldset {
			width: 620px; }
			

		#contact legend, #franchise legend, #about legend {
			display: none; }

		#contact label, #franchise label, #about label {
			display: block;
			font-weight: bold;
			width: 100%; 
			text-align: left;
			margin: auto 1.3em .3em auto; }
			
		#contact input, #contact textarea, #contact select, #franchise input, #franchise select, #about input, #about textarea, #about select {
			width: 400px;
			margin-bottom: 1em; }
			
			
		#contact textarea, #about textarea {
			height: 300px; }


		.contact input#submit-button, .ztribe input#submit-button, .charity input#submit-button {
					clear: both;
					width: 100px;}

/*
==============================================================================
**
** footer
**
==============================================================================
*/
			
			
		#catering #subnav {
			display: block;
			
			height: 57px;
			width: 820px; 
			
			overflow: hidden;
			
			margin: 10px auto 20px 10px;
			
			background: transparent url(../images/structure/ui/catering-subnav.png) top left no-repeat; 
			

			float: left; }
			
			#catering #subnav li a {
				display: block;
				margin-right: 20px;
				float: left;
				text-indent: -10000px; }
			


			#catering #catering_order_btn 		{ width: 108px; height: 57px; }	  
			#catering #catering_order_btn:hover	{ background: transparent url(../images/structure/ui/catering-subnav.png) 0 -57px no-repeat; }

			#catering #catering_how_to_btn 		{ width: 108px; height: 57px; }
			#catering #catering_how_to_btn:hover { background: transparent url(../images/structure/ui/catering-subnav.png) -128px -57px no-repeat; }
			
   	 		#catering #catering_menu_btn 		{ width: 108px; height: 57px; }
	 		#catering #catering_menu_btn:hover	{ background: transparent url(../images/structure/ui/catering-subnav.png) -256px -57px no-repeat; }
			

			
			
			.catering_order #catering_order_btn		{ background: transparent url(../images/structure/ui/catering-subnav.png) 0 -57px no-repeat; }
			.catering_how_to #catering_how_to_btn 	{ background: transparent url(../images/structure/ui/catering-subnav.png) -128px -57px no-repeat; }
			.catering_menu #catering_menu_btn			{ background: transparent url(../images/structure/ui/catering-subnav.png) -256px -57px no-repeat; }



			#catering form {
				margin: auto auto auto 60px; 
				padding: 20px;
				width: 570px;
				background-color: #99bb18;
				}
				
				
				#catering form h3 {
					font-size: 1.3em; 
					color: #fff;
					margin: -.2em 0 .5em 0; }
				
				#catering form p {
					color: #fff;
					margin: auto; }
					
				#catering #catering_locations {
					margin: 1em auto auto auto; }
				
			#catering #content .button {
				width: 200px;
				margin-left: 0;
				color: #fff;
				background-color: #99bb18; }


			#catering #content .button:hover {
				color: #fff;
				background-color: #8db117;
				text-decoration: none; }

/*
==============================================================================
**
** footer
**
==============================================================================
*/
			
			

	#footer {
		clear: left;
		display: block;

		height: auto;
		width: 820px;
		
		margin-top: 2em;
		padding: 0;}

		

	

		#tertiary.nav {
			height: 63px;
			margin-left: 0;
			margin-bottom: 3em;
			
			background: transparent url(../images/structure/ui/tertiary-nav.png) top left no-repeat; }

			
			#tertiary.nav  {
				list-style-type: none; }
			
			#tertiary.nav li a {
				text-indent: -10000px; 
				height: 63px; }

				
				
				#footer #biz_btn 				{ width: 110px;  }
				#footer #biz_btn:hover	 		{ background: transparent url(../images/structure/ui/tertiary-nav.png) 0 -63px no-repeat; }
				
				#footer #privacy_btn 			{ width: 115px;  }
				#footer #privacy_btn:hover 		{ background: transparent url(../images/structure/ui/tertiary-nav.png) -110px -63px no-repeat; }

				#footer #jobs_btn 				{ width: 52px; }
				#footer #jobs_btn:hover 		{ background: transparent url(../images/structure/ui/tertiary-nav.png) -225px -63px no-repeat; }
				
				#footer #franchise_btn 			{ width: 90px; }
				#footer #franchise_btn:hover	{ background: transparent url(../images/structure/ui/tertiary-nav.png) -277px -63px no-repeat; }
				
				#footer #biz_contact_btn  		{ width: 80px; }
				#footer #biz_contact_btn:hover	{ background: transparent url(../images/structure/ui/tertiary-nav.png) -367px -63px no-repeat; }
				
				#footer #news_btn 				{ width: 55px; }
				#footer #news_btn:hover 		{ background: transparent url(../images/structure/ui/tertiary-nav.png) -447px -63px no-repeat; }
				
				#footer #twitter_btn			{ width: 106px; margin-left: 95px; }
				#footer #twitter_btn:hover		{ background: transparent url(../images/structure/ui/tertiary-nav.png) -597px -63px no-repeat; }
				
				#footer #facebook_btn			{ width: 115px; }
				#footer #facebook_btn:hover		{ background: transparent url(../images/structure/ui/tertiary-nav.png) -703px -63px no-repeat; }
				
				
				/*
				#environment_btn 		{ width: 120px; }
				#environment_btn:hover 	{ background: transparent url(../images/structure/ui/tertiary-nav.png) -502px -63px no-repeat; }
				*/

	

		#copyright {
			font-size: .9em;
			color: #bbb;
			text-align: center;
			clear: left; }