#topnav {
	margin:0;
	padding:0;
}

.contentWrap {
	width:1093px;
	height:522px;
	margin:0 auto;
	background:#eadfb3;
}
/*	
#body {
	margin: 0;
	height: 522px;
	width: 100%;
	padding: 0;
	text-align: center;
	z-index: 1;
	background-color: #eadfb3;	
	position: relative;
}*/
center {
	width:100%;
	height:100%;
	position:relative;
	margin:0;
	padding:0;
	}

#body {
	margin: 0;
	height: 522px;
	width: 100%;
	padding: 0;
	text-align: center;
	z-index: 0;
	background-color: #eadfb3;	
	position: relative;
}

#body #left {
	float:left;
	background-image: url("../img/bg_left.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	height: 522px;
	width: 175px;
}

#body #right {
	float:left;
	background-image: url("../img/bg_right.jpg");
	background-repeat: no-repeat;
	height: 522px;
	width: 172px;
}

#body #content {
	float:left;
	position: relative;
	width: 743px;
	height: 522px;
	background-image: url("../img/bg.jpg");
	background-color: #D48D33;
	background-repeat: no-repeat;
	margin: 0 auto;
	text-align: left;
}

 #body #content #background {
	z-index: 1;
}

#body #content .logo {
	position: absolute;
	left: 20px;
	top: 0px;
	z-index: 1;
}

#body #content .tasty_romance {
	position: absolute;
	top: 30px;
	left: 150px;
	z-index: 1;
}

#body #content .arouse_senses {
	position: absolute;
	top: 78px;
	left: 285px;
	z-index: 1;

}	
	
#body #content .pepper {
	position: absolute;
	float: left;
	height: 320px;
	width: 215px;
	top: 100px;
	left: 30px;
	cursor: pointer;
	z-index: 1;
}

#body #content .pepper img {
	position: absolute;
	float: left;
	top: 70px;
	left: 115px;
	z-index: 1;
}

#body #content .tomato {
	position: absolute;
	float: left;
	width: 260px;
	height: 250px;
	top: 180px;
	left: 255px;
	cursor: pointer;
	z-index: 1;
}

#body #content .tomato img {
	position: absolute;
	top: 40px;
	left: 128px;
	z-index: 1;
}

#body #content .rosemary {
	position: absolute;
	float: left;
	top: 60px;
	left:542px;
	width: 170px;
	height: 229px;
	cursor: pointer;
	z-index: 1;
}

#body #content .rosemary img {
	position: absolute;
	top: 123px;
	left: 92px;
	z-index: 1;
}


#body #content .subPage {
	position: absolute;
	top: 161px;
	overflow: hidden;
	left: 31px;
	z-index: 30;
	background-color: #FBF1C2;
	border: 1px solid #DAAD21;
	height: 248px;
	width: 681px;
	display: none;
}

#body #content .subPage .leftImage {
	position: relative;
	float: left;
	margin-top: -2px;
	margin-left: -2px;
	z-index: 32;
}

* html #body #content .subPage .leftImage {
	margin-left: -5px;
}


#body #content .subPage .subTitle {
	position: relative;
	float: left;
	padding-top: 17px;
	z-index: 32;
}

#body #content .subPage .subcopy {
	position: relative;
	float: left;
	padding-top: 5px;
	z-index: 32;
}

#body #content .subPage .divider {
	position: relative;
	float: left;
	margin-top: 15px;
	margin-left: 50px;
	z-index: 32;
}

#body #content .subPage .next {
	position: relative;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	cursor: pointer;
	z-index: 32;
}

#body #content .subPage .close {
	position: absolute;
	bottom: 5px;
	right: 5px;
	cursor: pointer;
	z-index: 32;
}

#body #content #pepper_rollover {
	position: absolute;
	top: 180px;
	left: 0px;
	display: none;
	z-index: 35;
}

#body #content #tomato_rollover {
	position: absolute;
	top: 130px;
	left: 0px;
	display: none;
	z-index: 35;
}


#body #content #rosemary_rollover {
	position: absolute;
	top: 240px;
	left: -180px;
	display: none;
	z-index: 35;
}

#body #content .tr_promo {
	position: absolute;
	bottom: 0px;
	right: 10px;
}

#body #content .footer {
	position: absolute;
	bottom: 50px;
	padding-left: 50px;
	width: 600px;
}

#body #content .footer img, #body #content .footer span {
	color: #6a2f20;
	position: relative;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
}

#body #content .footer span {
	margin-top: 3px;
}

* html #body #content .footer span {
	margin-top: -2px;
}

/* Styles added 11/08 for recipes dynamic menu */

.ClearFix { clear:both; float:none; display: block; font-size: 0; line-height: 0; }

#body #content DIV.footer { z-index: 40; width: auto; margin: 0; padding: 0; }

UL#footer-menu { margin: 0 0 0 53px; padding: 0;}

UL#footer-menu LI { float: left; height: 21px; margin: 0; padding: 0; margin-right: 9px; padding-right: 9px; border-right: 1px solid #99610f; list-style: none; }
UL#footer-menu LI A { position: relative; display: block; height: 20px;  background-image: url(../img/matrix.footer-menu.png); background-repeat: no-repeat; }

UL#footer-menu LI A:hover { border-bottom: 1px solid #935327; }
UL#footer-menu LI A SPAN { display: none; }

LI#footer-menu-flavors A { width: 116px; background-position: left -20px; }
LI#footer-menu-spread A { width: 103px; background-position: left -40px; }
LI#footer-menu-be-true A { z-index: 46; width: 143px; background-position: left -60px; }
LI#footer-menu-perfectly A { z-index: 45; width: 124px; background-position: left -80px; }
UL#footer-menu LI#footer-menu-thin { border-right: none; }
UL#footer-menu LI#footer-menu-thin A { width: 74px; background-position: left -100px; }

LI#footer-menu-perfectly { position: relative; }

DIV.recipe-closed {  }

DIV#recipe-wrapper { position: absolute; left: -70px; bottom: 99999em; width: 270px; }
LI#footer-menu-perfectly DIV.recipe-open { bottom: 40px; }
DIV#recipes { padding: 10px 15px; margin-bottom: 0; background-color: #fbf1c2; border: 1px solid #dbb255; }

#body #content DIV.footer DIV#recipes #recipe-title { height: 20px; margin-bottom: 10px; color: #660000; font: 21px 'Garamond', 'Times', serif; font-weight: normal; background: url(../img/txt.recipe-wine-pairings.png) no-repeat left top; }
#body #content DIV.footer DIV#recipes #recipe-title SPAN { position: absolute; top: -99999em; left: -99999em; float: none; margin: 0; padding: 0;  }

#recipe-list { position: relative; float: left; width: 225px; height: 150px; overflow: hidden; }
#recipe-list UL { position: absolute; margin: 0; padding: 0; }
#recipe-list UL LI { float: none; width: auto; height: auto; margin-bottom: 1em; padding: 0; border: 0; }

#body #content DIV.footer #recipe-list UL LI A { width: auto; height: auto; background: none; border: none; margin: 0; padding: 0; line-height: 1;}
* HTML #body #content DIV.footer #recipe-list UL LI A { height: 1; }

#body #content DIV.footer #recipe-list UL LI A SPAN { display: block; position: static; float: none; margin: 0; padding: 0; color: #990000; font: 12px 'Garamond', 'Times', serif; font-weight: bold; line-height: 1em; }
DIV#recipe-scroll { position: relative; float: right; margin: 0; padding: 0; width: 12px; height: 150px; }
#body #content DIV.footer DIV#recipe-scroll SPAN { position: absolute; display: block; height: 12px; width: 12px; background-image: url(../img/btn.scroll-arrows.png); background-repeat: no-repeat; cursor: pointer; }
DIV#recipe-scroll SPAN#recipe-scroll-up { top: 0; background-position: left top; }
DIV#recipe-scroll SPAN#recipe-scroll-down { bottom: 0; background-position: right top; }