/*----------------reset.css----------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none; text-decoration: none;}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #483813;
	background-color: #E6E7D7;
	background-image: url(images/bg-1.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	font-family: Georgia, serif;
	font-size: 14px;
	}
body.about {
	background-image: url(images/bg-2.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	}
body.buy {
	background-image: url(images/bg-5.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	}
body.contact {
	background-image: url(images/bg-6.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	}
body.meals, .tips {
	background-image: url(images/bg-4.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	}
.about div#section-header h1 { width:202px; height:90px; text-indent:-9999px; position:relative; margin:0 25px 45px 0; float: left; background:url(images/header-about.gif) no-repeat 0 0; border-bottom: none; }
.buy div#section-header h1 { width:202px; height:32px; text-indent:-9999px; position:relative; margin:0 25px 25px 0; float: left; background:url(images/header-buy.gif) no-repeat 0 0; border-bottom: none; }
.contact div#section-header h1 { width:202px; height:32px; text-indent:-9999px; position:relative; margin:0 25px 25px 0; float: left; background:url(images/header-contact.gif) no-repeat 0 0; border-bottom: none; }
.meals div#section-header h1 { width:234px; height:72px; text-indent:-9999px; position:relative; margin:0 25px 20px 0; float: left; background:url(images/header-meals.gif) no-repeat 0 0; border-bottom: none; }
.tips div#section-header h1 { width:202px; height:32px; text-indent:-9999px; position:relative; margin:0 25px 25px 0; float: left; background:url(images/header-tips.gif) no-repeat 0 0; border-bottom: none; }

.wrapper {
	width: 1005px;
	background: #FFF;
	margin: 0 auto;
	margin-bottom: 50px;
	text-align: left;
	padding-bottom: 40px;
	}
p {
	margin-bottom: 10px;
	}
a {
	text-decoration: none;
	color: #829d3c;
	}
a:hover {
	color: #574319;
	}
.clear {clear: both;}
.fltleft { float: left; }
.fltright { float: right; }
h4 {
	color: #483813;
	font-size: 16px;
	margin-bottom: 4px;
	line-height: 1.2em;
	}
h3 {
	color: #829d3c;
	font-size: 18px;
	margin-bottom: 4px;
	}
h2 {
	color: #9b9178;
	font-size: 23px;
	margin-bottom: 8px;
	}
h1 {
	color: #483813;
	font-size: 28px;
	margin-bottom: 10px;
	line-height: 1.0em;
	border-bottom: 1px solid #d1cec6;
	padding-bottom: 10px;
	padding-top: 10px;
	}
dt {
	color: #483813;
	font-size: 16px;
	margin: 4px 0 -5px 0;
	}
em {
	font-style: italic;
	}
ul li {
	margin-left: 18px;
	}
#header {
	height: 100px;
	background-image: url(images/page-header.gif);
	padding-top: 10px;
	}
#navbar {
	height: 55px;
	padding: 20px 0 0 20px;
	background-image: url(images/nav-bg.gif);
	}
.content {
	padding: 35px;
	line-height: 1.8em;
	}
.content .left {
	width: 580px;
	margin-right: 35px;
	float: left;
	}
.content .right {
	width: 317px;
	float: right;
	}
.content .three-col1 {
	width: 250px;
	float: left;
	margin-right: 40px
	}
.content .three-col2 {
	width: 295px;
	float: left;
	margin-right: 20px
	}
.content .three-col3 {
	width: 295px;
	float: left;
	}
.content .three-colDouble {
	width: 625px;
	float: left;
	}
.three-col2 img, .three-col3 img, .three-colDouble img { border: 6px solid #e7e7d8; float: left; margin-right: 15px }
.three-col2 p, .three-col3 p {font-size: 12px; line-height: 1.4em; }
.mealitem { padding: 10px; }
.mealitem:hover { background-color: #f4f4ea; cursor: pointer; }
.buylink {
	padding: 0px 7px 0px 7px;
	background-color: #829d3c;
	color: #FFF;
	float: left;
	margin-right: 10px;
	}
.buylink:hover {
	background-color: #574319;
	color: #FFF;
	}
#featureSlider a { font-weight: bold; }
h2.gathering { width:370px; height:75px; text-indent:-9999px; position:relative; margin:0 18px 10px 0; background:url(images/index-feature-gathering.gif) no-repeat 0 0; float: left; }
h2.inside { width:388px; height:73px; text-indent:-9999px; position:relative; margin:0 0px 10px 0; background:url(images/index-feature-inside.gif) no-repeat 0 0; float: left; }
h2.clara { width:388px; height:75px; text-indent:-9999px; position:relative; margin:0 0px 10px 0; background:url(images/index-feature-clara.gif) no-repeat 0 0; float: left; }
.featureimg {
	float: left;
	margin-right: 30px;
	}

#nav ul {
	margin: 0;
	padding: 0;}
#nav li {
	display: inline;
	float: left;}	
#nav li a {
	display: block;
	height:35px;
	text-indent:-9999em;
	background-image: url(images/nav.gif);}
.nav1 a {
	background-position: 0 0px;
	width: 118px;}
.nav1 a:hover {
	background-position: 0 -35px;}
.nav2 a {
	background-position: 385px 0px;
	width: 133px;}
.nav2 a:hover {
	background-position: 385px -35px;}
.nav3 a {
	background-position: 248px 0px;
	width: 125px;}
.nav3 a:hover {
	background-position: 248px -35px;}
.nav4 a {
	background-position: 118px 0px;
	width: 118px;}
.nav4 a:hover {
	background-position: 118px -35px;}
	
#subnav {
	float: left;
	}
#subnav ul {
	margin: 0 0 0 17px;
	padding: 0;
	list-style: none;
	color: #829d3c;
	}	
#subnav ul li {
	padding-left: 10px;
	line-height: 1.5em;
	}
#subnav ul li.active {
	background-image: url(images/subnav-bullet.gif);
	background-position: left;
	background-repeat: no-repeat;	
	}
#subnav ul li.active a {
	color: #483813 !important;
	}	
.block {
	margin-bottom: 25px;
	}

#footer {
	margin-top: 40px;
	padding: 0 35px 0 35px;
	font-size: 12px;
	}
#footer ul {
	margin: 0 0 0 25px;
	padding: 0;
	list-style: none;
	color: #829d3c;
	}
#footer ul li {
	margin-left: 0px;
	}
.divider {
	background-image: url(images/divider-vert.jpg);
	float: left;
	width: 2px;
	height: 77px;
	}
#footer .footeritem {
	height: 75px;
	float: left;
	}
#footer .footeritem p {
	color: #483813;
	}
#footer .footeritem.cooking {
	width: 170px;
	padding-right: 15px;
	background-image: url(images/footer-icon-bowl.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 50px;
	}
#footer .footeritem.buy {
	width: 170px;
	padding-right: 15px;
	background-image: url(images/footer-icon-basket.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 50px;
	margin-left: 30px;
	}
#footer .footeritem.family {
	width: 170px;
	padding-right: 15px;
	background-image: url(images/footer-family-photo.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 100px;
	margin-left: 30px;
	width: 120px !important;
	}


/*------- SLIDER STYLING ---------*/

#container { position: relative; width: 925px; height: 317px; overflow: auto; left: 0px; background-color: #FFF; }

.item { display: block; width: 925px; }