/******************************************************************
 RESET CSS
******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/******************************************************************
    General Html
******************************************************************/
html, body {}
body {font-family: Trebuchet MS; font-size:0.9em; background:#FBFBFB url(images/bg.jpg) no-repeat top center;}
a, a:link {text-decoration: none;}

/* ZENN CMS Admin Controls */
.AdminCmsBtn { cursor:pointer; font-family:Tahoma, Verdana; font-weight:bold; font-size:12px; color:#A7743B; z-index:99; display:inline-block; margin-right:10px;}
.AdminCmsBtn img { vertical-align:middle;}

.Icon { display:inline-block; vertical-align:middle;}
.Icon-Picture {background:url(images/backoffice/icons.png) no-repeat 0px 0px; width:24px; height:20px;}
.Icon-Edit {background:url(images/backoffice/icons.png) no-repeat -25px 0px; width:20px; height:20px;}
.Icon-Edit-Small {background:url(images/backoffice/icons.png) no-repeat -101px -26px; width:17px; height:17px;}
.Icon-Download {background:url(images/backoffice/icons.png) no-repeat -50px 0px; width:19px; height:20px;}
.Icon-Add {background:url(images/backoffice/icons.png) no-repeat -75px 0px; width:19px; height:20px;}
.Icon-Add-Small {background:url(images/backoffice/icons.png) no-repeat 0px -25px; width:16px; height:17px;}
.Icon-Delete {background:url(images/backoffice/icons.png) no-repeat -100px 0px; width:20px; height:20px;}
.Icon-Email-Send {background:url(images/backoffice/icons.png) no-repeat -25px -25px; width:21px; height:20px;}
.Icon-True {background:url(images/backoffice/icons.png) no-repeat -50px -25px; width:20px; height:20px;}
.Icon-False {background:url(images/backoffice/icons.png) no-repeat -75px -25px; width:20px; height:20px;}
.Icon-Users {background:url(images/backoffice/icons.png) no-repeat -100px -25px; width:20px; height:20px;}
.Icon-UserEdit {background:url(images/backoffice/icons.png) no-repeat 0px -50px; width:20px; height:20px;}
.Icon-UserDelete {background:url(images/backoffice/icons.png) no-repeat -25px -50px; width:20px; height:20px;}
.Icon-Details {background:url(images/backoffice/icons.png) no-repeat -25px -47px; width:21px; height:20px;}  

@font-face { font-family: ClaredonBTLight; src: url(fonts/Claredon-BTLight.eot); /* IE */  src: local("Claredon"), url(fonts/Claredon-BTLight.ttf) format("truetype"); /* non-IE */ }
@font-face { font-family: ClaredonBTRoman; src: url(fonts/Claredon-BTRoman.eot); /* IE */  src: local("Claredon"), url(fonts/Claredon-BTRoman.ttf) format("truetype"); /* non-IE */ }


/******************************************************************
    Master Page Structure
******************************************************************/
#PageBackground {position:absolute; top:144px; left:0px; width:100%; height:293px; background-color:#312C28; background-position:center top;}
    .PageBackground-Farm {background:url(images/bg-farm.jpg);}
    .PageBackground-Vineyward {background:url(images/bg-vineyard.jpg);}
    .PageBackground-Wine {background:url(images/bg-wine.jpg);}    
    .PageBackground-Awards {background:url(images/bg-awards.jpg);}
    .PageBackground-Notices {background:url(images/bg-notices.jpg);}
    .PageBackground-Gallery {background:url(images/bg-gallery.jpg);}
    .PageBackground-Links {background:url(images/bg-links.jpg);}
    .PageBackground-Contacts {background:url(images/bg-contacts.jpg);}
    
#PageWrapper {width:980px; margin:0px auto 0px auto; position:relative;}    
    #Header {position:relative; padding:0px 0px 0px 0px; position:relative; height:171px;}
        #Header .Logo {height:144px; position:relative;}
            #Header .Logo a, #Header .Logo a:hover {position:absolute; top:15px; left:298px; width:358px; height:135px; background:url(images/stripes.png) 0px 0px no-repeat; display:block; }
        #Header .Menu {position:absolute; top:107px; left:0px; width:980px; height:83px; background:url(images/stripes.png) 0px -133px no-repeat; margin:0px auto 0px auto;}
            #Header .Menu > div {width:783px; height:43px; margin:35px auto 0px auto;}
            #Header .Menu a, #Header .Menu a:hover {text-decoration:none; font-family:ClaredonBTLight; color:#FFFFFF; font-size:1.3em; text-shadow:#666666 1px 2px 2px; display:block; line-height:46px; padding:0px 13px 0px 13px; float:left;}        
            #Header .Menu-Separator {width:3px; height:46px; background:url(images/stripes.png) -358px 0px no-repeat; float:left;}
            #Header .Menu-Item-Selected {background:url(images/bg-menu-selected.png);}
        #Languages {position:absolute; top:110px; right:30px; }
            #Languages, #Languages a, #Languages a:hover {text-decoration:none; font-family:ClaredonBTLight; color:#B9B5AE;}
            #Languages .Selected {color:#3D2923;}
            
    #Main {position:relative; min-height:50px; margin:0px 0px 0px 0px; border:0px; padding:0px 16px 0px 16px;}        
        .MainBg {background:top center url(images/bg-main.png);}
        .MainBgSidebar {background:top center url(images/bg-main-sidebar.png);}
    #Main-Footer {width:980px; margin:auto; height:60px; background:url(images/bg-main-footer.png);}

    #Footer {position:relative; width:1000px; height:64px; clear:both; border:1px solid transparent; background:url(images/stripes.png) 0px -217px no-repeat;}
        #Footer .Menu {margin:10px auto 0px auto; width:525px;}
        #Footer .Menu, #Footer .Menu a, #Footer .Menu a:hover {font-family:ClaredonBTLight; font-size:0.9em; color:#55483B;}
        #Footer .Menu a, #Footer .Menu a:hover {text-decoration:none; display:block; padding:0px 5px 0px 5px; float:left; line-height:15px;}        
        #Footer .Menu > div {float:left;}
        #Footer .Copyright {position:absolute; top:40px; left:20px; color:#938376; font-size:0.75em;}
        #Footer .DevelopedBy, #Footer .DevelopedBy:hover {position:absolute; top:40px; right:35px; color:#938376; font-size:0.75em; text-decoration:none;}
            
/******************************************************************
    Pages Common Elements
******************************************************************/

    /* Banner */
    #Banner {text-align:center; position:relative; height:246px; width:782px; margin:20px auto 0px auto;}
        #Banner .Admin {position:absolute; top:255px; right:0px; z-index:9;}
        #Banner .Item {position:absolute; top:0px; left:0px; display:none;}

    /* PageContent */
    .PageContent {min-height:220px; margin:0px auto 0px auto; padding:10px 100px 10px 100px; position:relative; display:inline-block;}        
        .PageContent-Slides {float:left; margin:0px 15px 15px 0px;}     
        
    /* PageContentWithSidebar */
    .PageContentWithSidebar {margin:0px auto 0px auto; }
        .PageContentWithSidebar > table {margin:0px; padding:0px; border-collapse:collapse;}        
        .PageContentWithSidebar-Sidebar {width:164px; background:url(images/bg-sidebar.png); vertical-align:top; padding:2px; position:relative;}
            
            .PageContentWithSidebar-Sidebar > h1 {color:#FFFFFF; font-family:ClaredonBTLight; font-size:1.5em; margin-bottom:10px; margin-left:9px;}
            .PageContentWithSidebar-Sidebar > a, .PageContentWithSidebar-Sidebar > a:hover {text-decoration:none; color:#FFFFFF; font-size:0.75em; font-family:ClaredonBTLight; display:block; margin-left:10px;}
            .PageContentWithSidebar-Sidebar > a:hover {color:#D5CDC4;}
            
            .PageContentWithSidebar-Sidebar > div {width:152px; height:2px; background:url(images/stripes.png) -391px 0px no-repeat; margin:2px 0px 5px 5px;}
            .PageContentWithSidebar-Sidebar > p {position:absolute; left:10px; bottom:5px;}
            .PageContentWithSidebar-Sidebar > p a, .PageContentWithSidebar-Sidebar > p a:hover {color:#161414; text-decoration:none; font-size:0.8em; font-family:ClaredonBTLight;} 
        .PageContentWithSidebar-Main {width:784px; padding:15px 25px 15px 25px; vertical-align:top; }
    
     /* PageContent & PageContentWithSidebar */   
    .PageContent > h1, .PageContentWithSidebar-Main > h1 {color:#0C0503; font-family:ClaredonBTLight; font-size:2.1em; /*text-shadow:#999999 2px 2px 1px;*/ display:block; margin:5px 0px 10px 0px;}
    .PageContent > div, .PageContentWithSidebar-Main > div {font-family:Georgia, Trebuchet MS;}
        
    .BorderSlide {border:1px solid #54453A;}
    .BorderSlide > div {border:3px solid #C7BFB2;}        

/******************************************************************
    Pages Structure
******************************************************************/

    /* Wines */
    #Wines {position: relative;}   
        #WinesThumbnails {position: relative; padding:0px; min-height:229px;}
                                                       
            #WinesThumbnails .BtnPrev {left:0px; width:22px; height:22px; background: url('images/stripes.png') -391px -3px no-repeat;}
                #WinesThumbnails .BtnPrev:hover {background: url('images/stripes.png') -391px -25px no-repeat;}
            #WinesThumbnails .BtnNext {right:0px; width:22px; height:22px; background: url('images/stripes.png') -413px -3px no-repeat;}
                #WinesThumbnails .BtnNext:hover {background: url('images/stripes.png') -414px -25px no-repeat;}
            #WinesThumbnails .BtnPrev, #WinesThumbnails .BtnNext {position:absolute; top:95px; cursor:pointer;}

    /* Wine */
    #Wine {position: relative;}   

        #Wine .PageContentWithSidebar-Sidebar > h2 {color:#FFFFFF; font-family:ClaredonBTLight; font-size:0.9em; margin-left:10px; display:block;}
        #Wine .PageContentWithSidebar-Sidebar > h2 a, #Wine .PageContentWithSidebar-Sidebar > h2 a:hover {color:#FFFFFF; font-family:ClaredonBTLight; font-size:1.1em; display:block;}                        
            #Wine .PageContentWithSidebar-Sidebar > h2 a:hover {color:#d5cdc4; }
        #Wine .PageContentWithSidebar-Sidebar > a, #Wine .PageContentWithSidebar-Sidebar > a:hover {color:#d5cdc4; font-family:ClaredonBTLight;}

        #Wine .Photos {height:500px; vertical-align:top; text-align:center;}
        #Wine .PhotoLeft {width:250px;}
        #Wine .PhotoRight {width:200px;}
        #Wine .Photos img {vertical-align:top;}

        #Wine .Detail {}
            #Wine .Detail td {vertical-align:top; padding:5px;}
            #Wine .Detail h2 { font-family:Georgia, Times New Roman; font-size:0.8em; color:#827061; margin-left:10px;}
            #Wine .Detail p { margin-bottom:10px; color:#1C1613; font-family:ClaredonBTLight; font-size:1.0em; margin-left:10px;}
            #Wine .Detail div {margin-left:10px; padding-top:10px;}
            #Wine .Detail div a, #Wine .Detail div a:hover {font-family:Georgia, Times New Roman; font-size:0.8em; color:#827061;}

            #Wine .Detail .Year {font-size:1.6em;}
            #Wine .Detail .AlcoholValue {font-size:1.3em;}


    /* Notices */
    #Notices {position: relative;}
        #Notices tr {cursor:pointer;}
        #Notices .Photo {width:176px; height:110px; vertical-align:top;}
        #Notices .Body {vertical-align:top; padding-left:10px;}        
            #Notices .Body > h1 {color:#2B2624; font-family:ClaredonBTLight; font-size:1.5em;}
            #Notices .Body > div {color:#55473B; font-family:Georgia, Trebuchet MS; padding:4px;}
            #Notices .Body > p { text-align:right; }
            #Notices .Body > p a, #Notices .Body > p a:hover {color:#2B2624; font-family:ClaredonBTLight; text-decoration:none;}
 
    /* Notice */
    #Notice {position: relative;}        
    
    /* Contacts */
    #Contacts { width: 730px; background: #fff; border-radius: 3px; padding: 10px 10px 13px 10px; text-align: right; } 
    #Contacts .Left, #Contacts .Right { width: 49%; display: inline-block; vertical-align: top; }
        #Contacts .Left .Map { width: 250px; height: 324px; background: url('images/mapa.jpg') 0 0; margin-top: 15px; }
        #Contacts .Right { width: 362px; margin-left: 5px; text-align: left; }
    #Contacts h2 { width: 400px; font-family: Georgia, Arial; color: #605649; font-weight: normal; text-align: left; }
    #Contacts p { margin-top: 10px; }
            
    #ContactForm { margin: 15px 0; display: inline-block; }
        #ContactForm input, #ContactForm textarea { margin-bottom: 8px; resize: none; }
        #ContactForm  .Actions {}
            #ContactForm .But.Contact { background: #605649; border: none; color: #fff; margin: 0; display: inline-block; vertical-align: middle; padding: 2px 5px; cursor: pointer; }
                #ContactForm .But.Contact:hover { background: #7D7160; }
                #ContactForm .But.Contact:active { background: #605649; }
            #ContactForm .Status { width: 230px; color: #cc0000; display: inline-block; vertical-align: middle; }
    #ContactMapWrapper { width: 480px; height: 420px; border-radius: 3px; border: 1px solid #72A9C5; }
              
     
    /* Gallery */
    #Gallery {position: relative;}
        /*#Gallery .PageContentWithSidebar-Sidebar > h2 {color:#FFFFFF; font-family:Times New Roman, Tahoma; font-size:0.9em; font-weight:bold; margin-left:10px; display:block;}
        #Gallery .PageContentWithSidebar-Sidebar > h2 a, #Gallery .PageContentWithSidebar-Sidebar > h2 a:hover {color:#FFFFFF; font-family:ClaredonBTLight; font-size:1.1em; font-weight:bold; display:block;}                        
        #Gallery .PageContentWithSidebar-Sidebar > a, #Gallery .PageContentWithSidebar-Sidebar > a:hover {color:#d5cdc4;}*/

        #GalleryThumbnails {position: relative; padding:0px;  min-height:300px;}
            /*#GalleryThumbnails .Thumbnail {width:100px; height:66px; display:inline-block;}*/
            #GalleryThumbnails .Thumbnail img {cursor:pointer; border:2px solid transparent; }
            #GalleryThumbnails .Thumbnail img:hover {border:2px solid #3F3229;}
        /*
        #GalleryThumbnails {position: relative; padding:0px; width:800px;}
            #GalleryThumbnails .Group {display:inline-block; margin-left:23px; border:1px solid transparent;}
                #GalleryThumbnails .Thumbnail {display:block; float:left; margin-right:6px;}
                #GalleryThumbnails .Thumbnail img {cursor:pointer; opacity:0.8; border-bottom:4px solid transparent; padding-bottom:2px;}
                #GalleryThumbnails .Thumbnail img:hover {opacity:1.0; border-bottom:4px solid #3F3229; padding-bottom:2px; }*/
           
/******************************************************************
    Elements
******************************************************************/
input[type="text"], input[type="password"], textarea { color: #666; font-size: 0.9em; font-family: Arial; height: 26px; line-height: 26px; padding-left: 5px; border: 1px solid #C0BDB8; border-top: 1px solid #C0BDB8; border-radius: 3px; background: #fff; /* Old browsers */ background: -moz-linear-gradient(top, #ededed 0%, #ffffff 10%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(10%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 10%); /* Chrome10+,Safari5.1+ */ }
    input[type="text"]:focus, input[type="password"]:focus, textarea:focus { color: #407C9D; border: 1px solid #847B6F; border-top: 1px solid #92897C; box-shadow: 1px 1px 1px rgba(209,205,150, 0.5) inset; }
input[type="text"].Little, input[type="password"].Little, textarea.Little { width: 45px; text-align:center; }
input[type="text"].Small, input[type="password"].Small, textarea.Small { width: 185px; }
input[type="text"].Medium, input[type="password"].Medium, textarea.Medium { width: 280px; }
input[type="text"].Large, input[type="password"].Large, textarea.Large { width: 430px; }
textarea { height: 100px; font-size: 0.9em; }