/******************************
STYLES FOR THE INDEX PAGE
******************************/
body {
	background-color: #362511;
	color: #372C1B;
	font-size: 100%;
	font-family: "Lucida Grande", Arial, Tahoma, Helvetica, sans-serif;
	text-align: center;
	min-width: 840px;
	behavior:url("css/cssHoverFix.htc");
}

/******************************
ACCESSIBILITY ITEMS
******************************/
.accessItem {
	position: absolute;
}
#homepageHeadline {
	position: relative;
	height: 78px;
	width: 367px;
	left: -4px;
	top: -42px;
}
#whiteBgContainer {
	position: relative;
	width: 826px;
	margin: 0 auto;
	text-align: left;
}
#whiteBg {
	z-index: 1;
	margin: 0 auto;
	position: absolute;
	width: 826px;
	height: 560px;
	left: -5px;
	top: -30px;
	background: #DDB56F;
}

/******************************
CONTAINER
******************************/
#container {
	z-index: 2000;
	width: 838px;
	height: 535px;
	margin: 0 auto;
	text-align: left;
	/* Changed from png to jpg because png fix was pulling the background on top of everything else making all links inactive. */
	background: transparent url(../images/homepage/homepageBg.jpg) no-repeat;
}

/******************************
HEADER
******************************/
#flashcontentMain {
	height: 102px;
	width: 835px;
}

/******************************
SKIP TO NAVIGATION
******************************/
#skipto { /*SCREEN*/
	width: 150px;
	height: 25px;
	display: none;
	position: absolute;
	top: 15px;
	left: 140px;
}
#skipto a { /*SCREEN*/
	font-size: .75em;
}

/******************************
BODY CONTENT
******************************/
#mainContent {
	width: 630px;
}
#mainContent p {
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-weight: bold;
	font-size: .75em;
}
#mainContent .copyblock {
	position: absolute;
	top: 140px;
	left: 205px;
	width: 425px;
	/* margin: 70px 0 0 205px; */
	line-height: 1.4em;
	background: none;
	clear: both;
}
#mainContent .picture {
	float: right;
	width: 201px;
	height: 165px;
	background: transparent url(../images/homepage/man-kid.png) no-repeat 0 0;
}
#note-list { /*HOLDS PROMO BOXES*/
	position: absolute;
	top: 391px;
	left: 55px;
	height: 150px;
	width: 550px;
}
#cookbook_item {
	position: absolute;
	top: -74px;
	float: left;
}
#note_items {
	position: absolute;
	top: 0px;
	left: 130px;
	width: 450px;
}

/******************************
PERFORATED LIST
HOLDS RIGHT HAND LIST WITH PERFORATION DIVIDERS
******************************/
#homepage li {
	list-style: none;
}
.divider {
	height: 3px;
	z-index: 90;
	background: transparent url(../images/homepage/perfDiv.gif) no-repeat bottom left;
	margin-top: 0px !important;
	margin-top: /* */0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#perforated-list {
	position: absolute;
	left: 635px;
	top: 72px;
	width: 186px;
}
#perforated-list h1 {
	margin: 0 0 0 -16px;
	width: 186px;
	height: 82px;
	background: url(../images/homepage/homepage-listTop.png) no-repeat top left;
}
#perforated-listBottom {
	width: 170px;
	height: 40px;
	margin: 0 0 0 -1px;
	background: url(../images/homepage/homepage-listBottom.png) no-repeat bottom left;
}
#perforated-list ul {
	margin: -50px 0 0 0;
	background: transparent url(../images/homepage/perfBg.png) repeat-y top left;
	width: 167px;
	text-align: center;
}
#perforated-list li {
	padding-bottom: 5px;
}
#perforated-list li a {
	color: #372C1B;
	text-decoration: none;
}
#perforated-list li h3 {
	font-weight: normal;
	text-align: center;
	margin: 0 auto;
	width: 150px;
	font-size: 12px;
}
#perforated-list li a:hover {
	color: #cf2b4a;
}
#perforated-list li h2  {
	text-indent: -9999px;
}


h2.growers-sub {
	padding: 5px 0 0 0;
	margin: 0 auto;
	height: 20px;
	width: 146px;
	background: url(../images/homepage/header-growers.gif) no-repeat 0 0;
}
h2.viticulture-sub {
	padding: 5px 0 0 0;
	margin: 0 auto;
	margin-top: 10px;
	height: 35px;
	width: 152px;
	background: url(../images/homepage/header-viticulture.gif) no-repeat 0 0;
}
h2.retailers-sub {
	padding: 5px 0 0 0;
	margin: 0 auto;
	margin-top: 10px;
	height: 15px;
	width: 66px;
	background: url(../images/homepage/header-retailers.gif) no-repeat 0 0;
}
h2.foodservice-sub {
	padding: 5px 0 0 0;
	margin: 0 auto;
	margin-top: 10px;
	height: 19px;
	width: 91px;
	background: url(../images/homepage/header-foodservice.gif) no-repeat 0 0;
}
h2.meetings-sub {
	padding: 5px 0 0 0;
	margin: 0 auto;
	margin-top: 10px;
	height: 23px;
	width: 128px;
	background: url(../images/homepage/header-meetings.gif) no-repeat 0 0;
}
h2.intl_mktg-sub {
	padding: 5px 0 0 0;
	margin: 0 auto;
	margin-top: 10px;
	height: 37px;
	width: 103px;
	background: url(../images/homepage/header-intl_mktg.gif) no-repeat 0 0;
}
/******************************
FOOTER
******************************/
#footer { /*SCREEN*/
	position: relative; /*allows it to not have collapsing top portion*/
	top: 20px;
	width: 800px;
	margin: 0 auto;
	text-align: center;
	line-height: 20px;
	color: #fff;
}
#footer .horList li { /*SCREEN*/
	padding: 0 0 0 0;
	color: #fff;
}
#footer .horList li a { /*SCREEN*/
	color: #fff;
	text-decoration: none;
}
#footer .horList li a:hover { /*SCREEN*/
	text-decoration: underline;
}
.horList.divLine li a { /*SCREEN*/
	padding: 0 5px 0 0;
	border-right: 1px solid #fff;
}
.horList.divLine .last a { /*SCREEN*/
    border: none;
} 

ul.horList, ul.horList li { /*SCREEN*/
	display: inline;
}
ul.horList li { /*SCREEN*/
	font-size: .625em;
	line-height: 2em;
}