body{
background-color: #a5a69a;
color: #666666;
padding-top: 12px;
font-family: Arial, "helvetica", sans-serif;
text-decoration: none; 
}

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

a:hover{
color: #666666}

ul{list-style-type: none;}

/** ============= $divs =========== */

div#wraptop{
position: relative;
background-image: url(img/wraptop.jpg);

background-position: 0px 18px;
width: 1040px;
background-repeat: no-repeat;}

div#sidewrap{
background-image: url(img/sidewrap.jpg);
display: inline;
padding: 0;
background-repeat: repeat-y;
width:1010px;
float: left;
background-position: top;
position: relative;
 }

div#wrapbottom{
position: relative;
width: 1010px;
height: 8px;
background-image: url(img/wrapbottom.jpg);
background-repeat: no-repeat;
}

div#nav{
position: relative;
margin-left: 20px;
margin-top: 0;
height: 26px;
width: 970px;
}

div#footer{
margin-left: 20px;
width: 900px;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #ffffff;
}

div#imgcontainer,
div#container1,
div#container2{
width: 970px;
margin-left: 21px;
border-top: solid #ffffff 16px;
border-bottom: solid #ffffff 16px;
background-color:#ffffff;
}

div#imgcontainer{height:485px}
#spec_container{width: 970px; margin-left: 21px; border-bottom:16px solid #ffffff;}
div#container1{background-position: 701px 500px;background-repeat: no-repeat; }
div#container2, div#spec_container{min-height:520px;}
body #container2, div#spec_container{height: auto}

div#menu{
height: 485px;
width: 300px;
position: relative;
overflow: hidden; 
float: left;
font-family: times, serif; 
}

#menu .transparent {  
opacity:0.85;  
filter:alpha(opacity=85);  
-moz-opacity:0.85;  
background-color:#ffffff;  
width:340px;  
height:500px;  
position:absolute;  
top:0px;  
left:0px;  
}  

div#content{position: relative; margin-left: 18px; width: 282px; height:485px;}
 
div#navmap{
width:880px;
height:70px;
position:relative;
background-color: #ffffff;}

div#navmap a.logo{
background-image:url(img/sblogo.jpg); 
width:185px; 
height:57px; 
display:block; 
float:left; 
margin-left:16px; }

#spec_container #navmap{width:699px; height: 86px; background-position: 16px;}
#spec_container #navmap a{margin-top:16px;}
#header{height:86px;margin-left: 216px; background-repeat: no-repeat; border-left: 1px solid #666666}
#header.retail{background-image:url(img/hretail.jpg);}
#header.media{background-image:url(img/hmedia.jpg);}
#header.news{background-image: url(img/hnews.jpg);}

div#left{width:180px; position: absolute; top:76px; left:565px; min-height: 460px; background:#ffffff;}

#spec_container #left{height: 460px;}
#spec_container #left{width:180px; top: 100px; left:540px; border-left: solid 1px #666666; background-color:#ffffff }
body #spec_container #left{height: auto;}

div#purchase_border{
padding:2px;
border: solid 1px #666666;
float: left;
margin-top: 10px;
}

div#purchase{
width: 320px;
height: 80px;
background: #666666;
background-position: top left;
background-repeat: no-repeat;}


#textcol{
width: 675px; background:#ffffff; margin-left:25px;}

div#vineyard_border{margin: 10px 26px 10px 0px; padding: 3px; border: solid 1px #666666;}
div#vineyard{width: 642px; height:288px; background: #666666; background-position: top left; background-repeat: no-repeat; }


div#right{
min-height:536px;
position:absolute;
width: 270px;
top: 0px;
left:721px;
background: #e5e5e5;
color:#666666;
border-bottom: solid 1px #ffffff}
body #right{height: auto}

div#wine_text{width:505px; margin-left:25px;}

#spec_container #wine_text{width: 490px;}

div#twitter_div{color:#666666; font-size: .65em; padding: 1px 0px 10px 0px;}

div#twitter_div ul{padding: 10px 25px 0px 10px; margin:0; list-style-type:none;}
div#twitter_div ul li{padding-bottom: 5px;}

div#flickr{padding:0px 0px 10px 0px; margin-top: 86px}
#flickr tbody{padding:0}

#newsletter{padding-bottom: 10px;}
#newsletter tr{font-size: .65em;}

#addthis{padding-bottom: 10px; color:#ffffff;}
#addthis a {font-size:9pt; color:#666666; padding-top:3px; padding-top: 3px}
#addthis a:hover{text-decoration: underline;}
#addthis img{display: block; float: left; padding: 0px 5px 0px 10px; border:none;
}

/** ===============$nav ===========*/

ul#topnav,
ul#topnav li{
float: left;
display: inline;
}

ul#topnav{
height: 26px;
list-style-type: none;
margin: 0;
padding-left: 0;
}

ul#topnav li{
height: 26px;
}

ul#topnav li a{
height: 26px;
display: block;
overflow: hidden;
}

/**======= links =======*/

div#nav ul li#about a 		{ width: 100px; background: url(img/nav_top.jpg) 0px 0px no-repeat; }
div#nav ul li#ourwines a   	{ width: 115px; background: url(img/nav_top.jpg) -100px 0px no-repeat; }
div#nav ul li#vineyards a    { width: 149.5px; background: url(img/nav_top.jpg) -214px 0px no-repeat; }
div#nav ul li#buywines a        { width: 109px; background: url(img/nav_top.jpg) -364px 0px no-repeat; }
div#nav ul li#news a      { width: 70px; background: url(img/nav_top.jpg) -474.5px 0px no-repeat; }
div#nav ul li#contact a     { width: 97px; background: url(img/nav_top.jpg) -544px 0px no-repeat; }

/**=== hovers ===*/
div#nav ul li#about a:hover 		{ width: 100px; background: url(img/nav_top.jpg) 0px -26px no-repeat; }
div#nav ul li#ourwines a:hover   	{ width: 115px; background: url(img/nav_top.jpg) -100px -26px no-repeat; }
div#nav ul li#vineyards a:hover    { width: 149.5px; background: url(img/nav_top.jpg) -214px -26px no-repeat; }
div#nav ul li#buywines a:hover       { width: 109px; background: url(img/nav_top.jpg) -364px -26px no-repeat; }
div#nav ul li#news a:hover     { width: 70px; background: url(img/nav_top.jpg) -474.5px -26px no-repeat; }
div#nav ul li#contact a:hover     { width: 97px; background: url(img/nav_top.jpg) -544px -26px no-repeat; }

/**=== actives ===*/
body.about div#nav ul li#about a		{ width: 100px; background: url(img/nav_top.jpg) 0px -26px no-repeat; }
body.wines div#nav ul li#ourwines a  	{ width: 115px; background: url(img/nav_top.jpg) -100px -26px no-repeat; }
body.vineyards div#nav ul li#vineyards a    { width: 149.5px; background: url(img/nav_top.jpg) -214px -26px no-repeat; }
body.buy div#nav ul li#buywines a       { width: 109px; background: url(img/nav_top.jpg) -364px -26px no-repeat; }
body.news div#nav ul li#news a    { width: 70px; background: url(img/nav_top.jpg) -474.5px -26px no-repeat; }
body.contact div#nav ul li#contact a     { width: 97px; background: url(img/nav_top.jpg) -544px -26px no-repeat;}


#nav p a{color: #ffffff; padding: 0px 7px 0px 5px;}
#nav p a:hover{text-decoration: underline;}

#navmap p a{color: #999999; padding: 0px 7px 0px 6px;}
#navmap p a:hover{color: #666666; text-decoration: underline;}

#menu a img{width: 228px; height: 70px; position: absolute; top: 400px; left: 18px; border: none;}

#vineyard a{color: #ffffff;}
#vineyard a:hover{text-decoration: underline;}

/**======= img ==========*/

body.index div#imgcontainer{background-image: url(img/indeximg1.jpg);}
body.vineyards div#imgcontainer{background-image: url(img/vineyardsimg1.jpg);}
body.about div#imgcontainer{background-image: url(img/aboutimg1.jpg);}
body.wines div#imgcontainer{background-image: url(img/winesimg1.jpg);}
body.buy div#imgcontainer{background-image: url(img/purchaseimg1.jpg);}
body.contact div#imgcontainer{background-image: url(img/contactimg1.jpg);}

#menu img{padding: 20px 36px 0px 18px;}
#menu a img{padding:0; border: none;}

p.main img.float_r{padding: 5px 0px 5px 10px; float: right;}
p.main img.float_l{padding: 5px 10px 5px 0px; float: left;}

img.wine{padding: 0px 0px 0px 5px}

#container1.philosophy{background-image: url(img/photobar/panelphil.jpg)}
#container1.vines{background-image: url(img/photobar/rows.jpg)}
#container1.history{background-image: url(img/photobar/panelhist.jpg)}
#container1.name{background-image: url(img/photobar/panelrocks.jpg)}
#container1.enviro{background-image: url(img/photobar/panelenv.jpg)}
#container1.soil{background-image: url(img/photobar/panelsoil.jpg)}
#container1.quail{background-image: url(img/photobar/panelquail.jpg)}

#purchase.nebbia{background-image: url(img/gschon.jpg)}
#purchase.gris{background-image: url(img/ggris.jpg)}
#purchase.blanc{background-image: url(img/gblanc.jpg)}
#purchase.chorus{background-image: url(img/gmuller.jpg)}
#purchase.noir{background-image: url(img/gpn.jpg)}
#purchase.duet{background-image: url(img/gduet.jpg)}
#purchase.pinotage{background-image: url(img/gptge.jpg)}
#purchase.verglas{background-image: url(img/goran.jpg)}

#vineyard.home{background-image: url(img/homevineyard.jpg)}
#vineyard.og{background-image: url(img/orchardgrove.jpg)}
#vineyard.mm{background-image: url(img/maggiemay.jpg)}

#menu a.button img{width: auto; height:auto; padding-left: 62px}

/**======= text ========*/


ul.gen, dl{font-size: 10pt; list-style-type: none; line-height: 15px; padding:0; padding-right: 15px;}
ul.gen li{padding-left: 20px;}
ul.gen a{color:#666666}
ul.gen a:hover{text-decoration: underline;}

#menu ul.links{margin-left: 0px; line-height:30px}
#menu ul.links li a{text-transform: uppercase; color: #666666; font-size: 14px;}
#menu ul.links li a:hover {color: #a5a69a}

ul.winelist{margin:0px; margin-top: 15px; line-height: 25px; float:left; padding:0}
ul.winelist li{padding-left: 20px;}
ul.winelist li a{font-size: 13px; color:#666666; text-transform: uppercase;}
ul.winelist li a:hover:{color: #a5a69a}

#textcol ul{margin:0; margin-left:75px; padding:0px 25px 25px 25px; list-style-image: url(img/bullet.jpg);}
#textcol ul img{padding-top: 10px;}
#textcol ul li{padding: 0px 0px 10px 0px;}

div#footer p{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .6em; 
color: #fff;
margin: 0px;
padding: 10px 3px 3px 3px}

#menu p{padding: 15px 15px 0px 0px; color:#666666; text-align: left; margin: 0px; line-height: 20px; font-size: 10pt}

#navmap p,
#nav p{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
text-transform: uppercase;
color: #999999;
margin: 0;
line-height: 20px;
}

#navmap p {padding-top:10px; margin-left: 210px; width: 500px;}



#nav p.media{
text-align: right;
padding-right: 4px;
text-transform: lowercase;
padding-top: 7px;
font-size: 12px}

h1, h2{
color: #666666; font-family: times, serif; font-weight: lighter; margin: 0}

#menu h2{font-size: 12pt; padding: 10px 15px 5px 0px}

#right h1,#right h2{font-family:arial, sans-serif;}

#right h2{color: #666666; margin:0; padding-left: 10px; font-size:10pt; font-weight: lighter}



h1.sifr_wine{
margin: 0;
font-size: 1.3em;
padding: 30px 16px 0px 0px;
}
h2.sifr_wine{font-size: 15px; margin:0px; display: inline}



#left h2{padding: 15px 0px 0px 10px;}


p.pullquote{margin:0px; padding: 0px 10px 0px 0px;
font-family: times, serif;
font-style: italic;
color:#666666;
}

p.author{margin:0; padding: 5px 15px 10px 0px; font-size: .70em; font-family: times, serif; text-transform: uppercase; text-align: right;}

p.stat{font-family: arial, sans-serif;
width: 85px;
font-size: 10px; 
line-height: 20px;
color: #ffffff; 
padding-top: 10px;
margin:0px; margin-left:85px;
float: left;
}

#vineyard p{
width: 191px; 
height: 268px;
padding: 10px 10px 10px 10px;
margin: 0px; 
margin-left: 430px; 
color:#ffffff;
font-size: 12px; 
line-height: 20px;
float: right;
border-left: 1px solid #ffffff;}

p.main,
#textcol ul li{
margin:0px;
padding: 10px 25px 0px 0px;
font-family: arial, sans-serif;
font-size: .75em;
color: #666666;
line-height: 1.8em;
letter-spacing: 0px;}

p.blurb{background-color:#666666; font-size:16px; padding: 10px;}

#container2 p.main, #spec_container p.main{padding: 10px 0px 0px 0px;}

span.strike{text-decoration: line-through; padding-right: 3px}

#vineyard p span{font-family: times, serif; font-size: 18px; font-style: italic;}

#navmap span{color: #666666; padding: 0px 7px 0px 6px;}