* { margin:0; padding:0; outline:none; }
p { margin: 10px 0; }
a { color: #000; text-decoration:underline; }
a:hover { color: #000; text-decoration:none; }
a#link-to-top { margin: 20px 0; font-weight: bold; font-style:italic; font-size: 120%; display:block; clear:both;}
.clear { clear:both; display:block; height: 1%; }
body 
{
	font: small verdana, arial, sans-serif;
	color: #353535;
	text-align:center;
	padding: 20px;
}
#wrap
{
	width: 800px;
	text-align:left;
	margin:0 auto;
}
/* content background */
#content { background: #B3DA56 url(img/content.jpg) repeat-y 0 0; }
#main { background: transparent url(img/content-bot.jpg) no-repeat 0 100%; }
#inner { background: transparent url(img/content-top.jpg) no-repeat 0 0; }
#inner
{
	padding: 25px 50px;
	position:relative; z-index:1; /* ie positions some things beneath others so where you see the z-index specified, don't change that. */
	line-height: 150%;
}

#header h1 a 
{
	background: #fff url(img/header-home.jpg) no-repeat;
	display:block;
	height: 265px;
	width: 800px;
	text-indent: -5000px;
}
/* page headers 
there is an extra header called 'sandwich' i placed in the folder for you for another page
-------------------------------------------------------------- */
body#about #header h1 a { background-image: url(img/header-burgers.jpg) }
body#happy_cust #header h1 a { background-image: url(img/header-pasta.jpg) }
body#corp_discounts #header h1 a { background-image: url(img/header-berries.jpg) }
body#restaurants #header h1 a { background-image: url(img/header-plate.jpg) }
body#lg_qty #header h1 a { background-image: url(img/header-fruit.jpg) }
body#buy_now #header h1 a { background-image: url(img/header-order.jpg) }


/* menu and footer bars */
.nav
{
	position:relative;
	background: #333 url(img/nav.jpg) no-repeat;
	height: 23px;
	padding: 13px;
}
.nav ul li
{
		display:inline;
}
.nav ul li.last
{
	clear:right;
}
	.nav ul li a
	{
		display:block;
		height: 1%;
		float:left;
		color: #fff;
		padding: 3px 12px 0;
		text-decoration:none; 
	}
	.nav ul li a:hover
	{
		color: #98BE3C;
	}
/* HOME PAGE
-------------------------------------------------------- */
#content { margin-bottom: -3px; } /* bottom of booklet to meet bottom nav */
body#home #inner { height: 480px; } /* home page needs a height because all elements are positioned absolutely */
body#home #highlights
{
	position:absolute; top:2px; right: 30px;
	background: url(img/highlights.jpg) no-repeat 0 0;
	width: 344px;
	height: 211px;
	z-index: 1;
}
	body#home #highlights ul
	{
		list-style:none;
		font-style: italic;
		font-size: 150%;
		padding: 15px;
	}
	body#home #highlights ul li
	{
		margin: 7px;
	}
	
#flash
{
	margin-top:-20px;
	position:absolute;
	z-index: 2;	
	}
	
#booklet
{
	position:absolute; top:40px; left: 40px;
	background: url(img/booklet-new.jpg) no-repeat -5px 100%;
	width: 400px;
	height: 420px;
}
#booklet_associates
{
	position:absolute; bottom:0px; left: 40px;
	background: url(img/booklet-associates.jpg) no-repeat -5px 100%;
	width: 400px;
	height: 440px;
}
/* price */
#price_associates
{
	position:absolute; top:90px; right: 60px;
	width: 100px;
	height: 100px;
}
span.dollar-sign {
	font: 18px "arial black", arial, sans-serif;
	float:left;
	margin: 10px 0 0 0;
}
span.dollar {
	display:block;
	float:left;
	font: 50px "arial black", arial, sans-serif;
}
span.change {
	display:block;
	float:left;
	font: 30px "arial black", arial, sans-serif;
	margin: 10px 0 0 0;
}
/* order button and phone number */
#order { 
	position:absolute; bottom:70px; right: 45px;
	text-align:center;
	font-size: 26px;
	width: 370px;
}
#order strong { 
	display:block;
	font-family: "arial black", arial, sans-serif;
	margin: 5px 0;
}
#order a { 
	display:block;
	height: 1%;
	width:142px;
	height: 40px;
	margin: 0 auto;
	background: url(img/order.jpg) no-repeat 0 0;
	text-indent: -50000px;
}
	
/* ABOUT PAGE
-------------------------------------------------------- */
body#about #highlights
{
	float:left;
	position:relative; z-index:1000;
	margin: -23px 15px 5px 0;
	background: url(img/highlights.jpg) no-repeat 0 0;
	width: 344px;
	height: 211px;
}
	body#about #highlights img
	{
		margin: 10px 0 0 12px;
	}

	

	
	
/* PAGE FORMATTING
--------------------------------------------------------- */
h1, h2, h3, h4
{
	font-family: "lucida sans unicode", tahoma, serif;
	color: #fff;
	margin: 25px 0 5px 0;
	display:block;
	padding: 2px 5px 0;
	position:relative; z-index:100;
}
	h1
	{
		font-size: 250%;
		font-weight:bold;
		color: Black;
	}
	h2
	{
		font-size: 170%;
		font-weight:normal;
	}
	h3 
	{
		background: url(img/h3.jpg) repeat-x 0 100%;
		border-bottom: 1px solid #98BE3C;
	}
ul#restaurants
{
	list-style:none;
	margin: 10px 35px;
}
ul#restaurants li
{
	background: url(img/corn.gif) no-repeat;
	padding-left: 20px;
	float:left;
	width: 27%;
	margin-right: 2%;
}
p img 
{
	position:relative; z-index:1000;
	border: 10px solid #A9D04C;
	padding: 2px;
	background: #98BE3C;
}
img.right
{
	position:relative; z-index:1000;
	float:right;
	margin-left: 10px;
}


/* CUSTOMERS PAGE
---------------------------------------------------- */
ul#customers
{
	margin: 10px 35px;
	list-style:none;
}
ul#customers li
{
	background: url(img/tomato.gif) no-repeat;
	padding-left: 20px;
	float:left;
	width: 40%;
	margin-right: 5%;
}
/* QUANTITY PRICING PAGE
---------------------------------------------------- */
table
{
	margin: 20px auto;
	background: #A9D04C;
	text-align:center;
	border-collapse: collapse;
	font-weight:bold;
}

	caption
	{
		margin: 3px auto;
	}
	thead
	{
		font-weight:normal;
	}
	th
	{
		background: #EAD213;
	}
	.col1
	{
		text-align:right;
		background: #C8E481;
		font-weight:bold;
	}
	th, td
	{
		padding: 7px 10px;
		border: 1px solid #98BE3C;
	}
ul#booklet_description
{
	list-style: none;
	margin: 10px 5px;
}
ul#booklet_description li
{
	background: url(img/cabbage.gif) no-repeat;
	padding-left: 20px;
}

table#orderform
{
	margin: 20px auto;
	background: #A9D04C;
	text-align:left;
	border-collapse: collapse;
	font-weight:bold;
}
td#prompt
{
	text-align: right;
}

/* FOOTER
------------------------------------------------ */
#footer p
{
	font-size: 80%;
	color: #999;
	text-align:center;
}
	#footer ul 
	{
		width: 750px;
	}
	#footer li.left
	{
		position:absolute; top: 15px; left: 20px;
		width: 200px;
	}
	#footer li.right
	{
		position:absolute; top: 15px; left: 680px;
		width: 200px;
	}
	#footer li.left a
	{
		background: url(img/contact_us.jpg) no-repeat 0 5px;
		padding: 0 0 0 20px;
	}
	#footer li.right a
	{
		background: url(img/tell_friend.jpg) no-repeat 0 5px;
		padding: 0 0 0 20px;
	}