body { 
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff url(../images/body_bg.gif) top left repeat;
}

a.skip	{display: none;}
a img {border: none;}

/* =TYPOGRAPHY-----------------------------------------*/	

body, td, select {
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 18px;
	color: #000;
}

h1 {
	margin: 0;
	padding: 0;
	font: bold 16px Arial, Helvetica, sans-serif;
 	color: #7e7047;
}

h2, .header {
	margin: 0;
	padding: 0;
	font: bold 16px Arial, Helvetica, sans-serif;
 	color: #7e7047;
}

h3, .subheader	{
	margin: 0;
	padding: 0;
	font: bold 14px Arial, Helvetica, sans-serif;
 	color: #7e7047;
	}
	
h4 {
	margin: 0;
	padding: 0;
	font: bold 14px Arial, Helvetica, sans-serif;
 	color: #7e7047;
}
 
a	{
	font-weight: bold;
	color: #9c6d29;
	text-decoration: none;
	}
	
a:hover	{
	font-weight: bold;
	color: #251b0d;
	text-decoration: none;
	}
	

/* =CONTAINER DIVS-----------------------------------------*/	
#container {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 800px;	
	padding: 0;
	background: url(../images/page_bg.gif) repeat-y;
}


div#banner {
	position: relative;
	margin: 0;
	width: 800px;
	height: 130px;
	background: url(../images/header.jpg) top no-repeat;
}

/* =NAVIGATION-----------------------------------------*/	
	
#banner ul {
	display: block;
	padding: 0;
	margin:  0;
	position: absolute;
	top: 110px;
	left: 0;
	height: 20px;
	width: 800px;
	list-style-type: none;
	z-index: 50;
	}
	
#banner ul li {
	margin: 0;
	padding: 0;
	float: left;
	color: #eee;
	text-align: center;
 	}

#banner ul li a {
	display: block;
	height: 17px;
	line-height: 20px;
	margin: 0 15px 0 15px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

#banner ul li a span {
    display: none;}

li.home {width: 100px;}
li.about_us {width: 100px;}
li.wines {width: 125px;}
li.news_events a {
    position: relative;
    left: 170px;
    width: 110px;}	
li.contact a {    position: relative;
     left: 195px; width: 120px;}

li.home a:hover, li.home a.on  {background: url('../images/header.jpg') -15px -136px no-repeat;}
li.about_us a:hover, li.about_us a.on  {background: url('../images/header.jpg') -115px -136px no-repeat;}
li.wines a:hover, li.wines a.on {background: url('../images/header.jpg') -215px -136px no-repeat;}	
li.news_events a:hover, li.news_events a.on {background: url('../images/header.jpg') -510px -136px no-repeat;}	
li.contact a:hover, li.contact a.on {background: url('../images/header.jpg') -675px -136px no-repeat;}	


ul#about_us, ul#news, ul#wines {
		position: absolute;
		display: block;
		height: 20px;
		left: 0px;
		top: 300px;
		list-style-type: none;
		margin: 5px 0 0 0;
		padding: 0;
		text-align: center;
		}

ul#wines {
	width: 800px;
	background: url(../images/wines_subnav.jpg) left bottom no-repeat;
}	
li.featured {width: 160px;}
li.featured a:hover, li.featured a.on {background: url(../images/wines_subnav.jpg) -15px -4px no-repeat;}
li.red {width: 130px;}
li.red a:hover, li.red a.on {background: url(../images/wines_subnav.jpg) -175px -4px no-repeat;}
li.white {width: 140px;}
li.white a:hover, li.white a.on {background: url(../images/wines_subnav.jpg) -305px -4px no-repeat;}

ul#about_us {
	width: 800px;
	background: url(../images/about_subnav.jpg) left bottom no-repeat;
}
li.philosophy {width: 160px;}
li.philosophy a:hover, li.philosophy a.on {background: url(../images/about_subnav.jpg) -15px -4px no-repeat;}
li.team {width: 120px;}
li.team a:hover, li.team a.on {background: url(../images/about_subnav.jpg) -175px -4px no-repeat;}
li.vineyards {width: 145px;}
li.vineyards a:hover, li.vineyards a.on {background: url(../images/about_subnav.jpg) -295px -4px no-repeat;}

ul#news {
	width: 800px;
	background: url(../images/news_events_subnav.jpg) left bottom no-repeat;
}

li.news {width: 100px;}
li.news a:hover, li.news a.on {background: url(../images/news_events_subnav.jpg) -15px -4px no-repeat;}

li.events {width: 130px;}
li.events a:hover, li.events a.on {background: url(../images/news_events_subnav.jpg) -115px -4px no-repeat;}

li.newsletter {width: 200px; margin: 0;}
li.newsletter a:hover, li.newsletter a.on {background: url(../images/news_events_subnav.jpg) -245px -4px no-repeat;}

/* =SHOPPING MENU -----------------------------------------*/	
div#eNav {
	position: absolute;
	left: 608px;
	top: 70px;
	font: 10px Verdana, Arial, sans-serif;
	color: #000;
}

div#eNav a {
	margin: 0 .5em;
	padding: 0 1px 0 1px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

div#eNav a:hover,
div#eNav a.on {
	color: #000;
}


/* =EDITABLE BODY -----------------------------------------*/	
div#mainPageArea {
	padding-top: 192px;
	background: url(../images/banner.jpg) top left no-repeat;
	width: 800px;
}
body.about_us div#mainPageArea {background: url(../images/content/banners/banner_aboutus.jpg) top left no-repeat;}
body.store div#mainPageArea {background: url(../images/content/banners/banner_ourwines.jpg) top left no-repeat;}
body#contactus div#mainPageArea {background: url(../images/content/banners/banner_contactus.jpg) top left no-repeat;}
body.news div#mainPageArea,
body#about div#mainPageArea {background: url(../images/content/banners/banner_newsevents.jpg) top left no-repeat;}
body#home div#mainPageArea {background: url(../images/content/banners/banner_homepage.jpg) top left no-repeat;}
body.policies div#mainPageArea,
body.trade div#mainPageArea,
body.cart div#mainPageArea,
body.checkout div#mainPageArea,
body.account div#mainPageArea {background: url(../images/content/banners/banner_footer.jpg) top left no-repeat;}


	
div#specialsArea		{	
	float: right;
	display: inline;
	width: 255px;
	margin: 0;
	padding: 0;
	}
	
div#cmsContentArea {
	float: left;
	display: inline;
	margin: 30px 0 0 30px;
	width: 490px;
	padding: 0;
}

div#cmsContentArea p {
	margin: 0 0 1.5em 0;
	padding: 0;
}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding:0;
      border:none;
      visibility: hidden;
      }

/* =HOMEPAGE-----------------------------------------*/	

div#homeCmsContentArea {
	float: left;
	display: inline;
	margin: 10px 0 0 30px;
	padding: 0;
	width: 350px;
	line-height: 20px;
}

div#homeSpecialsArea		{	
	float: right;
	display: inline;
	width: 395px;
	margin: 0;
	}

/* =FOOTER DIV-----------------------------------------*/	

div#footer
	{
	text-align: left;
	width: 800px;
	padding: 2px 0 40px 0;
	margin: 0 auto 15px auto;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: url(../images/foot.jpg) top no-repeat;
	}
	
div#footer a {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}

p.footlinks	{
    display: inline;
	float:right;
	margin: 0 10px 0 0;
	padding: 0;
	color: #333;
	}

p.footlinks a {
	padding: 0 2px;
	margin: 0;
	}

p.footlinks a:hover {
	color: #333;
}

p.legal	{
    display: inline;
	float: left;
	padding-left: 10px;
	margin: 0;
	}
	
p.rss {
	text-align: center;
	margin: 0;
	padding: 0;
}


input.button	{
		background-color: #9c6d29;
		color: #fff;
		border: 2px solid #2b2010;
		font: bold 10px Verdana, Arial, sans-serif;
		text-transform: uppercase;
		cursor: hand;
}

/* =GENERIC OVERRIDES STYLES-------------------------------------*/

div.processBar {
	width: 490px;
}

div#autolist, div.catalog_crumbs, body#news h2.generic, body#events h2.generic {display: none;}