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

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

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

body, td, select {
	font: normal 12px Arial;
	line-height: 20px;
	color: #000;
}

h1 {
	padding: 0;
	font: 18px Georgia;
	color: #ef4035;
	}

h2, .header {
	margin: 0;
	padding: 0;
	font: bold 12px Georgia;
 	color: #000;
}

h3, .subheader	{
	margin: 0;
	padding: 0;
	font: 12px Georgia;
	font-weight: bold;
 	color: #939598;
	letter-spacing: 0.1em;
 	text-transform: uppercase;
		}

h3.historyList {font-size: 10px;}

body#our_portfolio h3 {font-size: 12px;}

	
h4 {
	margin: 0;
	padding: 0;
	font: normal 12px Georgia;
 	color: #ef4035;
 	text-transform: uppercase;
		}
h4 em {text-transform: none;}
h5 {
	margin:0;
	padding:0;
	font: normal 12px Arial;
	color: #000;
	text-transform: uppercase;}
h6 {
	margin:0;
	padding:0;
	font: normal 10px Georgia;
	color: #ef4035;
	text-transform: uppercase;}
h7 {
	margin:0;
	padding:0;
	font: bold 10px Arial;
	text-transform: uppercase;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, h8 a, h9 a	{text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover, h8 a:hover, h9 a:hover {text-decoration: none;}

a {
	color: #000;
	font: normal 12px Arial;
	text-decoration: underline;
	}
	
a:hover	{
	color: #000;
	font: normal 12px arial;
	text-decoration: underline;
	}

/* =CONTAINER DIVS-----------------------------------------*/	
#container {
	margin: 10px 0 150px 0;
	text-align: left;
	background-color: #fff;
	width: 945px;
	padding: 0;
	position: relative;
}

div#banner {
	float:left;
	width: 945px;
	height: 200px;
	background: url(../images/buty_logo.jpg) 30px top no-repeat;
}

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

div#banner h1 a {
    text-indent: -9999px;
    position: absolute;
    display: block;
    width: 205px;
    height: 75px;
    top: 0;
    left: 30px;
    text-decoration: none;
}


/* =NAVIGATION-----------------------------------------*/	

div#navigation {
	float: right;
	width: 150px;
	height: 150px;
	margin: 40px 20px 0 0;
	z-index: 1;
    }
ul#nav {
	margin: 0;
	padding: 0;}   

ul#nav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
ul#nav li {
	display: block;
	width: 150px;
	height: 16px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #f58c87;
 	}

ul#nav li a.on{ display: none;} 
	
ul#nav li a {
	display: block;
	width: 150px;
	height: 16px;
	text-decoration: none;
	background: url(../images/main_nav.jpg) left -1px no-repeat;
}
ul#nav li.winery {border-top:1px solid #F58C87;}
ul#winery li.winery {border-width: 0;}
ul#nav li.wines a {background: url(../images/main_nav.jpg) 0 126px;}
ul#nav li.vineyards a {background: url(../images/main_nav.jpg) 0 109px;}
ul#nav li.store a {background: url(../images/main_nav.jpg) 0 93px;}
ul#nav li.friends a {background: url(../images/main_nav.jpg) 0 76px;}
ul#nav li.news a {background: url(../images/main_nav.jpg) 0 59px;}
ul#nav li.mailing a {background: url(../images/main_nav.jpg) 0 41px;}
ul#nav li.contact a {background: url(../images/main_nav.jpg) 0 24px;}

ul#nav a span {display: none;}

#nav a:hover {
	text-decoration: none;
}
#subnavigation {
	position: relative;
	width: 150px;
	height: 150px;
	float:right;
	margin: 40px 0 0 0;
	}
ul#subnav {
	margin: 0;
	padding: 0;}   

ul#subnav ul{
	position: absolute;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
body.winery ul#subnav ul {
	top: 0px;}
body.wines ul#subnav ul {
	top: 16px; *top:19px;}
body.vineyards ul#subnav ul {
	top: 33px; *top:37px;}
body.store ul#subnav ul {
	top: 49px; *top:56px;}
body.fotb ul#subnav ul {
	top: 67px; *top:77px;}
body.news ul#subnav ul {
	top: 84px; *top:96px;}
body.about ul#subnav ul {
	top: 101px; *top:114px;}
body#contact ul#subnav ul {
	top: 115px; *top: 132px;}
	
ul#subnav li {
	display: block;
	width: 130px;
	height: 15px;
	margin: 2px 0 0 0;
	padding: 0;
 	}

body#contact ul#subnav li {width: 150px;}
body#contact ul#subnav li.contact {margin-left: 0;}
body#friends ul#subnav li {width: 150px;}
body#friends #subnavigation {width: 170px;}

ul#subnav li.winery {
		background: url(../images/main_nav.jpg) left -3px; margin-left: 20px;
	}
ul#subnav li.wines {
	background: url(../images/main_nav.jpg) left -21px no-repeat;margin-left: 20px;
	}
ul#subnav li.vineyards {
	background: url(../images/main_nav.jpg) left -35px no-repeat;margin-left: 20px;
	}
ul#subnav li.store {
	background: url(../images/main_nav.jpg) left -53px no-repeat;margin-left: 20px;
	}
ul#subnav li.friends {
	background: url(../images/main_nav.jpg) left -70px no-repeat;margin-left: 0px;
	}
ul#subnav li.news {
	background: url(../images/main_nav.jpg) left -87px no-repeat;margin-left: 20px;
	}
ul#subnav li.mailing {
	background: url(../images/main_nav.jpg) left -103px no-repeat;margin-left: 20px;
	}
ul#subnav li.contact {
	background: url(../images/main_nav.jpg) 55px -118px no-repeat;margin-left: 20px;
	}
 
ul#subnav li a {
	display: block;
	width: 130px;
	text-decoration: none;
	font: normal 12px georgia;
	color: #000;
	padding-left: 20px;
}
ul#subnav li a.on	{
		background: url(../images/bullet.jpg) left 3px no-repeat;} 

ul#subnav li span, ul#subnav a span {display: none;}
		

/* =SHOPPING MENU -----------------------------------------*/	

div#eNav {
	width: 925px;
	margin: 0 20px 0 0;
	padding: 0;
	}

ul#eNav {
    list-style-type: none;
	font: normal 10px Arial;
	color: #939598;
	text-align: right;
	padding: 0;
	margin:0;
	line-height: 10px;
}

ul#eNav li {
    display: inline;
    margin: 0;
    padding: 0 0 0 7px;
    color: #f58c87;
}

ul#eNav a {
	font: normal 10px Arial;
	color: #939598;
	text-decoration: none;
	text-transform: uppercase;
	}

ul#eNav a:hover,
ul#eNav a.on {
	color: #939598;
}


/* =EDITABLE BODY -----------------------------------------*/	
div#mainPageArea {
	float: left;
	display:inline;
	margin: 20px 0 0 150px;
	}

div#cmsContentArea {
	float: left;
	width: 770px;
	display: inline;
}

body.store div#cmsContentArea {width: 550px;}
/* =custom mainPageArea-----------------*/
body.trade #container {margin: 10px 0 0 0;}
body.policies #container {margin: 10px 0 145px 0;}
body#calendar #container {margin: 10px 0 90px;}
/* =Winery--------------------*/
body#people #mainPageArea {margin-left:100px;}	
body#philosophy #mainPageArea {padding: 0; margin: 0 0 0 150px;}
body#history #mainPageArea {background: url(../images/croppedrock_history_bg.jpg) bottom right no-repeat; padding-left:0;}
body#history_2000 #mainPageArea, body#history_2001 #mainPageArea, body#history_2002 #mainPageArea, body#history_2003 #mainPageArea, body#history_2004 #mainPageArea, body#history_2005 #mainPageArea, body#history_2006 #mainPageArea, body#history_2007 #mainPageArea  {padding-left: 0px;}
/* =Wines---------------------*/		
body#story #mainPageArea {background: url(../images/story_bg.jpg) bottom left no-repeat; padding: 0px 0 75px 235px; margin: 0px 0 0 0;}
body#notes #container {background: url(../images/tasting_bg.jpg) bottom left no-repeat; padding-bottom:253px; margin: 10px 0 0 0;}
body#notes #mainPageArea {margin: 0 0 0 150px;}
body#contact #mainPageArea {margin: 0 0 0 150px;}
body#friends #mainPageArea {margin: 0 0 0 150px;}
/* =Vineyards-----------------*/	
body#our_vineyards #mainPageArea {background: url(../images/vineyards_bg.jpg) bottom left no-repeat; padding:20px 0 0 0px; margin: 20px 0 0 0; width: 945px;}
body#our_estate #mainPageArea {background: none; padding:20px 0 0 0px; margin: 20px 0 0 0; width: 945px;}
body.vineyards #mainPageArea {margin: 20px 0 0 0;}
/* =News/Events---------------*/
body#newsletters #mainPageArea {background: url(../images/news_rock.jpg) bottom left no-repeat; padding: 20px 0 0 300px; margin: 20px 0 0 0;}
body#calendar #mainPageArea {background: url(../images/cobble04F.jpg) bottom right no-repeat; padding:20px 0 0 0; margin: 20px 0 0 235px;}
/* =Other---------------*/
body.fotb #container {background: url(../images/club_bg.jpg) bottom left no-repeat; padding-bottom: 75px;}
body#friends #container {background: url(../images/club_bg.jpg) bottom left no-repeat; padding-bottom: 75px; margin: 10px 0 0 0;}
body#story #container {margin: 10px 0 0 0;}
body#contact #container {margin: 10px 0 0 0;}
body#newsletters #container {margin: 10px 0 0 0;}
body.trade #mainPageArea {background: url(../images/trade_rock.jpg) bottom left no-repeat; margin: 20px 0 0 0px; padding: 20px 0 0 135px;}
body.club #mainPageArea {width: 770px;}
body#contact #mainPageArea {background: url(../images/contact_bg.jpg) bottom right no-repeat; width: 775px;}
body#our_estate div#cmsContentArea {width: 945px;}
body#our_vineyards div#cmsContentArea {width: 945px;}
body#our_vineyards #container {margin: 10px 0 0 0;}
body.vineyards div#cmsContentArea {width: 945px;}
/* =custom cmsContentArea -----------------*/	
body#calendar #cmsContentArea {width: 670px; padding: 0 0 86px 0;}
body#story #cmsContentArea {width: 575px; margin: 10px 0 0 0;}
body.club #cmsContentArea {width: 620px; background: url(../images/join_beast.jpg) right 110px no-repeat; padding:0 145px 15px 0;}
body#wines div#cmsContentArea {padding-left: 200px; width: 525px; background: url(../images/beast_logo.jpg) top left no-repeat;}
body#philosophy div#cmsContentArea {width:640px;}
body.friends #cmsContentArea {margin-left: 100px;}
body.policies #cmsContentArea {margin-left: 100px; width: 525px;}
body.sitemap #cmsContentArea {width: 525px;}
body#newsletters #cmsContentArea {width: 525px;}
body#history #cmsContentArea {margin-left: 30px;}

div#cmsContentArea p {
	margin: 0 0 1.5em 0;
}
	
div#specialsArea {	
	float: right;
	display: inline;
	width: 150px;
	margin: 0 0 0 10px;
	}
hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding: 5px;
      border:none;
      visibility: hidden;
      }
form#signform {width: 322px; margin: 0; padding: 0;}

/* =HOMEPAGE-----------------------------------------*/	
body.home #mainPageArea {background: none; padding: 0; margin: 20px 0 0 0;}
body.home #banner {background: url(../images/home_buty_logo.jpg) 0px top no-repeat; height: 283px; margin-top: 76px;}
body.home #navigation {margin: 0;}
body.home #cmsContentArea {width: 150px; float: right;}
body.home #footer {margin-top: 150px;}
body.home #eNav, body.home #container, body.home #banner {width: 922px;}
body.home div#specialsArea {display:inline;float:right;margin:3px 0 0 10px;width:150px;}

div#flashimage {
	margin: 3px 0 0 0;
	float:right;
	height:420px;
	width:385px;
	background: url(../images/C_mtrcycle_in_vnyrd_.jpg) top left;}

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

div#footer
	{
	text-align: left;
	width: 925px;
	height: 25px;
	margin: 20px 0 0 0;
	clear: both;
	font: 9px Arial;
	color: #939598;
	padding: 0;
	text-transform: uppercase;
		}
	
	
div#footer a {
	padding:0 5px;
	margin: 0;
	text-decoration: none;
	color: #939598;
	font: 9px Arial;
	text-transform: uppercase;
	}
	
div#footer p {margin: 0; padding: 0;}
div#footer p.rss {float: right; display: inline;}
div#footer p.footlinks {text-align: center;}
div#footer p.legal {float: left; display: inline; padding: 0 0 0 10px;}
div#dtt {float:left; width: 925px; text-align: center; padding-bottom:10px;}

.button	{
		display: inline;
		background-color: #ef4035;
		color: #fff;
		border: none;
		font: bold 12px Georgia;
		border: none;
		text-transform: none;
		cursor: hand;
		cursor: pointer;
}

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

div.processBar {
	width: 100%;
}

div#autolist {display:none;}

div.catalog_crumbs,
{display: none;
}