﻿body
{ background-color: #958f74; color: #fafafa; overflow: hidden; }

/** png fix for ie6 **/
img, div, a, input, h3, ul, li { behavior: url('/content/iepngfix.htc'); }

/** Generic Selector Styling **/
a { color: #9d9d9d; text-decoration: none; }
a:hover { text-decoration: none; color: #fff; }
p { margin-bottom: 10px; }
h1,h2,h3,h4,h5,h6 { font-family: Georgia; padding: 10px 0; }
/** Site Structure **/
#Page { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: transparent url('/Content/Assets/SiteTheme/Background.jpg') no-repeat center center; overflow:hidden; }
#Wrapper { text-align: left; width: 760px; position: absolute; left: 50%; top: 50%; margin-left: -380px; margin-top: -140px; }

#Menu { display: block; width: 720px; float: left; height: 12px; overflow: hidden; margin: 20px auto 15px auto; }
#Menu ul li { float: left; }
#Menu ul li a { display: block; width:41px; height: 12px; text-align: center; background: transparent url('/Content/Assets/SiteTheme/Menu.png') no-repeat left top; text-indent: -6000px; color: #000; font-size: 0.01%; } 

#Menu ul li.home a { }
#Menu ul li.home a:hover { background-position: left bottom; }
body.es #Menu ul li.home a { width: 38px; }
body.es #Menu ul li.home a:hover { background-position: left bottom; }

#Menu ul li.about a { width: 142px; background-position: -41px top; }
#Menu ul li.about a:hover { background-position: -41px bottom; }
body.es #Menu ul li.about a { width: 173px; background-position: -38px top; }
body.es #Menu ul li.about a:hover { background-position: -38px bottom; }

#Menu ul li.wine-range a { width: 91px; background-position: -183px top;}
#Menu ul li.wine-range a:hover { background-position: -183px bottom; }
body.es #Menu ul li.wine-range a { width: 83px; background-position: -211px top;}
body.es #Menu ul li.wine-range a:hover { background-position: -211px bottom; }

#Menu ul li.the-estates a { width: 86px; background-position: -276px top; }
#Menu ul li.the-estates a:hover { background-position: -276px bottom; }
body.es #Menu ul li.the-estates a { width: 90px; background-position: -302px top; }
body.es #Menu ul li.the-estates a:hover { background-position: -302px bottom; }

#Menu ul li.our-history a { width: 86px; background-position: -366px top; }
#Menu ul li.our-history a:hover { background-position: -366px bottom; }
body.es #Menu ul li.our-history a { width: 72px; background-position: -387px top; }
body.es #Menu ul li.our-history a:hover { background-position: -387px bottom; }

#Menu ul li.contact-us a { width: 88px; background-position: -452px top; }
#Menu ul li.contact-us a:hover { background-position: -452px bottom;}
body.es #Menu ul li.contact-us a { width: 80px; background-position: -459px top; }
body.es #Menu ul li.contact-us a:hover { background-position: -459px bottom;}

#Menu ul li.press-and-distributors a { width: 120px; background-position: right top; margin-right: 0px; }
#Menu ul li.press-and-distributors  a:hover { background-position: right bottom;}
body.es #Menu ul li.press-and-distributors a { width: 118px; background-position: right top; margin-right: 0px; }
body.es #Menu ul li.press-and-distributors  a:hover { background-position: right bottom;}

#Main
{
    padding: 20px 50px; 
    color: #fafafa;	
}
#Main h1 { font-size: 135%; }
#Main ul { margin-bottom: 10px; }


#Content h1 { margin-left: -5px; }
#Content h1 span { display: none; }
#Content { font-weight: normal; font-size: 85%; color: #9d9d9d; }
#Content ul { padding-left: 20px; list-style: outside square; margin-right: 5px; margin-bottom: 10px; }
h2.heading { margin-left: -5px; }
h2.heading span { display: none; }
#Footer1 { clear: both; position: absolute; right: 10px; bottom: 10px; text-align: right; font-size: 85%; color: #645e43; }
#Footer2 { clear: both; position: absolute; left: 10px; bottom: 10px; text-align: left; font-size: 85%; color: #645e43; }
#Footer1 p, #Footer2 p { margin-bottom: 0; padding-bottom: 0; }
#Footer1 a, #Footer2 a { color: #645e43; }
#Footer1 a:hover, #Footer2 a:hover { text-decoration: underline; }
#Footer1 p { margin-bottom: 2px; }

/** Blog Class Styling **/
div.BlogSummary {} 
div.Blog-Entry {}
div.Blog-Entry h1 { padding-bottom: 0; }
div.Blog-Entry h2 { padding: 0; }
div.Blog-Entry h1 span { display: none; }
div.Blog-Entry h2 span { display: none; }
span.Blog-Publish-Date { font-size: 78%; font-style: italic; color: #fff; display: block; margin-bottom: 10px; }
#Blog-Summary div.Blog-Entry { border-bottom: solid 1px #333; margin-bottom: 10px; }

/** Subscribe Form CSS **/

span.label,span.spacer,span.multiple span {width:120px;float:left;} 

span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 

/** Toolbar **/

#Toolbar { left: 0; top: 0; right: 0; padding: 10px 0 5px 0; position: absolute; background-color: #000; color: #fff; font-size: 85%; overflow: hidden; border-bottom: solid 1px #900; }
#Toolbar div { width: 680px; margin: 0 auto; text-align: left; }
#Toolbar span { float: left; }
#Toolbar  span.Languages { float: right; text-align: right; }
#Toolbar a { color: #777; }
#Toolbar a:hover { color: #fff; }
#Toolbar a.ChiviteLink { display: block; padding: 5px 0 5px 30px; background: #000 url('/Content/Assets/SiteTheme/ChiviteLamp.jpg') no-repeat left center; margin-top: -5px;    }

/** Video Player **/

div.VideoPlayer 
{
    margin: 20px auto 10px auto;
    padding: 15px 5px 5px 5px; 
    background-color: #000;
    width: 364px;
} 
   
   
/** Latest News Link **/

div#LatestNews { position: absolute; left: 50%; top: 50%; margin-left: 271px; margin-top: -219px; display: block; width: 88px; height: 88px; }
div#LatestNews a { display: block; z-index: 10000; width: 88px; height: 88px; background: transparent url('/Content/Assets/SiteTheme/LatestNews.png') no-repeat left top; }  
/** Wine Range **/

div.WineRange { overflow: hidden; clear: both; }
div.WineRange div.Tile { float: left; width: 160px; text-align: center;}
div.WineRange div.Tile h2 { font-family: Arial; font-weight: normal; font-size: 92%; }
div.WineRange div.reserva h2 a { color: #911b1b; }
div.WineRange div.blanco h2 a { color: #ccad36; }
div.WineRange div.vendimia h2 a { color: #f0e4af; }
div.WineRange div.rosado h2 a { color: #ec5957; }

/** Wine Holder (Wine Page) **/

div.WineHolder { width: 660px; overflow: hidden; }
div.WineHolder div.Description { width: 275px; float: left;}
div.WineHolder div.Wine { width: 111px; float: left;}
div.WineHolder div.Info { width: 274px; float: left;}
div.WineHolder div#Reserva strong { color: #911b1b; }
div.WineHolder div#Blanco strong { color: #ccad36; }
div.WineHolder div#Vendimia strong { color: #f0e4af; }
div.WineHolder div#Rosado strong { color: #ec5957; }
div.WineHolder div.Info strong { }
div.WineHolder div.Info em { margin: 0 5px; font-style: normal; font-weight: bold; color: #fff; font-size: 108%; }
div.WineHolder div.Info a { color: #fff; }
div.WineHolder div.Info a:hover { text-decoration: underline; }

/*.ScrollerHolder { float:left; }*/
.Scroller { overflow: auto; float:left; width:478px; height:234px; position:relative;}
.Scroller p { margin-bottom:0px; }