/*

	LaBrea Bread - Antipasto Bread
		VERSION 1.0
	
	Design: tdhadvertising.com/
	Development: thisisstatic.com
	
	CONTENTS ----------
	1. RESET
	2. BODY
	3. TYPOGRAPHY
	4. LAYOUT
	5. CONTENT 
	6. FOOTER
	7. GLOBAL STYLES
	8. MODAL BOXES
    -------------------

*/



/* 1. RESET
=====================================================================
=====================================================================*/
* 														{ margin:0px; padding:0px; }
img, div { behavior: url(_scripts/iepngfix.htc) } /* PNG Fix */


/* 2. BODY
=====================================================================
=====================================================================*/
body 													{ font-size:62.5%; height:100%;  color:#fae7c4; background:url(../_images/back_body.png) repeat-y center top #340000; }
#wrapper 												{ width:942px; height:100%; margin:0 auto; padding:0 0 30px 2px; background:url(../_images/back_wrapper.png) repeat-y center top #620808; }



/* 3. TYPOGRAPHY
=====================================================================
=====================================================================*/	
/* Font Families */
body, ul.footer 										{ font-family:Verdana, Geneva, sans-serif;  }
p.serif, h1												{ font-family:Times, Times New Roman, serif; }


/* Type Styles */
p														{ font-size:1.2em; line-height:1.6em; padding:6px 0 6px 0; }


h1 														{ font-size:1.7em; line-height:1.4em; padding:5px 0 0 0; font-weight:normal; color:#000000; }
h2														{ font-size:1.7em; line-height:1.6em; padding:5px 0 0 0; font-weight:normal; color:#ce3727; }
h3	 													{ }

a														{ text-decoration:none; color:#ce3727;  }
a:link													{ text-decoration:none; }
a:visited												{ text-decoration:none; }
a:hover													{ text-decoration:underline; cursor:pointer; }

ul														{ list-style: none; }
ul li 													{ padding-left:20px; background:url(../_images/bullet.gif) no-repeat 2px 9px; }
ul.large												{ font-size:1.6em; line-height:1.5em; padding:15px 0 0 0; }



/* 4. LAYOUT
=====================================================================
=====================================================================*/
div#header_left											{ width:90px; height:240px; float:left; display:block; overflow:hidden; background:url(../_images/header_logo.gif) no-repeat left top; }
div#header_logo	a										{ width:128px; height:240px; float:left; display:block; text-indent:-3500px; background:url(../_images/header_logo.gif) no-repeat right top; }
div#header_introducing a								{ width:282px; height:240px; float:left; display:block; text-indent:-3500px; background:url(../_images/header_introducing.gif) no-repeat right top; }
div#header_right										{ width:279px; height:240px; float:left; display:block; padding:0 130px 0 33px; overflow:hidden; background:url(../_images/header_right.gif) no-repeat left top; }
	div#header_right p.serif							{ font-size:1.5em; line-height:1.6em; font-style:italic; }
	#home div#header_right p.serif						{ font-size:1.4em; padding-top:44px; padding-right:5px; }
	#varieties div#header_right p.serif					{ padding-top:120px; }
	#recipes div#header_right p.serif					{ padding-top:96px; padding-right:40px; }

div#main_nav											{ width:154px; float:right; clear:left; margin:24px 0 0 0; }
	ul#main_nav_list									{ list-style:none; }
	ul#main_nav_list li									{ text-indent:-3500px; background:none; padding:0; line-height:12px; }
	
	ul#main_nav_list li a								{ width:154px; display:block; color:#340000; background:url(../_images/nav_spritemap.gif) no-repeat; }
	ul#main_nav_list li.home a							{ height:48px; background-position:left -305px; }
	ul#main_nav_list li.varieties a						{ height:46px; background-position:left -50px; }
	ul#main_nav_list li.recipes a						{ height:50px; background-position:left -96px; }
	ul#main_nav_list li.grocers_bakery a				{ height:64px; background-position:left -238px; }
	ul#main_nav_list li.more_information a				{ height:46px; background-position:left -142px; }
	ul#main_nav_list li.food_service_sales a			{ height:43px; background-position:left -188px; }
	ul#main_nav_list li.labrea_home a					{ height:50px; background-position:left top; }

	ul#main_nav_list li.home a:hover					{ background-position:-154px -305px; }
	ul#main_nav_list li.varieties a:hover				{ background-position:-154px -50px; }
	ul#main_nav_list li.recipes a:hover					{ background-position:-154px -96px; }
	ul#main_nav_list li.grocers_bakery a:hover			{ background-position:-154px -238px; }
	ul#main_nav_list li.more_information a:hover		{ background-position:-154px -142px; }
	ul#main_nav_list li.food_service_sales a:hover		{ background-position:-154px -188px; }
	ul#main_nav_list li.labrea_home a:hover				{ background-position:-154px top; }

	
div#contentHolder										{ width:678px; float:right; } 




/* 5. CONTENT
=====================================================================
=====================================================================*/

/* Home */
#home div.photo_holder									{ width:542px; height:252px; margin:22px 0 0 19px; display:block; background:url(../_images/placeholder_gallery.jpg) no-repeat; }

div#pull_quote											{ margin:3px 5px 0 21px; height:171px; width:285px; display:block; float:left; text-indent:-2500px; background:url(../_images/text_home01.gif) no-repeat; }
div#text_block											{ width:230px; float:left; }


/* Varieties */
#varieties div#photo_holder								{ width:542px; height:252px; margin:22px 0 0 19px; display:block; background:url(../_images/placeholder_gallery.jpg) no-repeat; }
#varieties div#divider01								{ margin:3px 0 0 21px; height:171px; width:19px; display:block; float:left; background:url(../_images/divider_varieties01.png) no-repeat; }
#varieties div#divider02								{ margin:3px 0 0 14px; height:171px; width:18px; display:block; float:left; background:url(../_images/divider_varieties02.png) no-repeat; }

div.product_capsule										{ width:134px; height:200px; margin:11px 0 0 30px; float:left; }
div.product_capsule p									{ text-align:center; }


/* Grocers Bakery */
#grocers_bakery	div#photo_holder						{ width:495px; height:420px; margin:22px 0 0 19px; display:block; background:url(../_images/grocers_bakery.jpg) no-repeat; }



/* Recipes */
#recipes div#photo_holder								{ width:542px; height:252px; margin:22px 0 0 19px; display:block; background:url(../_images/placeholder_gallery.jpg) no-repeat; }

div#recipe_holder										{ width:519px; margin:8px 0 0 31px; float:left; background:url(../_images/back_recipes.gif) repeat-y top left; }
div#recipe_holder a										{ width:133px; height:103px; display:block; float:left; margin-left:27px; text-indent:-3500px; }
div#recipe_holder a:hover								{ background-position:right top; }

div#recipe_holder a.white_bean							{ background-image:url(../_images/recipe_card_whiteBean.jpg); }
div#recipe_holder a.grilled_cheese						{ background-image:url(../_images/recipe_card_grilledCheese.jpg); }
div#recipe_holder a.parm_crips							{ background-image:url(../_images/recipe_card_parmCrisps.jpg); }
div#recipe_holder a.garlic_bread						{ background-image:url(../_images/recipe_card_garlicBread.jpg); }
div#recipe_holder a.ricotta								{ background-image:url(../_images/recipe_card_ricotta.jpg); }
div#recipe_holder a.ham_cheese							{ background-image:url(../_images/recipe_card_hamCheese.jpg); }
div#recipe_holder a.prosciutto							{ background-image:url(../_images/recipe_card_prosciutto.jpg); }
div#recipe_holder a.cheddar_crisps						{ background-image:url(../_images/recipe_card_cheddarCrisps.jpg); }
div#recipe_holder a.goat_cheese							{ background-image:url(../_images/recipe_card_goatCheese.jpg); }
div#recipe_holder a.burrata_cheese						{ background-image:url(../_images/recipe_card_burrataCheese.jpg); }
div#recipe_holder a.eggplant							{ background-image:url(../_images/recipe_card_eggplant.jpg); }
div#recipe_holder a.cinnamon							{ background-image:url(../_images/recipe_card_cinnamon.jpg); }


div#recipe_capsule_large								{ width:554px; margin:22px 0 0 10px; display:block; background:url(../_images/recipe_card_large.jpg) no-repeat; }
div#recipe_capsule_large div#icon_email a,
div#recipe_capsule_large div#icon_print a				{ height:14px; float:right; display:block; text-indent:-3500px; background:url(../_images/recipe_icons.png) no-repeat; }
div#recipe_capsule_large div#icon_email	a				{ width:45px; margin:18px 9px 0 0; background-position:-20px -2px; }		
div#recipe_capsule_large div#icon_print a				{ width:43px; margin:18px 16px 0 0; background-position:-75px -2px; }		

div#recipe_capsule_large div#icon_email	a:hover			{ background-position:-144px -2px; }
div#recipe_capsule_large div#icon_print a:hover			{ background-position:-199px -2px; }

div#recipe_capsule_large div#photo						{ width:167px; height:205px; margin:16px 0 0 16px; float:left; }
div#recipe_capsule_large div#ingredients				{ width:325px; margin:19px 0 0 24px; float:left; }
div#recipe_capsule_large div h1							{ width:335px; height:50px; display:block; text-indent:-3500px; }
div#recipe_capsule_large div.white_bean h1				{ background:url(../_images/recipe_hl_whiteBean.jpg) no-repeat; }
div#recipe_capsule_large div.grilled_cheese h1			{ height:29px; background:url(../_images/recipe_hl_grilledCheese.jpg) no-repeat; }
div#recipe_capsule_large div.parm_crisps h1				{ height:29px; background:url(../_images/recipe_hl_parmCrisps.jpg) no-repeat; }
div#recipe_capsule_large div.garlic_bread h1			{ height:29px; background:url(../_images/recipe_hl_garlicBread.jpg) no-repeat; }
div#recipe_capsule_large div.ricotta h1					{ background:url(../_images/recipe_hl_ricotta.jpg) no-repeat; }
div#recipe_capsule_large div.ham_cheese h1				{ height:29px; background:url(../_images/recipe_hl_hamCheese.jpg) no-repeat; }
div#recipe_capsule_large div.prosciutto h1				{ background:url(../_images/recipe_hl_prosciutto.jpg) no-repeat; }
div#recipe_capsule_large div.cheddar h1					{ height:29px; background:url(../_images/recipe_hl_cheddar.jpg) no-repeat; }
div#recipe_capsule_large div.goat_cheese h1				{ background:url(../_images/recipe_hl_goatCheese.jpg) no-repeat; }
div#recipe_capsule_large div.burrata h1					{ background:url(../_images/recipe_hl_burrata.jpg) no-repeat; }
div#recipe_capsule_large div.eggplant h1				{ background:url(../_images/recipe_hl_eggplant.jpg) no-repeat; }
div#recipe_capsule_large div.cinnamon h1				{ height:29px; background:url(../_images/recipe_hl_cinnamon.jpg) no-repeat; }

div#recipe_capsule_large div#instructions				{ margin-top:8px; padding:0 25px; height:100%; clear:both; background:url(../_images/recipe_card_large_repeat.jpg) repeat-y center top; }
div#recipe_capsule_large div#bottom						{ height:24px; clear:both; background:url(../_images/recipe_card_large_bottom.jpg) no-repeat #630000; }
div#recipe_capsule_large div#ingredients p,				
div#recipe_capsule_large div#instructions p				{ color:#241910; font-size:1.1em; line-height:1.4em; }


/* 6. FOOTER 
=====================================================================
=====================================================================*/											  										
div#footer												{ }


/* 7. GLOBAL STYLES
=====================================================================
=====================================================================*/
/* Layout */
.margin-top8											{ margin-top:8px; }
.margin-bottom8											{ margin-bottom:8px; }
.margin-right10											{ margin-right:10px; }

.float_left												{ float:left; }
.float_right											{ float:right; }
.clear 													{ clear:both; }

	

/* 8. MODAL BOXES
=====================================================================
=====================================================================*/	
			
/* Modal Boxes ------------------------------------------------------------------------*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:0 0 20px 0;
	margin:0 0 0 -10px;
	color:#690808;
}

#boxes td {
	padding:4px 5px 4px 0;
}

#boxes .dialog {
  width:375px; 
  padding:10px;
  background-color:#f2efdc;
  color:#000;
}

#boxes a:link, #boxes a:visited { color:#ce3727; text-decoration:none; }
#boxes a:hover, #boxes a:active { color:#ce3727; text-decoration:none; }

#modal_close_btn {
	width:44px;
	height:44px;
	float:right;
	margin:0; 
}
#modal_close_btn a {
	display:block;
	width:44px;
	height:44px;
	background:url(../_images/modal_close.gif) no-repeat 0 0;
}
#modal_close_btn a:hover {
	background-position: 0 -44px;
}

input { border: 1px solid #FFFFD5; background-color:#FFF; }
.submitBtn { padding:10px; }