/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background: #000 url("../images/bg_gradient.gif") repeat-x top left;
}


/*******************************
	MAIN CONTENT
********************************/

.siteContainer {
	background: url("../images/bg_content.jpg") no-repeat top left;
}

.siteSubContainer {
	background: url("../images/bg_subContent.jpg") no-repeat top left;
}

.sitePromoContainer {
	background: url("../images/bg_subContent.jpg") no-repeat top left;
}

.bgLeft {
	background: url("../images/bg_clouds_left.jpg") no-repeat top right;
}

.bgRight {
	background: url("../images/bg_clouds_right.jpg") no-repeat top left;
}

#mainContainer {
	position: relative;
	margin: 0 4px;
	color: #e6e5da;
}

#logo {
	position: absolute; 
	z-index: 50; 
	top: 0;
	left: 15px;
	width: 154px;
	height: 150px;
	background-image: url("../images/logo_nav.png");
	background-repeat: no-repeat;
	background-color: transparent;
}

#printLogo {
	display: none;
}

#topNav {
	height: 47px;
	width: 815px;
	color: #e6e5da;
/*	font-size: 12px; */
	font-size: 10px;
	margin: 0 0 0 136px;
	background: url("../images/bg_nav.gif") no-repeat top left;
}

#topNav A {
	float: left;
	display: block;
	height: 47px;
	padding: 0 10px;
}

#homeNav {
	padding-left: 45px !important;
}

.navOn {
	background: url("../images/nav_roll_home.gif")
}

.mainSubContainer {
	margin: 15px 0 15px 0;
}

.navSpacer {
	height: 55px;
}

#Eddie {
	position: absolute;
	top: 148px;
	left: -27px;
	z-index: 50;
	width: 340px;
	height: 468px;
	background-image: url("../images/Eddie.png") !important;  
	background-repeat: no-repeat;
	background-color: transparent !important;           
}

#Eddie2 {
	position: absolute;
	top: 158px;
	left: -67px;
	z-index: 50;
	width: 340px;
	height: 460px;
	background-image: url("../images/Eddie.png") !important;  
	background-repeat: no-repeat;
	background-color: transparent !important;           
}

/* #index-promo {
	margin: 0 auto;
	position: absolute;
	top: 155px !important;
	left: 30px;
	z-index: 50;
	width: 576px;
	height: 404px;
	margin-bottom: 25px;
} */

/* .index-promo {
	margin: 0 auto;
	position: absolute;
	top: 155px !important;
	left: 30px;
	z-index: 50;
	width: 576px;
	height: 404px;
	margin-bottom: 25px;
}

ul#index-rotator {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	height: 404px;
}

ul#index-rotator li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
} */




/*--Main Container--*/
.main_view {
	float: left;
	margin: 0 auto;
	position: absolute;
	top: 155px !important;
	left: 30px;
	z-index: 50;
	width: 576px;
	height: 404px;
	margin-bottom: 25px;
}

/*--Window/Masking Styles--*/
.window {
	height: 404px;
	width: 576px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0;
	left: 0;
}
.image_reel img {
	float: left;
}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 10px;
	right: -7px;
	width: 178px;
	height: 47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url('../images/paging_bg2.png') no-repeat;
/*	display: none; */ /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {
	font-weight: bold;
}


.videoHdr {
	margin-bottom: 8px;
}

.videoDescription {
	color: #FFF;
	text-align: left;
	margin-left: 7px;
}

.boxContainer {
	position: absolute;
	top: 517px;
	left: 30px;
	z-index: 51;
}

.box01 {
	width: 182px;
	height: 170px;
	background-image: url("../images/tab_The_Show.png") !important;
	background-repeat: no-repeat;
/*	background-color: transparent !important; */         
}

.box02 {
	width: 184px;
	height: 170px;
	background-image: url("../images/Recipe_of_the_Month.png") !important;  
	background-repeat: no-repeat;
/*	background-color: transparent !important; */         
}

.box03 {
	width: 182px;
	height: 170px;
	background-image: url("../images/tab_Signature_Spices.png") !important;  
	background-repeat: no-repeat;
/*	background-color: transparent !important; */         
}

.tabContent {
	position: relative;
	padding: 35px 25px;
	text-align: center;
}

.tabContent DIV {
	text-align: left;
	padding: 5px 0 0 7px;
}

#rightContainerPad {
	padding: 2px 0 50px 15px;
}

.rightContainerContent {
	padding: 0 0 0 17px;
}

.recipeTxt {
	width: 140px;
	margin-bottom: 10px;
}

.recipePic {
	margin: 0 0 0 25px;
}

.promoTxt {
	width: 110px;
}

.promoPic {
	margin: 0 0 0 15px;
}

.promoTxtAlt {
	width: 150px;
}

.promoPicAlt {
	margin: 5px 0 0 25px;
}

.promoTxtLong {
	width: 180px;
}


#bioBlock {
	width: 260px;
	font-size: 12px;
}
.bioBlockTxt {
	width: 240px;
	z-index: 20;
}
#bioBlock H1 {
	margin: 0;
}	
#bioBlock H2 {
	margin: 0;
}	
#bioPicBlock {
	position: absolute;
	z-index: 10;
	top: 130px;
	left: 255px;
	width: 373px;
	height: 507px;
	background-image: url("../images/bio_Eddie.png") !important;  
	background-repeat: no-repeat;
	background-color: transparent !important;           
}
#bioPicBlock2 {
	position: absolute;
	z-index: 10;
	top: 170px;
	left: 255px;
	width: 373px;
	height: 507px;
	background-image: url("../images/bio_Eddie_test.png") !important;
/*	background-image: url("../images/bio_animated-pics.gif") !important; */ 
	background-repeat: no-repeat;
	background-color: transparent !important;           
}
#bioPicBlock_animated {
	position: absolute;
	z-index: 10;
	top: 170px;
	left: 255px;
	width: 373px;
	height: 507px;
}



#aboutBlock {
	float: left;
	width: 370px;
	font-size: 12px;
	margin-right: 20px;
}
#aboutBlock h1 {
	margin: 0 0 20px 0;
}	
#aboutBlock h2 {
	margin: 0 0 20px 0;
}
#aboutBlock A {
	font-weight: normal !important;
}	
#aboutPicBlock {
	float: right;
	width: 176px;
	font-size: 12px;
	text-align: center;
	margin-top: 70px;
}
#aboutGalleryBlock {
	float: left;
	font-size: 12px;
}


#showBlock {
	float: left;
	width: 568px;
	font-size: 12px;
/*	margin-right: 20px; */
}
#showBlock h1 {
	margin: 0 0 20px 0;
}	
#showBlock h2 {
	margin: 0 0 20px 0;
}
#showBlock A {
	font-weight: normal !important;
}	


/* #videoContainer {
	position: absolute;
	top: 120px;
	left: 275px;
	z-index: 51;
	width: 325px;
	text-align: center;
} */


#videoContainer {
	float: left;
	width: 325px;
	text-align: left;
	margin-left: 0px !important;
	padding-left: 0px !important;
}


.picDescription {
	padding: 8px 0 20px 0;
	color: #FFF;
}


#spicesBlock {
	float: left;
	width: 566px;
	font-size: 12px;
/*	margin-right: 20px; */
}

#spicesBlock H1 {
	margin: 0;
}	

#spicesBlock H2 {
	margin: 0;
}

#spicesBlock A {
	font-weight: normal !important;
}	



#chefsHdr {
	width: 350px;
	font-size: 12px;
	margin-bottom: 30px;
}

#chefsHdr H1 {
	margin: 0;
}	

.chefsBlock {
	float: left;
	width: 355px;
	font-size: 12px;
	margin-right: 20px;
}

.chefsBlock H2 {
	margin: 0;
}

.chefsPicBlock {
	float: right;
	width: 176px;
}

#receipesHdr {
	margin: 0 0 7px 0;
}

#receipesHdr H1{
	margin: 0;
}

#receipesHdr H2{
	margin: 0;
}

.featuredRecipeBG {
	border-left: 2px solid #e4e1bb;
	background: #b30000 url("../images/bg_recipe_box.gif") repeat-x top left;
}

#featuredRecipeContent {
	padding: 25px 10px 0 15px;
}

.recipeHeroPic {
	border-right: 2px solid #e4e1bb;
}

#otherRecipes {
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 8px 5px;
	margin: 20px 0 0 0;
	background: #b30000;
}

#otherRecipesDiv {
	clear: left;
	border-top: 3px solid #b30000;
}

.otherRecipeTxt {
	 color: #FFF;
	 font-size: 11px;
	 margin-top: 13px;
}

#mainRecipe {
	position: relative;
	border: 2px solid #f0e6da;
}

#recipeHdrBox125 {
	height: 125px;
	padding: 0 10px 0 15px;
	background: #710000 url("../images/recipe_box125.gif") no-repeat top left;
}

#recipeHdrBox165 {
	height: 165px;
	padding: 0 10px 0 15px;
	background: #710000 url("../images/recipe_box165.gif") no-repeat top left;
}

/*
#recipeHdrBox {
	height: 125px;
	padding: 0 10px 0 15px;
	background: #b30000 url("../images/bg_recipe_box.gif") repeat-x top left;
}

#recipeHdrBox3RecipeLines {
	height: 165px;
	padding: 0 10px 0 15px;
	background: #b30000 url("../images/bg_recipe_box.gif") repeat-x top left;
}
*/

.recipeBoxTxtTop {
	color: #000;
	font-size: 12px;
	padding: 20px 20px 20px 20px;
	background: #f0e6da;
}

.recipeBoxTxt {
	color: #000;
	font-size: 12px;
	padding: 20px 100px 20px 20px;
	margin: 4px 0 0 0;
	background: #f0e6da;
}

.recipeBoxLeftTxt {
	width: 230px;
}

.recipeBoxLeftTxt a {
	color: #660000;
	font-weight: normal;
	text-decoration: none;
}

.recipeBoxLeftTxt a:hover {
	color: #660000;
	font-weight: normal;
	text-decoration: underline;
}

.recipeBoxImage {
	position: absolute;
	width: 294px;
	z-index: 10px;
	top: 87px;
	left: 265px;
}

.recipeBoxImage3RecipeLines {
	position: absolute;
	width: 294px;
	z-index: 10px;
	top: 127px;
	left: 265px;
}

.recipeShadowTop {
	width: 294px;
	height: 13px;
	background: transparent url("../images/recipe_shadow_top.png") no-repeat bottom left !important;
}	

.recipeShadowLeft200 {
	float: left;
	width: 13px;
	height: 200px;
	background: transparent url("../images/recipe_shadow_left_200.png") repeat-y !important;
}	

.recipeShadowLeft {
	float: left;
	width: 13px;
	height: 179px;
	background: transparent url("../images/recipe_shadow_left.png") repeat-y !important;
}	

.recipePicCenter {
	width: 268px;
	height: 179px;
	float: left;
}

.recipePicCenter201high {
	width: 268px;
	height: 200px;
	float: left;
}

.recipeShadowRight200 {
	float: right;
	width: 13px;
	height: 201px;
	background: transparent url("../images/recipe_shadow_right.png") repeat-y !important;
}	

.recipeShadowRight {
	float: right;
	width: 13px;
	height: 179px;
	background: transparent url("../images/recipe_shadow_right_200.png") repeat-y !important;
}	

.recipeShadowBottom {
	clear: both;
	width: 294px;
	height: 13px;
	background: transparent url("../images/recipe_shadow_bottom.png") no-repeat top left !important;
}


#recipeListContainer {
	border: 2px solid #f0e6da;
	padding: 3px;
	margin: 3px 0 30px 0;
}

#recipeListContent {
	border: 1px solid #666;
}

.recipeListHdr {
	height: 36px;
	font-size: 13px;	
	font-weight: bold;
	background: url("../images/bg_list_menu.gif") repeat-x top left;
}

#recipeList1 {
	height: 220px; 
	padding: 0 5px 10px 0;
	margin: 5px 5px 5px 0;
	overflow: auto;
	background: #f0e6da url("../images/bg_list_fire.gif") no-repeat bottom left;
}

#recipeList2 {
	height: 180px;
	overflow: auto;
	display: none; 
	background: #f0e6da;
}

.recipeList {
	width: 240px;
} 	

.recipeListArrow {
	display: block;
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	background: url("../images/icon_arrow_red_off.gif") no-repeat 0px 4px;
}

.recipeListArrowOn {
	display: block;
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	background: url("../images/icon_arrow_red.gif") no-repeat 0px 7px;
}


#subContainer {
	margin: 50px 30px 30px 30px;
}

#contactFormBlock {
	float: left;
	width: 365px;
	font-size: 12px;
}

#contactInfoBlock {
	float: right;
	width: 200px;
	font-size: 12px;
	padding: 7px 0 0 0;
}

#cateringFormBlock {
	float: left;
	width: 588px;
	font-size: 12px;
}

#cateringBlock {
	float: right;
	width: 280px;
	font-size: 12px;
	padding: 7px 0 0 0;
}

.download {
	text-align: left;
	margin: 0 0 0 40px;
}

.download A {
	font-weight: normal !important;
}

#submitBtn {
	text-align: right;
	font-size: 10px;
	padding: 8px 0 0 0;
}



/*******************************
	FOOTER CONTENT
********************************/

.footer {
	background: url("../images/bg_footer.gif") no-repeat top left;
}

.footerContent {
	text-align: center;
	color: #999;
	font-size: 10px;
	margin: 20px 0 0 0;
}


/*******************************
	FONTS & LINKS
********************************/

H1 {
	font-size: 30px;
	font-weight: bold;
}

H2 {
	font-size: 18px;
	font-weight: bold;
}

H3 {
	font-size: 11px;
	margin: 14px 0;
}

H4 {
	font-size: 12px;
	margin: 0 0 2px 0;
}

H5 {
	font-size: 12px; margin: 0;
}

H6 {
	font-size: 21px;
	font-weight: normal;
	margin: 0 0 25px 0;
}

.recipeTxtHdr {
	font-weight: bold;
	font-size: 13px;
	margin: 3px 0 12px 0;
}

.topHdr {
	font-size: 30px;
	font-weight: bold;
	padding: 5px 0 10px 0;
}

.recipeSmallTxt {
	font-size: 11px;
	margin: 0 0 10px 0;
}

.bold {
	font-weight: bold;
}

a {
	color: #ffc000;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #ffc000;
	font-weight: bold;
	text-decoration: underline;
}

#topNav a {
	color: #e6e5da;
	font-weight: bold;
	text-decoration: none;
}

#topNav a:hover {
	color: #e6e5da;
	font-weight: bold;
	text-decoration: none;
}

.tabContent a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.tabContent a:hover {
	color: #ffc000;
	font-weight: bold;
	text-decoration: none;
}

.printBtn a {
	color: #e2d5c5;
	font-weight: normal;
	text-decoration: none;
}

.printBtn a:hover {
	color: #ffc000;
	font-weight: normal;
	text-decoration: underline;
}

#featuredRecipeContent a {
	font-size: 14px;
	font-weight: normal;
	color: #e6e5da;
	text-decoration: none;
}

#featuredRecipeContent a:hover {
	font-size: 14px;
	font-weight: normal;
	color: #ffc000;
	text-decoration: underline;
}

.recipeListHdr a {
	color: #e6e5da;
	text-decoration: none;
}

.recipeListHdr a:hover {
	color: #FFF;
	text-decoration: underline;
}

.recipeList a {
	color: #660000;
	font-weight: normal;
	text-decoration: none;
}

.recipeList a:hover {
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}

.footerContent a {
	color: #999;
	font-weight: normal;
	text-decoration: none;
}

.footerContent a:hover {
	color: #999;
	font-weight: normal;
	text-decoration: underline;
}



/*******************************
	GLOBAL
********************************/

IMG {
	border: 0;}

.block {
	display: block;
}

.imgAlign {
	vertical-align: middle;
}

FORM {
	margin: 0; padding: 0;
}

INPUT {
	font-size: 10px;
}

.inputBG {
	background: none;
}

input[type="radio"], input[type="checkbox"] {
	-moz-appearance: none;
}

.inputFansEmail {
	width: 150px;
	margin-top: 5px;
}

.inputContactEmail {
	width: 185px;
}

.goBtn {
	margin: 4px 0 0 7px;
}

.clear {

	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.centerImg {
	margin-left: auto;
	margin-right: auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.rightTxt {
	text-align: right;
}

.altFlash {
	padding: 20px;
}

#flashcontent {
	width: 294px;
	margin-left: 13px;
	border: 2px solid #666;
}

.dividerHorz {
	margin: 10px 0 5px 0;
}

.dividerHorzAlt {
	position: relative;
	margin: 0 0 5px 0;
	clear: both;
}

#addIt {
	margin: 5px 0 0 0;
}

.dividerDotHorz {
	margin: 20px 0;
	background: url("../images/dot_horz.gif") repeat-x top left;
}

.dividerVertical {
	background: url("../images/dot_vertical.gif") repeat-y top left;
}

.printBtn {
	text-align: right;
	margin: 0 0 12px 0;
}

.recipeList {
	list-style-image: url("../images/shim.gif");
	margin: 5px 0 0 20px;
	padding: 5px 0 0 0;
}

.recipeList LI {
	margin-top: 6px;
	font-size: 11px;
}

.recipeBoxList {
	list-style-image: url("../images/icon_dot_list.gif");
	margin: 0;
	padding: 0 0 0 10px;
}

.recipeBoxList LI {
	margin-top: 2px;
}

OL {
	margin: 0;
	padding: 0 0 0 15px;
}

OL LI {
	margin: 10px 0 0 0;
	padding: 0;
}



/*******************************
	PRINT CSS
********************************/

@media print {
	#recipeList2 {display: block;}
	.printBtn {display: none;}
	#logo {display: none;}
	#printLogo {display: block;}
	#topNav {display: none;}
	#rightContainer {display: none;}
	.mainSubContainer {margin: 0; padding: 0;}
	#subContainer {margin: 0; padding: 0;}
	.footer {display: none;}
	.mainRecipe {margin: 0; padding: 0;}
	.recipeBoxTxtTop {margin: 30px 0 0 20px; padding: 0;}
	.recipeBoxTxt {margin: 20px; padding: 0;}
	.recipeBoxImage {display: none;}
	.recipeBoxLeftTxt {width: 550px;}
}



/*******************************
	LIGHTBOX CSS
********************************/

textarea {
	font-family: Helvetica Neue, Helvetica, Trebuchet MS, Verdana, Arial;
	font-size: 10px;
	margin-top: 0px;
	color: #6E5F4D;
	background-color: #ffffff;
	padding-left: 0px;
}

#button {
	font-family: Helvetica Neue, Helvetica, Trebuchet MS, Verdana, Arial;
	font-size: 10px;
	margin-top: 0px;
	line-height: 12pt;
	color: #6E5F4D;
	background-color: #F8F3DD; <!-- #F8ECDC; -->
	padding: 3px;
	font-weight: bold;
}

#inputs {
	font-family: Helvetica Neue, Helvetica, Trebuchet MS, Verdana, Arial;
	font-size: 10pt;
	line-height: 12pt;
	color: #6E5F4D;
	background-color: #CEA3B0;
	padding: 3px;
	font-weight: bold;
}

#navbox {
	margin: 0px auto;
	border: 0px;
	padding: 0px;
	position: relative;
	width:950px;
}

#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	background: url("../includes/js/images/loading.gif") center 0% no-repeat;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url("../includes/js/images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink {
	left: 0;
	float: left;
	background: url("../includes/js/images/prevlabel.gif") left 0% no-repeat;
}

#nextLink {
	right: 0;
	float: right;
	background: url("../includes/js/images/nextlabel.gif") right 0% no-repeat;
}

/*

#prevLink:hover, #prevLink:visited:hover { background: url("../includes/js/images/prevlabel.gif") left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url("../includes/js/images/nextlabel.gif") right 15% no-repeat; }

*/

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}

#imageData {
	padding:0 10px;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}	

#imageData #caption {
	margin: 0px 0 15px 0;
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}			

#imageData #bottomNavClose {
	background: url("../includes/js/images/closelabel.gif") right 0% no-repeat;
	width: 66px;
	height: 22px;
	float: right;
	padding-bottom: 0.7em;
	z-index: 10;
}	

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}