/** RESET **/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0; width: 100%}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}
em{font-style: italic}

/** CLASSICS **/
a{text-decoration: underline; outline: none}
a:hover{text-decoration: none}
a:active{outline: none}
.hidden, .sorry{display: none}
.clr {clear: both;height: 0;overflow: hidden;}
.flLeft{float: left}
.flRight{float: right}

/** FONTS **/
body{color: #e5e5e5; font: 12px/19px Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5{font-weight: bold; color: #c9ae61}
h1{padding: 20px 0 0 0}
h2{font-size: 22px; margin: 5px 0 10px; line-height: 22px; display: table; width: 100%}
h2 strong{display: table-row}
h2 img{display: table-cell; padding-right: 8px}
h2 span{display: table-cell; background: url("../images/h2-bg.gif") 0 50% repeat-x; width: 100%}
#home h2{margin: 0 0 15px}
h3{font-size: 16px; margin: 10px 0 15px}
h4{font-size: 14px; margin: 10px 0 5px}
p{padding: 5px 0 10px}
p.crumbs{font-size: 11px;margin-bottom: 20px; color: #919191}
a{color: #c9ae61; font-weight: bold}
ul{list-style: none}
#content li{background: url("../images/bullet.gif") 0 10px no-repeat; padding: 3px 0 3px 12px}
#footer{color: #73716a; font-size: 11px}
#footer a{color: #928f86;}
.button{background: url("../images/button-bg.gif") 0 50% repeat-x; border:2px solid #a58a3d; padding: 4px 15px; color: #000; text-transform: uppercase}
.button:hover{border: 2px solid #7c641e}

/** LAYOUT **/
body{background: #000 url(../images/bg.jpg) 50% 0 repeat-y}
#container{width: 980px; margin: 0 auto; text-align: left}
#header{height: 240px; position: relative; text-align: center}
#content{margin: 20px 0;}
#footer{text-align: center; margin: 40px 0 30px; padding-bottom: 30px; background: url("../images/logo-footer.png") 50% 100% no-repeat;}
.box{background: url("../images/black-70.png") 0 0 repeat; padding: 25px; margin-bottom: 20px}
.half{width: 430px}
.content-pic-right{float: right; margin: 5px 0 5px 25px; border: 3px solid #c9ae61}

/** LANG SWITCH **/
#lang{list-style: none;position: absolute; right: 25px; top: 5px; z-index:1; background: url("../images/lang-divider.png") 66px 0 no-repeat}
#lang li{float: left}
#lang li a{display: block; height: 22px; background-image: url("../images/lang.png"); text-indent: -500px; overflow: hidden; margin-left: 8px}
#lang li a.switch-en{width: 58px; background-position: 0 -22px}
#lang li a.switch-en:hover, #lang li.active a.switch-en{background-position: 0 1px}
#lang li a.switch-rs{width: 51px; background-position: -61px 1px}
#lang li a.switch-rs:hover, #lang li.active a.switch-rs{background-position: -61px -22px}

/** MENU **/
#menu{list-style: none;margin: 23px 0 0 20px}
#menu li{float: left}
#menu li a{display: block; height: 20px; background-image: url("../images/menu-en.png"); text-indent: -500px; overflow: hidden; margin-right: 22px}
#menu li a.contact{margin-right: 0}
#menu li a.story{width: 98px; background-position: 0 0}
#menu li a.story:hover, #menu li.selected a.story{background-position: 0 -20px}
#menu li a.estate{width: 145px; background-position: -125px 0}
#menu li a.estate:hover, #menu li.selected a.estate{background-position: -125px -20px}
#menu li a.wines{width: 90px; background-position: -295px 0}
#menu li a.wines:hover, #menu li.selected a.wines{background-position: -295px -20px}
#menu li a.tasting-room{width: 80px; background-position: -410px 0}
#menu li a.tasting-room:hover, #menu li.selected a.tasting-room{background-position: -410px -20px}
#menu li a.restaurant{width: 145px; background-position: -510px 0}
#menu li a.restaurant:hover, #menu li.selected a.restaurant{background-position: -510px -20px}
#menu li a.news{width: 140px; background-position: -680px 0}
#menu li a.news:hover, #menu li.selected a.news{background-position: -680px -20px}
#menu li a.contact{width: 110px; background-position: -840px 0}
#menu li a.contact:hover, #menu li.selected a.contact{background-position: -840px -20px}

.lang-rs #menu li a{background-image: url("../images/menu-rs.png"); margin-right: 15px}
.lang-rs #menu li a.story{width: 102px; background-position: -2px 0}
.lang-rs #menu li a.story:hover, .lang-rs #menu li.selected a.story{background-position: -2px -20px}
.lang-rs #menu li a.estate{width: 180px; background-position: -137px 0}
.lang-rs #menu li a.estate:hover, .lang-rs #menu li.selected a.estate{background-position: -137px -20px}
.lang-rs #menu li a.wines{width: 46px; background-position: -347px 0}
.lang-rs #menu li a.wines:hover, .lang-rs #menu li.selected a.wines{background-position: -347px -20px}
.lang-rs #menu li a.tasting-room{width: 176px; background-position: -426px 0}
.lang-rs #menu li a.tasting-room:hover, .lang-rs #menu li.selected a.tasting-room{background-position: -426px -20px}
.lang-rs #menu li a.restaurant{width: 89px; background-position: -635px 0}
.lang-rs #menu li a.restaurant:hover, .lang-rs #menu li.selected a.restaurant{background-position: -635px -20px}
.lang-rs #menu li a.news{width: 171px; background-position: -761px 0}
.lang-rs #menu li a.news:hover, .lang-rs #menu li.selected a.news{background-position: -761px -20px}
.lang-rs #menu li a.contact{width: 82px; background-position: -969px 0}
.lang-rs #menu li a.contact:hover, .lang-rs #menu li.selected a.contact{background-position: -969px -20px}

/** SLIDESHOW **/
#slideshow{border-top: 6px solid #c9ae61; height: 342px; position: relative}
#slideshow img{position: absolute; top: 0; left: 0; z-index: 8}
#slideshow img.current{z-index: 10}
#slideshow img.last-active{z-index: 9}

/** HOME **/
#home .box{height: 170px}
#home em.quote{font-weight: bold; display: block; padding: 2px 0 10px 25px; background: url("../images/quote-start.png") 0 0 no-repeat; font-style: italic; margin-top: 5px; line-height: 22px}
#home em.quote span{background: url("../images/quote-finish.png") 100% 100% no-repeat; padding: 0 27px 10px 0}
#home p.author{padding: 0 0 0 25px; position: relative; top: -15px}
#home p.link{padding: 0;text-align: right}
#home .promo p.link{text-align: left}
.promo-text{width: 286px; margin-bottom: 5px}
.promo-img{width: 120px; border:2px solid #c9ae61; margin-top: 7px}
#home .box .wines-pic{float: left}
#home .box .wines{float: left}
#home .box .white-wines{margin: 0 25px 0 22px}
#home .box .wines a{color: #e5e5e5}
.lang-rs .intro, .lang-rs .wines-intro{height: 210px !important}

/** WINES **/
#wine-navigation{width: 240px; float: left}
#wine-navigation ul{margin-bottom: 35px; margin-left: 2px}
#wine-navigation ul a{color:#e5e5e5}
#wine-content{width: 510px; float: left}
#wine-content strong{display: block; color: #c9ae61}
#wine-pic{float: right; margin: 60px 5px 0 0; width: 148px}
#wine-buy img{margin: 5px 0 0}

/** NEWS **/
.news-item{border-bottom: 1px solid #1a1918; padding: 0 15px 18px 15px; margin-bottom: 5px}
.news-item h3{font-size: 15px; margin: 10px 0 2px}
.news-item p.date{padding: 0; font-size: 11px; color: #3a3a3a; margin-bottom: 5px}
.news-pic{width: 300px; float: left; border:2px solid #c9ae61; margin-top: 12px}
.news-content{width: 576px; float: right}
.news-content img{max-width: 576px}
.news-content h3 a{text-decoration: none}
p.read-more{padding: 0}

/** CONTACT **/
#contact #first{margin-bottom: 30px; border-bottom: 1px solid #1a1918; padding-bottom: 20px}
#contact form{width: 588px; float: right; background: #000; border: 1px solid #0e0e0e; padding: 15px 15px 5px 15px; margin-bottom: 30px}
#contact form h4{margin: 0 0 15px}
#contact form .name{width: 290px; float: left;}
#contact form .message{width: 290px; float: right}
#contact form label{width: 70px; float: left; font-weight: bold}
#contact form input.textfield, #contact form textarea{width: 190px; background: #2b2b2b; border: 1px solid #121212; padding: 2px; font-size: 12px; color: #fff}
#contact form textarea{height: 57px; width: 210px}
#contact form p.submitbtn{text-align: right}
#contact form p.submitbtn input{font-size: 12px; cursor: pointer}
#contact h3{font-size: 13px; margin: 15px 0 3px}
#contact p{padding: 0px 0 10px}
#contact .item{width: 310px; float: left}
.winenet{float: right; margin: 30px 25px 0 0}
#map-big, #map-detail{margin: 25px 0 0 0; border:2px solid #c9ae61}
#map-big img, #map-detail img{display: block}
.positive{color: #c9ae61; font-size: 14px}
.negative{color: #d74619; font-size: 14px}