body {
position: relative;
text-align: center;
font: 12px Helvetica, Arial, sans-serif;
color: #524a44;
background: white url(../images/bground_body.gif) 0 119px repeat-x;}

* {
margin: 0;
padding: 0;}

a {
color: #b33914;
text-decoration: none;}

a:hover {
color: #b75e43;
text-decoration: none;}

p, ul, .BlogPBody {
color: #524a44;
margin-bottom: .8em;
line-height: 1.4em;}

h1 {
font-size: 24px;}

h2 {
font-size: 18px;}

h4 {
font-size: 14px;}

h5 {
text-align: right;
padding-top: 3px;}

h6 {
font-size: 12px;}

img {
border: none;}


/* MAIN */

#outer-container {
text-align: left;
width: 1000px;
margin: 8px auto;}

#inner-container {
margin-top: 8px;
background: url(../images/bground_content.gif) top left repeat-y;}


/* HEADER */

#header {
background: url(../images/bground_header.gif) top center no-repeat;
height: 188px;}

#header a.logo {
background: url(../images/logo_ncwine.gif) no-repeat;
float: left;
display: block;
font-size: 0;
text-indent: -99999px;
position: relative;
top: 0px;
left: 0px;
width: 158px;
height: 185px;}


/* NAV */

ul.nav {
float: right;
position: relative;
width: 842px;
height: 50px;
top: 112px;
list-style: none;}

.nav li {
float: left;
display: inline-block;
padding: 16px 9px;
position: relative;
z-index: 999;}

.nav li a {
color: #603838;
font-size: 15px;
padding: 18px 10px;}

.nav li a:hover {
color: #b75e43;}


/* DROPDOWN */

.nav ul {
background: #db9e49; /*IE6 needs this*/}

.nav li li {
border: none;
text-align:left;
float:none;
width: 130px;
padding: 5px 7px;}

.nav li li a {
width: 120px;
font-size: 12px;
color: #603838;
float:none;
padding: 5px 7px;}

.nav li li a:hover {
color: #b75e43;}

.nav li ul {
float:none;
top:-999em;
left: 0;
position: absolute;}

.nav ul {
list-style: none;}

.nav li:hover, .nav li.sfHover, .nav a:focus, .nav a:hover, .nav a:active {
color: #ffd200;}

.nav li:hover ul, ul.nav li.sfHover ul { /* pure CSS hover is removed below */
top: 49px;}

.nav li:hover li ul, .nav li.sfHover li ul {
top: -999em;}

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/

.superfish li:hover ul, {
top: -999em;}


/* CONTENT */

#content-wrap {
background: url(../images/bground_innercontainer.gif) bottom left no-repeat;}

.content {
width: 684px;
float: right;}


/* SUBNAV */

.search {
margin-top: 4px;
margin-bottom: 25px;
height: 37px;
display: block;}

.subnav, .content {
padding: 8px;}

.subnav {
width: 276px;
float: left;}

.subnav img {
margin-left: 4px;}

.subnav h1 {
margin-top: 8px;
font-size: 18px;}

.subnav h1, .subnav p {
margin-left: 12px;
margin-right: 12px;}

.newsletter {
margin-top: 20px;
background: #b75e43;
padding: 12px;}

.newsletter p {
margin: 0;}

.newsletter h2, .newsletter p {
color: white;}


/* HOME PAGE */

.welcome {
background: #db9d4a url(../images/bground_welcome.gif) top right no-repeat;
width: 384px;
float: left;
padding: 12px;
margin-top: 8px;}

.welcome h1, .welcome p {
color: white;}

.welcome p {
font-size: 14px;}

.welcome h1 {
font-weight: normal;
font-size: 32px;
margin-bottom: 8px;}

.events {
float: right;
width: 248px;
margin-right: 12px;
margin-top: 12px;}

.events h2, .events h3 {
margin-bottom: 3px;}

.events h2 {
margin-top: 15px;
font-size: 14px;}

.events h3 {
font-size: 12px;
color: #816f55;}

.events h4 {
font-size: 12px;}


/* SUB PAGES */

.content a:hover {
text-decoration: underline;}

.sub h1 {
margin-bottom: 5px;
background: #b75e43;
color: white;
padding: 5px;}

.sub h2 {
font-size: 16px;
margin-top: 10px;
margin-bottom: 3px;}

.sub h3 {
color: #816f55;
font-size: 14px;
margin-bottom: 3px;}

.sub h4 {
font-size: 12px;
margin-top: 5px;
margin-bottom: 20px;}

.sub ul {
width: 600px;
margin-left: 40px;}

.sub ul ul {
margin-top: 10px;
margin-left: 20px;
list-style: none;
font-weight: bold;}

.sub ul ul ul {
margin-top: 0;
font-weight: normal;
list-style: disc;
margin-left: 20px;}

.sub img {
margin-bottom: 8px;}

.sub .right {
width: 250px;
float: right;
background: #d7d1bb;
padding-left: 8px;
margin-bottom: 8px;}

.wineries h2 {
color: white;
background: #db9d4a;
padding: 4px;
margin-bottom: 8px;}

.wineries h5 {
border-top: 1px gray dotted;}

.wineries p a {
color: #b33914;}

.contact h1 {
margin-bottom: 30px;}

.contact .right {
width: 260px;
margin-right: 15px;}

.contact .left {
width: 370px;
padding-right: 10px;
margin-left: 15px;
border-right: 1px dotted gray;
margin-bottom: 15px;}

p.footnote {
font-size: 10px;
font-style: italic;}

td.label {
text-align: right;
padding-right: 3px;}

td {
padding-top: 3px;
padding-bottom: 3px;}

ul.categories {
margin-left: 45px;
margin-top: 15px;
font-size: 16px;
list-style: none;
text-align: center;}

.categories li {
display: inline;
border-right: 1px solid #b75e43;
padding-left: 3px;
padding-right: 6px;}

.categories li a {
padding: 5px;}

.categories li a:hover {
color: white;
background: #b75e43;
text-decoration: none;}

.recipe-content {
padding: 10px 20px;}

h2.recipe-title {
margin-top:0;
padding-top:5px;
padding-bottom: 3px;
text-align: center;
border-top: 1px dotted gray;
border-bottom: 1px dotted gray;}

.recipes h5 {
margin-bottom: 20px;}

.odd {
padding-top: 8px;
padding-bottom: 7px;
background: #cea699;}

.recipe {
padding-left: 20px;
padding-right: 20px;}

.recipe h2 {
margin: 0;}

.recipe h4 {
margin: 0;}


/* INPUT AREAS */

.searchInput, .SubscriptionTextbox, .SubscriptionButton, .button, .FormButton, .searchbutton, .subSearchInput {
font: 11px Lucida Sans Unicode, Helvetica, Arial, sans-serif;}

.searchInput {
width: 174px;}

.SubscriptionTextbox {
width: 126px;}

.NewsletterSubscriptionLabel {
display:none;}

.searchInput, .SubscriptionTextbox {
float: left;
margin-left: 8px;
margin-top: 7px;
display: block;}

.searchInput, .SubscriptionTextbox, .subSearchInput {
padding-left: 10px;
padding-top: 1px;
height: 19px;
color: #c28977;
border: 2px solid #cda79b;}
	
.searchInput:focus, .SubscriptionTextbox:focus, .subSearchInput:focus {
background: #ede2df;}

.button, .FormButton {
float:left;}

.button, .FormButton, .searchbutton, .SubscriptionButton {
background: #b75e43;
border: white 2px solid;
color: white;
padding: 1px 8px;
cursor: pointer;
text-transform: uppercase;
margin-top: 7px;
margin-left: 4px;} 

.button:hover, .FormButton:hover, .searchbutton:hover, .SubscriptionButton:hover {
background: #cda79b;}

.InfoMessage {
display: block;
color: #e9ecdc;
font-weight: bold;
margin-top: 4px;
margin-left: 10px;
margin-bottom: 3px;
font-size: 12px;}


/* BLOG */

.zoneLeft {
border-right: 1px dotted gray;
padding-right: 15px;
width: 68%;}

.zoneRight {
width: 26%;
padding: 10px;}

h1.BlogPTitle, .BlogPTitle {
font-weight: bold;
font-size: 18px;
background: none;
color: #b33914;
padding: 0;
margin-bottom: 5px;}

.BlogPDateWhole {
background: #bbb393;
margin-top: 5px;
padding: 5px;
font-size: 11px;}

.BlogBox h2.title {
font-size: 14px;
color: white;
background-color: #b75e43;
padding: 3px;}

.BlogBox .content {
padding: 2px;}

.BlogBox a {
margin-bottom: 10px;}

.comments hr {
border: 0;
color: #bbb393;
background-color: #ccc;
height: 1px;}


/* FOOTER */

#footer {
background: #edeae1 url(../images/bground_footer.gif) top left no-repeat;
margin-top: 8px;
padding-top: 10px;
padding-bottom: 7px;}

#footer ul {
text-align: center;
list-style: none;
margin-bottom: 5px;}

#footer li {
font-size: 11px;
display: inline;
border-right: 1px solid #867e58;
padding-left: 2px;
padding-right: 4px;}

#footer a {
font-weight: normal;
padding: 2px;
color: #867e58;}

#footer a:hover {
color: white;
background: #867e58;}

#footer .lastitem, .categories .lastitem {
border-right: none;}

#subfooter {
font-weight: normal;
font-size: 10px;
text-align: center;
margin-top: 8px;}

#subfooter p {
color: #867e58;}

#subfooter p a:hover {
text-decoration: underline;}


/* STORE NAV */

#storeNav { position: absolute; top: 5px; left: 50%; margin-left: 330px; }
#storeNav a { font-weight: normal; font-size: 11px; color: #cac1a8; text-decoration: none; padding: 5px;}    
#storeNav a:hover { background: #db9e49; color: white; text-decoration: none;}


/* FIXES */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

.clearfix {
display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {
display: block;}
/* End hide from IE-mac */