﻿body
{ background: #040404 url('/Content/Assets/SiteTheme/BodyBackground.gif') repeat fixed center top; }

/** png fix for ie6 **/
img, div, a, input, h3, ul, li { behavior: url('/content/iepngfix.htc'); }

/** Generic Selector Styling **/
h2 { color: #333; }
a { color: #444; } 
a:hover { text-decoration: none; color: #595959; }
/** png fix for ie6 **/
img, div, a, input, h3, ul, li { behavior: url('/Content/iepngfix.htc'); }

#Page
{
	/*left: 50%;
	top: 49%;
	margin-left: -435px;
	margin-top: -309px;*/
	/*position: absolute;*/
	/*background: transparent url('/Content/Assets/SiteTheme/Background.jpg') no-repeat left top;*/
	/*padding: 38px 59px 18px 61px;
	
	width: 750px; 
    height: 562px;
	*/
	
	margin: 70px auto 30px auto;
	
    width: 894px; 
    height: 579px;
    display: block; 
    overflow: hidden;
    font-size: 85%;
    position: relative; 
    
    background: #2f2f2f url('/Content/Assets/SiteTheme/box_top.gif') no-repeat left top;
}
#Menu { position:absolute; left:125px; top:12px; display: block; width: 650px; float: left;  height: 20px; overflow: hidden; margin-bottom: 12px; background: transparent url('/Content/Assets/SiteTheme/menu_bg.png') no-repeat 15px top; }

#Menu ul { display: block; width: 650px; height: 18px; overflow: hidden; }
#Menu ul li { float:left; margin-left: 15px; }
#Menu ul li a { display: block; width:70px; height: 18px; float: left; text-align: center; background: transparent url('/Content/Assets/SiteTheme/menu.png') no-repeat left top; text-indent: -6000px; color: #999; font-size: 0.01%; }
#Menu ul li a:hover, #Menu ul li a.active { background-color: #000; }

#Menu ul li.home a { width: 51px; background-position: left top; } 
#Menu ul li.our-heritage a { width: 97px; background-position: -66px top; }
#Menu ul li.our-vineyards a { width: 106px; background-position: -178px top; }
#Menu ul li.wine-range a { width: 77px; background-position: -299px top; }
#Menu ul li.press a { width: 114px; background-position: -391px top; }
#Menu ul li.contact-us a { width: 86px; background-position: -520px top; }

body #Content { position:relative; top:40px; left:72px; width: 750px; height: 499px; overflow: hidden; background: transparent url('/Content/Assets/SiteTheme/page_bg_1.jpg') no-repeat left top; line-height: 2em; font-family: Georgia; font-style: italic; color: #eee; }
body.one #Content { background: transparent url('/Content/Assets/SiteTheme/page_bg_1.jpg') no-repeat left top; }
body.two #Content { background: transparent url('/Content/Assets/SiteTheme/page_bg_2.jpg') no-repeat left top; }
body.three #Content { background: transparent url('/Content/Assets/SiteTheme/page_bg_3.jpg') no-repeat left top; }
body.group #Content { background: transparent url('/Content/Assets/SiteTheme/page_bg_all.jpg') no-repeat left top; }
body.heritage #Content { background: transparent url('/Content/Assets/SiteTheme/page_bg_heritage.jpg') no-repeat left top; }

#Content .content-page { position:absolute; right:20px; top: 35px; }

#Content h1 { margin-left: -5px; }
#Content h1 span { display: none; }
#Content p { font-weight: normal; }
#Content ul { padding-left: 20px; list-style: outside square; margin-right: 5px; margin-bottom: 10px; }

#Footer { color:#ababab; clear: both; margin: 0 auto; width: 894px; padding: 5px; font-size: 85%; text-align: center; position: absolute; bottom:8px; }
#Footer a { color: #ddd; }
#Footer a:hover { text-decoration: underline; }

#Text { overflow: auto; position: relative; width: 248px;padding-right: 20px; height: 320px; }

#Languages  
{
  	left: 50%;
	top: 49%;
	margin-left: 250px;
	margin-top: -269px;
    width: 135px; 
    height: 18px;
    display: block; 
    overflow: hidden;
    font-size: 85%;
    position: absolute;
}
#Languages span { display: none; }
#Languages a { display: block; float: left; text-indent: -6000px; font-size: 1%; color: #fff; height: 18px; background: transparent url('/Content/Assets/SiteTheme/LanguageIcons.png') no-repeat left top; }
#Languages a.English { width: 69px; background-position: left top; }
#Languages a.English:hover { background-position: left -36px; }
#Languages a.Spanish { width: 66px; background-position: right -18px; }
#Languages a.Spanish:hover { background-position: right -36px; }

/** 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; z-index:99; border-bottom: solid 1px #b70600; }
#Toolbar div { width: 830px; margin: 0 auto; text-align: left; padding: 0 32px; }
#Toolbar span { float: left; }
#Toolbar span.Languages { float: right; text-align: right; }
#Toolbar a { color: #777; padding: 0 5px; }
#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;
} 