
/*	----------------------------------------------------------------------------
	
	Style Sheet for Chef's Pantry, Inc.
	Contact: jeffgray@mac.com
	
	--------------------------------------------------------------------------*/

	/* HTC IE6 PNG Support Hack */
	* { behavior: url("/scripts/pngbehavior.htc");}
	
	body {
		/* Background pixel pattern provided by Taylor Satula of www.threepixeldrift.com/ */
		background:transparent url(/images/bg_swirl.gif) repeat;
		margin:0;
		font-family: 'Lucida Grande', Tahoma, Helvetica, Arial, san-serif;
		}
		
	#content {
		text-align:center;
		}
		
	#header {
		background:transparent url(/images/bg_header.png) no-repeat;
		height: 97px;
		width:974px;
		margin-top:30px;
		margin-bottom:0;
		margin-left:auto;
		margin-right:auto;
		clear:both;
		overflow:hidden;
		}
	
	#header img {
		margin-top:18px;
		}
		
	#nav {
		height: 24px;
		width: 974px;
		background:transparent url(/images/bg_nav.gif) no-repeat;
		clear:both;
		overflow:hidden;
		}
	
	/* Begin Sprite Image Rollovers */
	#nav {
		width: 974px;
		height: 24px;
   	 	background: url(/images/bg_nav.png);
   		margin: 0 auto;
		padding: 0;
   		position: relative;
		}
		
	#nav li {
    	margin: 0;
		padding: 0;
		list-style: none;
    	position: absolute;
		top: 0;
		}
		
	#nav li, #nav a {
		height: 24px;
		display: block;
		text-indent: -5000px;
		}
	
	
	#nav #nav_home {left: 0; padding-left:146px; width: 107px;}
 	#nav #nav_about {left: 254px; width: 107px;}
 	#nav #nav_foods {left: 362px; width: 107px;}
 	#nav #nav_cooking {left: 470px; width: 107px;}
	#nav #nav_events {left: 578px; width:107px;}
	#nav #nav_meats {left: 578px; width:107px;}
	#nav #nav_contact {left:686px; width:107px;}
  
  
	#nav #nav_home a:hover {
    	background: transparent url(/images/nav.gif) 0 -24px no-repeat;}
  	#nav #nav_about a:hover {
    	background: transparent url(/images/nav.gif) -108px -24px no-repeat;}
  	#nav #nav_foods a:hover {
    	background: transparent url(/images/nav.gif) -216px -24px no-repeat;}
  	#nav #nav_cooking a:hover {
    	background: transparent url(/images/nav.gif) -324px -24px no-repeat;}
	#nav #nav_events a:hover {
    	background: transparent url(/images/nav.gif) -432px -24px no-repeat;}
    #nav #nav_meats a:hover {
    	background: transparent url(/images/nav.gif) -432px -24px no-repeat;}
	#nav #nav_contact a:hover {
    	background: transparent url(/images/nav.gif) -540px -24px no-repeat;}
		
	/* End Sprite Image Rollovers */
		
		
	#text-area {
		background:transparent url(/images/bg_body.png) repeat-y;
		width:974px;
		text-align:left;
		margin-top:0;
		margin-bottom:0;
		padding:0;
		margin-left:auto;
		margin-right:auto;
		clear:both;
		overflow:hidden;
		}
		
	#text-area p {
		margin-top:0;
		margin-bottom: 10px;
		}
	
	#left {
		width:600px;
		margin:0 10px 20px 30px;
		float:left;
		}
	
	#left h1 {
		padding:0;
		margin-bottom:5px;
		}

	#left h4 {
		padding:0;
		margin:10px 0 0 0;
		font-size:13px;
		color:#473f3e;
		}

	#left ul {
		font-size:11px;
		color:#5d5351;
		line-height:1.4em;
		list-style:none;
		margin:0;
		padding:0;
		}
		
	#left ul li { 
		color:#5d5351;
		font-size:11px;
		line-height:1.4em;
		background: transparent url(/images/bg_arrows.gif) no-repeat;
		background-position: 0 5px;
		padding-left: 10px;
		margin-left:3px; 
		}

	#left img.pic {
		float:right;
		clear:right;
		padding:2px;
		margin:10px 0 0 10px;
		}
		
	.ad_right {
		float:right;
		width:279px;
		}

	.ad_left {
		width:314px;
		}
		
	#right {
		width:300px;
		float:right;
		margin: 15px 25px 20px 0;
		}
		
	#right ul {
		list-style:none;
		margin:0 0 20px 0;
		padding:0;
		}
		
	#right ul li {
		color:#5d5351;
		font-size:11px;
		line-height:1.3em;
		background: transparent url(/images/bg_arrows.gif) no-repeat;
		background-position: 0 4px;
		padding-left: 10px;
		margin-left:3px; 
		}

	#right h4 {
		font-size:16px;
		color:#61970f;
		margin:0 0 2px 0;}
		
	#footer {
		background:transparent url(/images/bg_footer.png) no-repeat;
		height: 132px;
		width: 974px;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		overflow:hidden;
		}
		
	#footer p {
		color:#584845;
		font-size:9px;
		margin-top:25px;
		}
	
	#footer a:link, #footer a:visited {
		color:#584845;
		}
		
	#footer a:hover {
		color:#61970f;
		}

	form {
		border:none;
		}
		
	#cForm {
		border: none;
		width:450px;
		font-size: 11px;
		color:#5d5351;
		}
		
	#cForm input {
		clear:both;
		margin-bottom:8px;
		display:block;
		}
		
	#cForm input.submit {
		font-size:13px;
		color:#5d5351;
		font-weight:bold;
		margin-top:8px;
		}
		
	#cForm label {
		clear:both;
		margin-bottom: 3px;
		display:block;
		}
		
	#cForm select, #cForm option {
		font-size:11px;
		color:#5d5351;
		}
		
	p {
		color:#5d5351;
		font-size:11px;
		line-height:1.3em;
		}
		
	a:link, a:visited {
		color:#61970f;
		text-decoration:none;
		}
		
	a:hover {
		text-decoration:underline;
		}
		
	img.splash {
		margin-left: 11px;
		clear:both;
		}
