@font-face {
    font-family: 'EBGaramondRegular';
    src: url('../fonts/EBGaramond-webfont.eot');
    src: url('../fonts/EBGaramond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/EBGaramond-webfont.woff') format('woff'),
         url('../fonts/EBGaramond-webfont.ttf') format('truetype'),
         url('../fonts/EBGaramond-webfont.svg#EBGaramondRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EBGaramondSC';
    src: url('../fonts/EBGaramondSC-webfont.eot');
    src: url('../fonts/EBGaramondSC-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/EBGaramondSC-webfont.woff') format('woff'),
         url('../fonts/EBGaramondSC-webfont.ttf') format('truetype'),
         url('../fonts/EBGaramondSC-webfont.svg#EBGaramondSC') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ForumRegular';
    src: url('../fonts/Forum-Regular-webfont.eot');
    src: url('../fonts/Forum-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Forum-Regular-webfont.woff') format('woff'),
         url('../fonts/Forum-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Forum-Regular-webfont.svg#ForumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
 width: 100%;
 padding: 0;
 margin: 0;
}

body.wine {
 position: relative;
 width: 822px;
 height: 1024px;
 background: #000 url('../img/bg-wine.jpg') center top no-repeat;
 color: #fff;
 font-size: 14px;
 font-family: ForumRegular, sans-serif;
 line-height: 1.4;
 margin: 0 auto;
 padding: 0;
 text-align: left;
}
body.branch {
 position: relative;
 width: 822px;
 height: 1024px;
 background: #000 url('../img/bg-branch.jpg') center top no-repeat;
 color: #fff;
 font-size: 13px;
 font-family: ForumRegular, sans-serif;
 line-height: 1.3;
 margin: 0 auto;
 padding: 0;
 text-align: left;
}

section { 
 padding: 65px 40px;
}

img { border: 0; }

.clear { clear: both; display: block; }

hr {
 border-top: 0;
 border-left: 0;
 border-right: 0;
 border-bottom: 1px solid #7c6d66;
 height: 1px;
 padding: 1px 0 0 0;
 margin: 10px 50px 25px 50px;
 background: #000;
}


ul { 
 list-style-type: none; 
 padding: 0;
 margin: 10px 0 0 10px;
}
ul li { 
 padding: 0 0 3px 0;
 margin: 0;
}


/* Headings */
h1 {font-size: 4em; padding: 0; margin: 0; } 
aside > h2 {font-size: 2.5em; padding: 0; margin: 0 0 15px 0;}
h2 {font-size: 2.5em; padding: 0; margin: 30px 0 10px 0;}
 
h1, h2 {
 font-family: ForumRegular, 'Times New Roman', serif;
 color: #fff;
 font-weight: normal;
 line-height: 1.1;
}

h2 > span {
font-weight: bold;
}

h2 > span + span {
font-size: .55em;
font-weight: normal;
}

h3 {
 font-size: 13px;
 font-family: Arial, sans-serif;
 margin: 0;
 padding: 0;
}

h1 a {
 color: #fff !important;
 text-decoration: none !important; 
}
 
h1 span,
h2 b { 
 color: #c39a41;
 text-transform: uppercase;
}
 

p { 
 text-align: justify;
 font-size: 1em; 
}

section p:nth-child(2) {font-size: 1.4em;}
 
p.flow { margin-left: 10px; }

p.space { margin: 25px 0; }

/* Harvest table on landing/index page */
table {
 width: 345px;
 margin: 45px 0 0 345px;
 padding: 0; 
}

th {
 width: 40%;
 vertical-align: top; 
 text-align: left; 
 padding: .5em .4em;
}

td {
 vertical-align: top; 
 padding: .6em .4em;
}

table#ingredients {
 width: 100%;
 margin: 15px 0 0 0;
 padding: 0;
}

table#ingredients td {
 vertical-align: top; 
 padding: 5px 0;
}

/* Top-bar */

nav {
 position: absolute;
 top: 18px;
}

nav ul {
 list-style: none;
 padding: 0;
 margin: 0;
}
nav ul li {
 width: 60px;
 height: 25px;
 color: #fff;
 padding: 1px 0 0 0;
}

nav a.back, a.back:visited {
 display: block;
 width: 60px;
 height: 25px;
 color: #fff;
 padding: 2px 0 0 7px;
 *padding: 0 0 0 9px;
 font-size: 1em;
 text-decoration: none;
 background: url('../img/bg-nav.png') no-repeat;
}
nav a.back:hover, a.back:active {
 background: url('../img/bg-nav-hot.png') no-repeat;
}

nav a.back > span { font-size: 1.1em; }


aside { 
 width: 355px;
 margin: 100px 0 0 350px; 
 *margin: 100px 0 0 370px;
}


ul.btn {
 list-style: none;
 padding: 0;
 margin: 30px 0 0 0;
}
ul.btn li {
 width: 137px;
 height: 25px;
 color: #fff;
 padding: 1px 0 0 0;
}
ul.btn li > a, a:visited {
 display: block;
 width: 137px;
 height: 25px;
 color: #fff;
 padding: 5px 0 0 20px;
 font-size: 1.2em;
 text-decoration: none;
 background: url('../img/bg-button.png') no-repeat;
}
ul.btn li > a:hover, a:active {
 background: url('../img/bg-button-hot.png') no-repeat;
}

ul.btn li.med {
 width: 77px;
 height: 25px;
 color: #fff;
 padding: 1px 0 0 0;
}
ul.btn li.med > a, a:visited {
 display: block;
 width: 77px;
 height: 25px;
 color: #fff;
 padding: 1px 0 0 16px;
 font-size: 1em;
 text-decoration: none;
 background: url('../img/bg-button-med.png') no-repeat;
}
ul.btn li.med > a:hover, a:active {
 background: url('../img/bg-button-med-hot.png') no-repeat;
}


/* Discovery-Buttons */


#twitter {
 position: absolute;
 z-index: 2;
 top: 11px;
 left: 213px;
 width: 42px;
 height: 55px;
 background: url('../img/t.gif') no-repeat;
}
#twitter:hover {
 background: url('../img/button-twitter.png') no-repeat;
}

#twomey {
 position: absolute;
 z-index: 2;
 top: 320px;
 right: 70px;
 width: 35px;
 height: 61px;
 background: url('../img/t.gif') no-repeat;
}
#twomey:hover {
 background: url('../img/button-T.png') no-repeat;
}

#play {
 position: absolute;
 z-index: 2;
 top: 390px;
 left: 30px;
 width: 60px;
 height: 43px;
 background: url('../img/t.gif') no-repeat;
}
#play:hover {
 background: url('../img/button-play.png') no-repeat;
}

#grapes {
 position: absolute;
 z-index: 2;
 top: 425px;
 left: 295px;
 width: 80px;
 height: 79px;
 background: url('../img/t.gif') no-repeat;
}
#grapes:hover {
 background: url('../img/button-grapes.png') no-repeat;
}

#barrel {
 position: absolute;
 z-index: 2;
 top: 778px;
 right: 165px;
 width: 42px;
 height: 58px;
 background: url('../img/t.gif') no-repeat;
}
#barrel:hover,
#barrel:active {
 background: url('../img/button-barrel.png') no-repeat;
}


#silverware {
 position: absolute;
 z-index: 2;
 bottom: 22px;
 left: 407px;
 width: 60px;
 height: 61px;
 background: url('../img/t.gif') no-repeat;
}
#silverware:hover {
 background: url('../img/button-silverware.png') no-repeat;
}



/* Star Button for pop-up */
#star {
 position: absolute;
 z-index: 2;
 bottom: 45px;
 left: 168px;
 width: 52px;
 height: 49px;
 background: url('../img/t.gif') no-repeat;
}
#star:hover {
 background: url('../img/button-star.png') no-repeat;
}


#twitter a,
#twomey a,
#play a,
#grapes a,
#barrel a,
#silverware a,
#star a { background: transparent; }



#element_to_pop_up { 
 display:none; 
 border-radius:2px;
 color:#000;
 min-width:400px;
 min-height: 180px;
 padding: 30px;
 font-size: 1.2em;
 line-height: 1.5em;
 background-color:#fff;
 opacity: 0.8;
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

/* popup for video */
#popup2 { 
 display:none; 
 border-radius:2px;
 color:#fff;
 min-width:600px;
 min-height: 400px;
 padding: 30px;
 margin: 0 auto;
 font-size: 1.2em;
 line-height: 1.5em;
 background-color:#333;
 opacity: 0.8;
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.small { font-size: .8em; line-height: 1.3em; }
p.center { text-align: center; padding: 10px 0; margin: 0; }


a.orange, a.orange:visited {
 color: #b47d05;
 text-decoration: none;
 font-weight: bold;
}
a.orange:hover, a.orange:active {
 text-decoration: underline;
}

.bClose {
 cursor:pointer;
 position:absolute;
 right:10px;
 top:5px;
 font-size: 1.4em;
 color: #d29206;
 text-decoration: none !important;
}