body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFE8CA;
}

#container {
	margin: auto;
	background-color: #FFFFFF;
	background-image: url(graphics/bg-main.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 792px;
}

#header {
	background-color: #FFFFFF;
	background-image: url(graphics/header.gif);
	background-repeat: no-repeat;
	height: 134px;
	width: 792px;

}

/** NAVIGATION LINKS - left side bar navigation **/

#menu {
	width: 275px;
	text-align: left;
}

#menu ul li {
	list-style-type: none;
}

#menu ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 2.5em;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #DF6B1D;
	text-decoration: none;
}

#menu ul li img {
	margin-top: 10px;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .active {
	font-weight:bold;
}


#menu .caption {
	font-size: 1.25em;
	line-height: 1.5em;
	padding-left: 60px;
	padding-right: 50px;
	padding-top: 50px;
	font-style: italic;
	color: #666666;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	}

/** MAIN CONTENT **/

#contents {
	float: right;
	width: 477px;
	padding-top: 20px;
	margin-right: 33px;
	padding-bottom: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	line-height: 2em;
	text-align: left;
}

#contents img {
	float: right;
}

#contents .buttons img {
}

#buttons {
	width: 105px;
	float: right;
	padding-right: 8px;
	margin-top: 10px;
}

#pricing {
	width: 300px;
	float: left;
	margin-bottom: 15px;
	margin-top: 5px;
}

#products-text {
	width: 400px;
	float: left;
} /** putting this in because I was too lazy to look up how to clear divs :-p **/

#contents h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: lighter;
	color: #DF6B1D;

}

#contents .subtitle {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	color: #62533d;
	clear: both;
}

#contents-recipes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.25em;
}

#contents-recipes .intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 2em;
	font-style: italic;
}

/** FOOTER **/
#footer {
	background-color: #FFFFFF;
	background-image: url(graphics/footer.gif);
	background-repeat: no-repeat;
	height: 43px;
	width: 792px;
	background-position: center;
	clear: both;
}

/** PAGE BOTTOM CONTENT **/
#bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
	padding: 10px 0;
	line-height: 1.5em;
}

#bottom a {
	padding: 0 .5em;
	text-decoration: none;
	color: #DF6B1D;
}

#bottom a:hover {
	text-decoration: underline;
}