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

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

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

body, td, select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 18px;
}

h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
 	color: #000;
}	

h2, .header {
	margin: 0;
	padding: 0;
	font: italic 12px Verdana, Arial, Helvetica, sans-serif;
 	color: #000;
}

h3, .subheader	{
	margin: 0;
	padding: 0;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}
	
h4 {
	margin: 10px 0;
	padding: 0;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
 
a	{
    color: #922622;
	text-decoration: underline;
	}
	
a:hover	{
	text-decoration: none;
	}

/* =CONTAINER DIVS-----------------------------------------*/	
div#container {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 949px;	
	padding: 0;
	background-color: #f8f6e8;
	position: relative;
}

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

div#banner h1 {
    margin: 0;
    padding: 0;
    position: absolute;
    }

div#banner h1 a {
    display: block;
    width: 650px;
    height: 207px;
    position: absolute;
    top: 0;
    left: 0;
}

div#banner h1 a span {display: none;}

img.logo {
	float: left;
	margin: 15px 0 0 50px;
}

/* =NAVIGATION-----------------------------------------*/	
	
ul#nav {
	padding: 0;
	background: url(../images/nav.gif) left 0px no-repeat;
	margin:  25px 0 0 30px;
	height: 10px;
	width: 900px;
	list-style-type: none;
	text-align: left;
	font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif;
	}
	
ul#nav li {
	padding: 0;
	margin: 0 6px;
	float: left;
	text-align: center;
 	}
 	
ul#nav a {display: block; height: 10px;}

ul#nav li.home {width:60px; margin: 0 10px 0 0;}
ul#nav li.home a.on, ul#nav li.home a:hover {background: url(../images/nav.gif) left -19px no-repeat;}  
ul#nav li.story {width: 105px;}
ul#nav li.story a.on, ul#nav li.story a:hover {background: url(../images/nav.gif) -76px -19px no-repeat;} 
ul#nav li.store {width: 105px;}
ul#nav li.store a.on, ul#nav li.store a:hover {background: url(../images/nav.gif) -193px -19px no-repeat;} 
ul#nav li.club {width: 105px;}
ul#nav li.club a.on, ul#nav li.club a:hover {background: url(../images/nav.gif) -310px -19px no-repeat;} 
ul#nav li.visit {width: 85px;}
ul#nav li.visit a.on, ul#nav li.visit a:hover {background: url(../images/nav.gif) -427px -19px no-repeat;} 
ul#nav li.news_events {width: 135px;}
ul#nav li.news_events a.on, ul#nav li.news_events a:hover {background: url(../images/nav.gif) -524px -19px no-repeat; } 
ul#nav li.recipe {width: 85px;}
ul#nav li.recipe a.on, ul#nav li.recipe a:hover {background: url(../images/nav.gif) -671px -19px no-repeat;} 
ul#nav li.contact {width: 107px; margin: 0 0 0 15px;}
ul#nav li.contact a.on, ul#nav li.contact a:hover {background: url(../images/nav.gif) -777px -19px no-repeat;} 

ul#nav a span {
display: none;}



ul#nav ul {
position: absolute;
top: 280px;
list-style-type: none;
left: 25px;
padding: 0;
margin: 0;
width: 900px;
height: 8px;
}

ul#nav ul li {padding: 0; margin: 0 15px;}

ul#nav ul li a {height: 8px;}


ul#nav ul#story {background: url(../images/subnav_story.gif) left top no-repeat;}
ul#nav li ul li.our_story {width: 74px; margin: 0 15px 0 0;}
ul#nav li ul li.our_story a.on, ul#nav li.our_story a:hover {background: url(../images/subnav_story.gif) left bottom no-repeat;} 
ul#nav li ul li.team {width: 75px;}
ul#nav li ul li.team a.on, ul#nav li.team a:hover {background: url(../images/subnav_story.gif) -104px bottom no-repeat;} 
ul#nav li ul li.vineyards {width: 112px;}
ul#nav li ul li.vineyards a.on, ul#nav li ul li.vineyards a:hover {background: url(../images/subnav_story.gif) -209px bottom no-repeat;} 
ul#nav li ul li.os_tasting_room {width: 145px;}
ul#nav li ul li.os_tasting_room a.on, ul#nav li ul li.os_tasting_room a:hover {background: url(../images/subnav_story.gif) -351px bottom no-repeat;} 

ul#nav ul#store {background: url(../images/subnav_wines.gif) left top no-repeat;}
ul#nav li ul li.releases {width: 150px; margin: 0 15px 0 0;}
ul#nav li ul li.releases a.on, ul#nav li.releases a:hover {background: url(../images/subnav_wines.gif) left bottom no-repeat;} 
ul#nav li ul li.newsletter {width: 155px;}
ul#nav li ul li.newsletter a.on, ul#nav li.newsletter a:hover {background: url(../images/subnav_wines.gif) -180px bottom no-repeat;} 
ul#nav li ul li.find {width: 120px;}
ul#nav li ul li.find a.on, ul#nav li.find a:hover {background: url(../images/subnav_wines.gif) -365px bottom no-repeat;} 

ul#nav ul#visit {background: url(../images/subnav_visit.gif) left top no-repeat;}
ul#nav li ul li.vu_tasting_room {width: 140px; margin: 0 15px 0 0;}
ul#nav li ul li.vu_tasting_room a.on, ul#nav li.vu_tasting_room a:hover {background: url(../images/subnav_visit.gif) left bottom no-repeat;} 
ul#nav li ul li.directions {width: 160px;}
ul#nav li ul li.directions a.on, ul#nav li.directions a:hover {background: url(../images/subnav_visit.gif) -170px bottom no-repeat;} 

ul#nav ul#news {background: url(../images/subnav_news.gif) left top no-repeat;}
ul#nav li ul li.news {width: 50px; margin: 0 15px 0 0;}
ul#nav li ul li.news a.on, ul#nav li.news a:hover {background: url(../images/subnav_news.gif) left bottom no-repeat;} 
ul#nav li ul li.events {width: 60px;}
ul#nav li ul li.events a.on, ul#nav li.events a:hover {background: url(../images/subnav_news.gif) -80px bottom no-repeat;} 

/* =SHOPPING MENU -----------------------------------------*/	
div#eNav {
	width: 949px;
	margin: 10px auto 10px auto;
	padding: 0;
	font: 10px Verdana, Arial, sans-serif;
	color: #a57750;
	text-align: right;
}

div#eNav a {
    font-weight: bolder;
	margin: 0 .5em;
	padding: 0 2px 0 2px;
	color: #a57750;
	text-decoration: none;
}

img#cart {position: relative; left: 17px; top: 2px;}

/* =EDITABLE BODY -----------------------------------------*/	
div#mainPageArea {
	padding: 0 0 40px 0;
	margin: 70px 0 0 0;
}

div#specialsArea		{	
	font-size: 10px;
	line-height: 12px;
	float: right;
	display: inline;
	padding: 10px;
	background-color: #e7e7e2;
	margin: 0;
	}
	
div#specialsArea div {
	width: 220px;
}

div#specialsArea h3 {font: normal 14px Times, serif; text-transform: uppercase; color: #922622; }
	
div#cmsContentArea {
	float: left;
	display: inline;
	margin: 0 0 0 30px;
	width: 640px;
}

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

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

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

body#home div#banner h1 {display: none;}

body#home div#mainPageArea {
	text-align: center;
	line-height: 30px;
	padding: 0 150px 40px 150px;
}

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

div#footer
	{
	width: 949px;
	padding: 10px 0 20px 0;
	margin: 0 auto 0 auto;
	clear: both;
	color: #a57750;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

div#footer p {margin: 0; padding: 0;}
div#footer a {
	color: #a57750;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0 3px;
}

div#footer a:hover {
	color: #a57750;
}

	
p.footlinks	{
	margin: 0;
	display: inline;
	padding: 0;
	color: #a57750;
	text-align: center;
	}


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

p.legal	{
    float: left;
	padding: 0;
	display: inline;
	margin: 0;
	}

p.rss {
	float: right;
    display: inline;
    margin: 0;
    padding: 0;
}

.button	{
		background-color: #922622;
		color: #FFF;
		border: none;
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		cursor: hand;
		cursor: pointer;
}

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

div.processBar {
	width: 640px;
}

div#autolist,
div.catalog_crumbs {
	display: none;
}