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

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

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

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

h1 {
	padding: 0;
	font: bold 20px Georgia;
	color: #988344;
	font-variant:small-caps;
	}

h2, .header {
	font: bold 15px Georgia;
 	color: #2f4932;
}

h3, .subheader	{
	font: bold 13px Georgia;
 	color: #000;
 	line-height: 20px;
		}
	
h4 {
	font: bold 13px Georgia;
 	color: #988344;
 	line-height: 20px;
}
 
a	{
	color: #2f4932;
	font: normal 13px Georgia;
	text-decoration: underline;
	line-height: 20px;
	}
	
a:hover	{
	color: #2f4932;
	font: normal 13px Georgia;
	text-decoration: underline;
	line-height: 20px;
	}
	

/* =CONTAINER DIVS-----------------------------------------*/	

#container {
    margin: 0 auto;
	text-align: left;
	width: 1000px;
	background: #fff url(../images/body_bg.jpg) top left repeat-y;
}
div#header { 
	width: 1000px;
	height: 30px;
	background: #fff url(../images/header.jpg) bottom left no-repeat;
	}
div#banner {
	float: left;
	display: inline;
	width: 720px;
	height: 191px;
	margin: 0;
	background: url(../images/banner.jpg) top left no-repeat;
	}	
div#left {
	width: 201px;
	float: left;
	display:inline;
	margin-left: 35px;
	}	
div#logo {
	background: url(../images/picketfence_logo.jpg) top left no-repeat;
	height: 112px;
	width: 201px;
	}	
div#logo h1 {
    position: absolute;
    margin: 0;
    padding: 0;
	}
div#logo h1 a {
    text-indent: -9999px;
    position: absolute;
    display: block;
    width: 201px;
    height: 112px;
    top: 0px;
    left: 0px;
    text-decoration: none;
}
body.store div#banner {background: url(../images/wineshop.jpg) top left no-repeat;}
body.about div#banner {background: url(../images/contactus_footer.jpg) top left no-repeat;}
body.about_us div#banner {background: url(../images/ourstory.jpg) top left no-repeat;}
body.news div#banner {background: url(../images/newsevents.jpg) top left no-repeat;}
/* =NAVIGATION-----------------------------------------*/	
	
div#nav {
	position: relative;
	float: left;
	width: 164px;
	height: 200px;
	margin: 45px 0 25px 0;
	padding: 0;
	background: url(../images/main_nav.jpg) top left no-repeat;
    }

ul#nav ul{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
ul#nav li {
	position: absolute;
	left: 0px;
	display: block;
	width: 164px;
	text-align: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
 	}
 	
ul#nav li a {
	display: block;
	height: 40px;
	text-decoration: none;
}
ul#nav li a.on, ul#nav li a:hover	{
	background-image: url(../images/main_nav.jpg);} 

ul#nav a span {display: none;}

ul#nav li.home {top: 0;}
ul#nav li.home a:hover, ul#nav li.home a.on {background-position: -164px 0;}
ul#nav li.store {top: 40px;}
ul#nav li.store a:hover, ul#nav li.store a.on   { background-position: -164px -40px;}
ul#nav li.story {top: 80px;}
ul#nav li.story a:hover, ul#nav li.story a.on  { background-position: -164px -80px;}
ul#nav li.news {top: 120px;}
ul#nav li.news a:hover, ul#nav li.news a.on  { background-position: -164px -120px;}
ul#nav li.contact {top: 160px;}
ul#nav li.contact a:hover, ul#nav li.contact a.on   { background-position: -164px -160px;}

ul#nav li ul {
	display: none;
	list-style-type: none;
  	position: absolute; 
  	top: 0;
  	left: 164px;
  }
ul#nav li.store ul#store  {
	background: url(../images/subnav_shop.jpg);
	width: 146px;
	height: 128px;
	}
ul#nav li.story ul#about_us {
 	background: url(../images/subnav_about.jpg);
	width: 146px;
	height: 160px;
	}
 ul#nav li.news ul#news {
 	background: url(../images/subnav_news.jpg);
	width: 146px;
	height: 68px;
	} 
ul#nav li:hover ul, ul#nav li.sfhover ul {display: block;}

ul#nav li > ul {
	top: 0;
	left: 164px;
	margin: 0;
	}
ul#nav li.store ul#store a:hover,  ul#nav li.store ul#store a.on {
	background: url(../images/subnav_shop.jpg);
	}		
ul#nav li.story ul#about_us a:hover,  ul#nav li.story ul#about_us a.on {
 	 	background: url(../images/subnav_about.jpg);
		}
ul#nav li.news ul#news a:hover,  ul#nav li.news ul#news a.on {
	 	background: url(../images/subnav_news.jpg);
		}
ul#nav li ul li	{
	width: 146px;
	height: 34px;
	}
ul#nav li ul li a	{
	display: block;
	width: 146px;
	height: 34px;
	text-decoration: none;
}

ul#nav li.store ul li#store3 a {height: 26px;}

ul#nav li ul a span {
	display: none;
	}
ul#nav li.store ul li#store1 {top: 0;}	
ul#nav li.store ul li#store1 a.on, ul#nav li.store ul li#store1 a:hover {background-position: -146px 0;}	

ul#nav li.store ul li#store2 {top: 34px;}
ul#nav li.store ul li#store2 a.on, ul#nav li.store ul li#store2 a:hover  {background-position: -146px -34px;}	

ul#nav li.store ul li#store4 {top: 68px;}
ul#nav li.store ul li#store4 a.on, ul#nav li.store ul li#store4 a:hover  {background-position: -146px -68px;}

ul#nav li.store ul li#store3 {top: 102px;}
ul#nav li.store ul li#store3 a.on, ul#nav li.store ul li#store3 a:hover  {background-position: -146px -102px;}

ul#nav li.story ul li#ab1  {top: 0;}		
ul#nav li.story ul li#ab1 a:hover, ul#nav li.story ul li#ab1 a.on {background-position:  -146px 0;}

ul#nav li.story ul li#ab2  {top: 32px;}		
ul#nav li.story ul li#ab2 a:hover, ul#nav li.story ul li#ab2 a.on {background-position:  -146px -32px;}

ul#nav li.story ul li#ab3  {top: 66px;}		
ul#nav li.story ul li#ab3 a:hover, ul#nav li.story ul li#ab3 a.on {background-position:  -146px -66px;}

ul#nav li.story ul li#ab4  {top: 90px;}	
ul#nav li.story ul li#ab4 a:hover, ul#nav li.story ul li#ab4 a.on {background-position:  -146px -90px;}

ul#nav li.story ul li#ab5  {top: 120px;}		
ul#nav li.story ul li#ab5 a:hover, ul#nav li.story ul li#ab5 a.on {background-position:  -146px -120px;}

ul#nav li.news ul li#news {top: 0;}		
ul#nav li.news ul li#news a:hover, ul#nav li.news ul li#news a.on {background-position: -146px 0;}

ul#nav li.news ul li#event {top: 34px;}		
ul#nav li.news ul li#event a:hover, ul#nav li.news ul li#event a.on {background-position: -146px -34px;}	
/* =SHOPPING MENU -----------------------------------------*/	

div#eNav {
	position: relative;
	float: right;
	height: 16px;
	background: url(../images/cart.jpg) 0 2px no-repeat;
	padding-left: 15px;
	}

ul#eNav {
    list-style-type: none;
	font: bold 12px Arial;
	color: #456b49;
	text-align: right;
	margin: 0 35px 0 0;
	padding: 5px 0;
}

ul#eNav li {
    display: inline;
    margin: 0; 
   	padding: 0 0 0 15px;
}

ul#eNav a {
	font: bold 12px Arial;
	color: #456b49;
	text-decoration: none;
	text-transform: uppercase;
	}

ul#eNav a:hover,
ul#eNav a.on {
	text-decoration: none;
}

/* =EDITABLE BODY -----------------------------------------*/	

div#mainPageArea {
	float: right;
	display:inline;
	width: 720px;
	margin: 0 35px 20px 0;
	padding: 0;
	}
	
div#specialsArea {	
	float: left;
	display: inline;
	width: 186px;
	margin-left: 15px;
	}

div#cmsContentArea {
	float: left;
	width: 700px;
	display: inline;
	margin: 20px 0 0 20px;
}

div#cmsContentArea p {
	margin: 0 0 1.5em 0;
}
div#kicker1, div#kicker2, div#kicker3, div#kicker4 {
	float: left;
	width: 173px;
	margin: 0 0 10px 0;
	padding-left: 0 0 0 15px;  
}
div#kicker1 {
	background: url(../images/shop_kicker.jpg) top left no-repeat;
	height: 170px;
	}
div#kicker2 {
	background: url(../images/mailing.jpg) top left no-repeat;
	height: 105px;
	 }
div#kicker3 {
	background: none;
	height: 170px;
	}
div#kicker4 {
	background: url(../images/watermark.jpg) top right no-repeat;
	padding-top: 115px;
	}
form#signform input.text {float: left; border: #ccc 1px solid; margin: 40px 0 0 16px;}

form#signform input.button {float: left; margin: 5px 0 0 16px;}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding: 0;
      border:none;
      visibility: hidden;
      }
/* =HOMEPAGE-----------------------------------------*/	
body#home div#left {width: 965px; background: url(../images/picketfence_logo.jpg) top left no-repeat;}
body#home div#nav {margin: 170px 0 0 0;}
body#home div#banner {
	float: right;
	background: url(../images/home_banner.jpg) top no-repeat;
	height: 365px;
	margin-right: 35px;
	}
body#home div#mainPageArea {
	background: url(../images/watermark.jpg) 100px bottom no-repeat;
	padding-left: 245px;
	}
body#home div#specialsArea {	
	float: left;
	display: inline;
	width: 720px;
	margin: 0;
	}
body#home div#kicker1, body#home div#kicker2, body#home div#kicker3 {width: 235px; height: 193px;}
body#home div#kicker1 {background: url(../images/home_shop_kicker.jpg) top no-repeat;  margin-right: 8px;}
body#home div#kicker2 {background: url(../images/home_mailing.jpg) top no-repeat;}	
body#home div#kicker3 {background: none; margin-right: 7px;}		
body#home div#kicker4{padding: 200px 0 20px 0; margin-top: 50px;}

body#home div#kicker2 p {
	float: left;
	display: inline;
	height: 80px; 
	width: 200px;
	margin: 49px 0 0 20px;
	}
body#home div#kicker2 form#signform {	
	float: left;
	margin: 0;
	padding: 0; 
	}
body#home form#signform input.text {float: left; border: #ccc 1px solid; margin: 10px 0 0 20px;}
body#home form#signform input.button {float: right; margin: 10px 20px 0 0;}
/* =FOOTER DIV-----------------------------------------*/	

div#footer {
	font: normal 12px Arial;
	color: #456b49;
	text-align: left;
	width: 1000px;
	background: #FFF url(../images/footer.jpg) top left no-repeat;
	margin: 0 auto;
	clear: both;
	padding-top: 15px;
	}
	
div#footer a {
	font: bold 12px Arial;
	padding: 0 5px;
	margin: 0;
	text-decoration: none;
	color: #456b49;
	text-transform: uppercase;
	}

div#footer p {margin: 0; padding: 0;}
div#footer p.legal {float: left; padding: 0 5px 0 30px;}
div#footer p.rss { text-align: center;}
div#footer p.footlinks {float: right; padding: 0 30px 0 0;}

.button	{
		display: inline;
		background-color: #2f4932;
		color: #fff;
		border: none;
		font: normal 11px Georgia;
		text-transform: lowercase;
		cursor: hand;
		cursor: pointer;
}

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

div.processBar {
	width: 100%;
}
body.news h2 { display:none;}

div.catalog_crumbs {display: none;}

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