/*-----------------------------------
Zlatna skoljka main CSS stylesheet 
-------------------------------------*/

/************************ CSS RESET ***/
@import url("reset.css");

/************************ GLOBAL STYLING ***/
html 		           { background-image:url(../images/bg-html.jpg); background-position:0 0; }
body 		           { padding-bottom:20px; font:62.5%/1 "Georgia",serif; color:#5d4718; background:url(../images/bg-body.jpg) repeat-x 0 0; }
a:link, a:visited  { color:#876c32; text-decoration:none; }
a:hover            { text-decoration:underline; }
a:active           { outline:0; }

/************************ CONTAINER ***/
#container    { position:relative; width:545px; min-height:722px; padding:173px 0 55px 438px; margin:0 auto; background:url(../images/bg-container.jpg) no-repeat 95% 475px; }
#branding a   { position:absolute; left:0; top:5px; width:983px; height:120px; z-index:3; overflow:hidden; text-indent:-9999px; background:url(../images/bg-branding.jpg) no-repeat 0 0; }

/************************ Main navigation ***/
#nav-main     { position:absolute; left:0; top:126px; z-index:2; width:100%; height:492px; background:url(../images/bg-contact-info.jpg) no-repeat 21px 100%; }
#nav-main ul  { position:absolute; left:0; top:0; width:299px; height:257px; padding:70px 0 0 137px; background:url(../images/bg-nav-main.jpg) no-repeat; }
#nav-main a   { vertical-align:top; display:block; width:182px; overflow:hidden; cursor:pointer; text-indent:-9999px; background-image:url(../images/bg-nav-main-links.jpg); }

#nav-main #menu a                 { height:50px; background-position:0 0; }
#nav-main #menu.active a,
#nav-main #menu a:hover           { background-position:-182px 0; }

#nav-main #wine-chart a           { height:40px; background-position:0 -50px; }
#nav-main #wine-chart.active a,
#nav-main #wine-chart a:hover     { background-position:-182px -50px; }

#nav-main #special-offer a          { height:58px; background-position:0 -90px; }
#nav-main #special-offer.active a,
#nav-main #special-offer a:hover    { background-position:-182px -90px; }

#nav-main #about-us a             { height:39px; background-position:0 -148px; }
#nav-main #about-us.active a,
#nav-main #about-us a:hover       { background-position:-182px -148px; }

#nav-main #gallery a            { position:absolute; z-index:2; left:107px; top:461px; width:332px; height:200px; background-image:url(../images/bg-gallery-link.jpg); background-position:0 -356px; }

#nav-main #location a           { position:absolute; z-index:2; left:85px; top:322px; width:115px; height:115px; background:none; }

/************************ CONTENT ***/
#content              { position:relative; z-index:2; padding-bottom:36px; background:url(../images/bg-content-rp-bottom.png) no-repeat -545px 100%; }
#content-main         { background:url(../images/bg-content-rp-bottom.png) repeat-y 0 5px; }

#content-main h1      { height:73px; overflow:hidden; text-indent:-9999px; background-image:url(../images/bg-main-headings.png); background-repeat:no-repeat; }
#menu-page h1         { background-position:0 0; }
#winechart-page h1    { background-position:0 -73px; }
#specialoffer-page h1 { background-position:0 -146px; }
#aboutus-page h1      { background-position:0 -219px; }

#content-main .inner  { min-height:573px; padding:7px 45px 0 50px; background:url(../images/bg-content-top.jpg) no-repeat 0 0; }

#content-main .text        { margin-top:25px; font-size:1.3em; line-height:25px; font-style:italic;  }
#content-main .text p      { margin-top:25px; }
#content-main .text strong { font-weight:bold; }

/************************ Price list ***/
.price-list h2       { margin:25px 0; font-size:1.25em; font-weight:bold; }
.price-list li       { text-align:right; }
.price-list li:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.price-list li em    { float:left; text-align:left; }
.price-list li span  { display:block; position:relative; top:-3px; font-size:.846em; }

/************************ Home page ***/
#home-page #container           { width:983px; min-height:1100px; padding:0;  }
#home-page #nav-main #gallery a { left:460px; top:0; width:575px; height:356px; background-position:0 0; }
#home-page #footer              { bottom:300px; }

/************************ Footer ***/
#footer                         { position:absolute; left:0; bottom:0; width:975px; line-height:1.3; font-family:"Arial",sans-serif; }
#footer #contact-info           { padding:8px 6px; margin-bottom:2px; background:#d2c393; font-size:1.1em; font-family:"Georgia",serif; }
#footer #contact-info em        { font-weight:bold; font-style:normal; }
#footer #siteinfo-legal         { float:right; text-transform:uppercase; }
#footer #siteinfo-credits       { float:left; color:#000; text-decoration:none; }
#footer #siteinfo-credits:hover,
#footer #siteinfo-credits span  { color:#f00; }

/************************ MISC. ***/
/************************ Lightbox ***/
#jquery-overlay               { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; }
#jquery-lightbox              { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001; text-align: center; line-height: 0; }
#jquery-lightbox a img        { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image     { padding: 10px; }
#lightbox-loading             { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-container-image-data-box                      { font-family:Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data                          { padding: 0; line-height: 16px; color: #1e2d3b; font-size: 14px; }
#lightbox-container-image-data #lightbox-image-details  { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption                         { font-weight: bold; line-height:20px; }
#lightbox-image-details-currentNumber                   { display: block; clear: left; padding-bottom: 1.0em; font-size: 10px; line-height: 12px; color: #656565; }			
#lightbox-secNav-btnClose                               { width: 66px; float: right; padding: 0 3px 0.7em 0; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; color: #656565; text-decoration: none; background: url(../images/lightbox-btn-close.gif) right 2px no-repeat; }
#lightbox-buttons                                       { float: right; clear: right; padding-bottom: 5px; }
#lightbox-buttons img                                   { margin-left: 5px; cursor: pointer; }

/************************ GMap ***/
#gmap-overlay { position:absolute; left:0; top:0; z-index:99; background:#000; }
#gmap         { position:absolute; left:50%; z-index:999; width:480px; height:480px; padding:10px 10px 40px; background:#fff; }
#gmap .close  { position:absolute; right:10px; bottom:10px; padding:0 17px 0 0; cursor:pointer; font:bold 1.1em/1.2 "Arial",sans-serif; color:#656565; text-decoration:none; background:url(../images/lightbox-btn-close.gif) 100% 50% no-repeat; }

/************************ Floating banner ***/

#floating-banner   { position:absolute; left:226px; top:93px; z-index:9; width:530px; height:393px; background:url(../images/floating-banner-valentinovo.jpg) no-repeat; text-indent:-9999px; }
#floating-banner-close { position: absolute; right: 16px; top: 11px; width: 26px; height: 22px; cursor:pointer;}