@charset "UTF-8";
/* CSS Document */

body, div, p, h1, h2, h3, h4, h5, h6, table, td, th, form, img, a {
	margin:0; padding: 0; font-family:Arial, Helvetica, sans-serif; border:none;
}

:focus {
	outline: none;
}

body{
	font-size:63%;
	background-color:#f0cee2;	
	background-image:url(../images/striped-bg.png);
	background-position:top center;	
	color:#630;
}

#wrapper{
	width:950px;
	height:620px;
	background-image:url(../images/content-bg.png);
	margin:30px auto 10px auto;
	position:relative;
}

#navigation{
	position:absolute;
	top:225px;
	left:1px;
	height:329px;
	width:136px;
}

#contentChunk{
	position:absolute;
	left:438px;
	top:106px;
	width:443px;
	height:462px;
	overflow:auto;
	overflow-x: hidden;
	padding:15px;
}

a, a:link, a:visited{
	color:#009;
	text-decoration:underline;
}

a:active, a:Focus, a:hover{
	color:#09f;
	text-decoration:underline;
}

body.about ul li{
	padding:0px 0px 3px 20px;
	font-size:1.6em;
}

body.products ul li{
	padding:0px 0px 3px 10px;
	font-size:1.2em;
}

ul#nav{
	list-style:none;
	margin:0px;
	padding:0px;
}

ul#nav li{
	list-style:none;
	width:136px;
	margin:0px;
	padding:0px;
}

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:focus, #nav a:active, #nav span{
	background-image:url(../images/nav.png);
	display:block;
	width:136px;
	text-indent:-9999px;
	text-decoration:none;
	height:44px;
}

#nav a.home, #nav a.home:link, #nav a.home:visited, #nav span.home {
	height:48px;
}

#nav a.home:hover, #nav a.home:focus, #nav a.home:active, #nav span.home{
	background-position:0px -239px;
}

a.about, a.about:link, a.about:visited {
	background-position:0px -48px;
}

a.about:hover, a.about:active, a.about:focus, span.about {
	background-position:0px -287px;
}

a.products, a.products:link, a.products:visited {
	background-position:0px -92px;
}

a.products:hover, a.products:active, a.products:focus, span.products {
	background-position:0px -331px;
}

a.order, a.order:link, a.order:visited {
	background-position:0px -136px;
}

a.order:hover, a.order:active, a.order:focus, span.order {
	background-position:0px -375px;
}

#nav a.contact, #nav a.contact:link, #nav a.contact:visited {
	height:58px;
	background-position:0px -180px;
}

#nav a.contact:hover, #nav a.contact:active, #nav a.contact:focus, #nav span.contact {
	height:58px;
	background-position:0px -419px;
}

a.homeLink{
	display:block;
	position:absolute;
	left:142px;
	top: 4px;
	width:290px;
	height:195px;
	text-indent:-9999px;
	text-decoration:none;
}

h1{
	width:430px;
	height:46px;
	text-indent:-9999px;
}

body.home h1{
	background-image:url(../images/header-precooked.png);
}

body.about h1{
	background-image:url(../images/header-about.png);
	margin:0px 0px 5px 0px;
}
body.products h1{
	background-image:url(../images/header-products.png);
	margin:0px 0px 5px 0px;
}
body.order h1{
	background-image:url(../images/header-order.png);
	margin:0px 0px 5px 0px;
}
body.order h1.placed{
	background-image:url(../images/header-order-success.png);
	margin:0px 0px 5px 0px;
}
body.recipes h1{
	background-image:url(../images/header-recipes.png);
	margin:0px 0px 30px 0px;
}
body.contact h1{
	background-image:url(../images/header-contact.png);
	margin:0px 0px 15px 0px;
}
body.faq h1{
	background-image:url(../images/header-faq.png);
	margin:0px 0px 15px 0px;
}
body.home img{
	border:4px solid #C253A3;
	margin:10px 0px;
}
body.home p{
	font-size:1.6em;
	color:#630;
	line-height:150%;
}

h2{
	font-size:2em;
	color:#C253A3;
	margin:0px 0px 7px 0px;
}

body.contact h2{
	font-size:2em;
	color:#C253A3;
	margin:10px 0px 7px 0px;
}

h3{
	font-size:1.7em;
	margin:5px 0px 10px 0px;
}

p{
	font-size:1.4em;
	line-height:150%;
	margin-bottom: 10px;
}


label, input{
	font-size:1.3em;
	line-height:150%;
}

input, select, textarea{
	font-size:1.0em;
	font-weight:normal;
	border:1px solid #000;
	padding:2px;
	width:100%;
	color:#630;
	margin-bottom:3px;
}

input.qty{
	width:40px;
}

label.name, label.email, label.street, label.city, label.state, label.zip{
	display:block;
	float:left;
	width:200px;
	margin-right:15px;
}

label.email{
	margin-right:0px;
}

label.street {
	clear:both;
	display:block;
	float:left;
	width:415px;
	margin-right:15px;
}

label.city{
	clear:both;
	width:150px;
}
label.state {
	width:140px;
}

label.state {
	width:140px;
}

label.zip{
	width:95px;
	margin-right:0px;
}

textarea{
	width:415px;
}

input.submit{
	width:auto;
	padding:7px;
	font-size:1.2em;
	background-color:#fff;
}

.clearBoth{
	clear:both;
}

input.math{
	width:50px;
}
p.alerts{
	color:#f00;
	border:1px solid #000;
	padding:3px;
	background-color:#fff;
}