/*-----------------------------------
Discover Dubrovnik main CSS stylesheet 
-------------------------------------*/

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

/************************ GLOBAL STYLING ***/
body 		           { font:62.5%/1 "Arial", sans-serif; color:#fff; background:#83929f; }
a:link, a:visited  { color:#fff; }
a:hover            { text-decoration:none; outline:0; }
a:active           { outline:0; }

/************************ CONTAINER ***/
#container { width:969px; padding-top:41px; margin:0 auto; }

#branding-logo a { display:block; width:860px; height:38px; overflow:hidden; text-indent:-9999px; background:url(../images/branding-logo.png) no-repeat 0 0; }

#nav-main       { overflow:hidden; margin:18px 0 12px; }
#nav-main li    { float:left; margin-right:34px; }
#nav-main .last { margin-right:0; }
#nav-main a { display:block; height:30px; overflow:hidden; text-indent:-9999px; background-image:url(../images/bg-nav-main.png); background-repeat:no-repeat; }
#nav-main #home-link a                   { width:54px; background-position:0 0; }
#nav-main #home-link a:hover,
#nav-main #home-link.active a            { background-position:0 -30px; }
#nav-main #story-link a                  { width:101px; background-position:-54px 0; }
#nav-main #story-link a:hover,
#nav-main #story-link.active a           { background-position:-54px -30px; }
#nav-main #experiences-link a            { width:195px; background-position:-155px 0; }
#nav-main #experiences-link a:hover,
#nav-main #experiences-link.active a     { background-position:-155px -30px; }
#nav-main #wine-link a                   { width:108px; background-position:-350px 0; }
#nav-main #wine-link a:hover,
#nav-main #wine-link.active a            { background-position:-350px -30px; }
#nav-main #yacht-link a                  { width:186px; background-position:-458px 0; }
#nav-main #yacht-link a:hover,
#nav-main #yacht-link.active a           { background-position:-458px -30px; }
#nav-main #accomodation-link a           { width:146px; background-position:-644px 0; }
#nav-main #accomodation-link a:hover,
#nav-main #accomodation-link.active a    { background-position:-644px -30px; }

/************************ CONTENT ***/
#content      { position:relative; width:969px; height:434px; }
#content h1   { overflow:hidden; text-indent:-9999px; height:40px; background-image:url(../images/bg-headings.png); background-repeat:no-repeat; }
#content-main { position:absolute; right:0; bottom:0; _right:-1px; padding:25px 30px; background:url(../images/bg-content-main.png); z-index: 100; }

.text        { font-size:1.3em; line-height:1.4; }
.text p      { margin:20px 0; }
.text strong { font-weight:bold; }
.text em     { font-style:italic; }

/************************ Img slide ***/
#slide  { position:relative; width:969px; height:434px; overflow:hidden; zoom: 1; }
  #slide img  { position: absolute; left: 0; width: 969px; height: 700px; z-index: -1; background:#83929f; }
  #slide img.on { z-index: 1; }
  #slide .odd { top: 0; }
  #slide .even  { bottom: 0; }
  

/************************ Home page ***/
#home-page p            { background: url(../images/home-text-bg.png); position: absolute; z-index: 100; left: 21px; bottom: 58px; width: 353px; height: 137px; text-indent: -9999px; }

/************************ Our story page ***/
#story-page #content-main { width:478px; }
#story-page h1            { background-position:0 0; }

/************************ Incentive experiences page ***/
#experiences-page #content-main { width:473px; }
#experiences-page h1            { background-position:0 -40px; }

/************************ Wine trails page ***/
#wine-page #content-main { width:300px; }
#wine-page h1            { background-position:0 -80px; }

/************************ Luxury yacht charter page ***/
#yacht-page #content-main { width:621px; }
#yacht-page h1            { background-position:0 -120px; }

/************************ Accomodation page ***/
#accomodation-page #content-main { width:327px; }
#accomodation-page h1            { background-position:0 -160px; }

/************************ FOOTER ***/
#footer    { margin-top:7px; overflow:hidden; }
#footer dl { font-size:1.1em; }
#footer dt,
#footer dd { float:left; }
#footer dt { font-weight:bold; margin-right:7px; }
#footer dd { margin-right:14px; padding-right:14px; background:url(../images/bg-sep-01.png) no-repeat 100% 2px; }
#footer dd span { font-weight:bold; }
#footer .last { margin-right:0; padding-right:0; background:none; }

#footer #siteinfo-credits { clear:left; float:left; margin-top:18px; color:#000; text-decoration:none; }
#footer #siteinfo-credits:hover,
#footer #siteinfo-credits span { color:#f00; }