html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* GENERAL */
body {
    background-image: url(../img/bg.png);
    color: #E1E8EA;
    font-family: Helvetica, Arial, Georgia, "Times New Roman", Serif;
    font-size: 14px;
    line-height: 1.5em
}

/* STRUCTURE */
div#container                       {margin: auto; width: 980px}

div#header {
    background-image: url(../../img/header__isles_bg.png);
    background-repeat: no-repeat; 
    background-position: bottom;
    height: 230px; 
    color: #317793;
    padding-top: 50px;
    text-align: center;
}

div#header h1 {
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    /*background-position: 70px 30px;*/
    line-height: 139px;
    overflow: hidden;

    position: relative;
    text-indent: 99999px;
    width: 349px;
}

a {color: #FD8FEC;}

div#header a                        {display: block}
div#header a span                   {position: absolute; display: none}

div#sidebar                         {float:left; padding-top: 2em; width: 200px; }
/* Main Menu */
ul#menu                             {list-style: none}
ul#menu li                          {text-indent: 99999px; overflow: hidden; position: relative; line-height: 25px; background-repeat: no-repeat; background-position: 0px -25px;  }
ul#menu li a                        {display: block}
ul#menu li a span                   {position:absolute; display:none}
ul#menu li:hover                    {overflow: hidden; background-position: 0px 0px; }
    
li#menu-home                        {background-image: url(../img/menu_home.png); left: 10px}
li#menu-surfcentar                  {background-image: url(../img/menu_surfcentar.png);}
li#menu-surfcenter                  {background-image: url(../img/menu_surfcenter.png); width: 111px}
li#menu-lokacija                    {background-image: url(../img/menu_lokacija.png); left: 5px}
li#menu-location                    {background-image: url(../img/menu_location.png); left: 5px; width: 89px}
li#menu-dovesiamo                   {background-image: url(../img/menu_dovesiamo.png); left: 5px; width: 106px}

li#menu-tecajevi                    {background-image: url(../img/menu_tecajevi.png);}
li#menu-courses                     {background-image: url(../img/menu_courses.png); width: 80px}
li#menu-icorsi                      {background-image: url(../img/menu_icorsi.png); width: 65px}

li#menu-smjestaj                    {background-image: url(../img/menu_smjestaj.png); left: 10px}
li#menu-accomodation                {background-image: url(../img/menu_accomodation.png); left: 10px; width: 140px}
li#menu-alloggio                    {background-image: url(../img/menu_alloggio.png); left: 10px; width: 91px}

li#menu-kajak                       {background-image: url(../img/menu_kajak.png); width: 158px}
li#menu-kayaking                    {background-image: url(../img/menu_kayaking.png); width: 174px}

li#menu-cjenik                      {background-image: url(../img/menu_cjenik.png); left: 10px; width: 65px}
li#menu-pricelist                   {background-image: url(../img/menu_pricelist.png); left: 10px; width: 88px}
li#menu-prezzi                      {background-image: url(../img/menu_prezzi.png); left: 10px; width: 63px}

li#menu-linkovi                     {background-image: url(../img/menu_linkovi.png); left: 7px; width: 72px}
li#menu-links                       {background-image: url(../img/menu_links.png); left: 5px; width: 53px}
li#menu-linkutili                   {background-image: url(../img/menu_linkutili.png); left: 5px; width: 90px}

li#menu-kontakt                     {background-image: url(../img/menu_kontakt.png); left: 10px; width: 84px}
li#menu-contact                     {background-image: url(../img/menu_contact.png); left: 10px; width: 84px}
li#menu-contatacci                  {background-image: url(../img/menu_contatacci.png); left: 10px; width: 108px}

li#menu-die-lage                    {background-image: url(../img/menu_die_lage.png); left: 10px; width: 77px}
li#menu-die-kurse                   {background-image: url(../img/menu_die_kurse.png); left: 10px; width: 87px}
li#menu-preisliste                  {background-image: url(../img/menu_preisliste.png); left: 10px; width: 97px}

/* Language switch */
ul#language-switch                  {list-style: none; text-align: right}
ul#language-switch li               {text-indent: 99999px; overflow: hidden; position: relative; line-height: 15px; background-repeat: no-repeat; float:right; margin: 0.2em; border: 1px solid #FFFFFF}
ul#language-switch li a             {display: block;}
ul#language-switch li a span        {position:absolute; display:none}
ul#language-switch li#hr            {background-image: url(../img/hr.png); width: 30px}
ul#language-switch li#en            {background-image: url(../img/en.png); width: 30px}
ul#language-switch li#de            {background-image: url(../img/de.png); width: 23px}
ul#language-switch li#it            {background-image: url(../img/it.png); width: 23px}

div#main                            {float: left; padding-top: 2em; width: 440px}

div#sidebar2                        {margin-left: 640px; padding-top: 2em; padding-left: 1em; width: 320px}

ul#partners                         {list-style: none; text-align: center}
ul#partners li                      {text-indent: 99999px; overflow: hidden; position: relative; background-repeat: no-repeat; margin:0.5em}
ul#partners li span                 {position:absolute; display:none}
li#partner-bivillage                {background-image: url(../img/bi_village.png); background-position: 120px 0px; line-height: 55px; text-align: center}
li#partner-scorpionbay              {background-image: url(../img/scorpion_bay.png); background-position: 169px 0px; line-height: 103px; text-align: center}

div.date                            {background-color: #F1E5C7; border: 3px solid white; float: left; width: 45px}

div.article                         {margin-left: 59px}
div.article h3                      {color: #FBFBF8}

div.news                            {margin-bottom: 2em}

h2#novosti                          {margin-bottom: 1em; line-height: 30px; text-indent: 9999px; background: url(../img/h2_novosti.png) no-repeat; position:relative; width: 150px; height: 30px; overflow: hidden}
h2#galerija                         {margin-bottom: 1em; line-height: 30px; text-indent: 9999px; background: url(../img/h2_galerija.png) no-repeat; position:relative; width: 150px; height: 30px; overflow: hidden}

h2                                  {font-size: 2em; font-family: "Trebuchet MS"; color: #B0DD19;}
h2                                  {margin-bottom: 0.8em;}
ul, p                               {margin-bottom: 2em; margin-top: 0}
ul#language-switch                  {margin-bottom:0}
h2 span                             {display: none; position: absolute}

h3                                  {color: #FFFFFF; font-size: 1.4em;}
h5.day                              {text-align: center; padding: 3px 0 3px 0; color: #333333; font-size: 2em}
h6.month                            {line-height: 1em; padding: 2px; background-color: #D93300; text-align: center }
h6.year                             {line-height: 1em; padding: 2px; text-align: center; color: #333333; }

div#footer {
    background-image: url(../img/footer_bg.png);
    background-position: bottom:
    background-repeat: repeat-x;
    clear: both;
    margin-top: 100px;
    text-align: center;
}
.image { 
    background-color: white;
    border: 1px solid gray;
    margin: 2px;
    margin-top: 0;
    padding: 2px;
    text-align: center;  
}

div#gallery {width: 100%; padding-bottom: 1em; padding-top: 3.6em; text-align:center}
div#gallery ul {list-style: none}
div#main ul { padding-left: 2em }

div#footer p {
    background-image: url(../img/256.png); 
    background-position: top left; 
    background-repeat: no-repeat; 
    color: black; 
    margin: auto; 
    margin-bottom: 0; 
    padding-bottom: 1em;
    padding-top: 200px; 
    text-align: center;
    width: 980px; 
}

div#map                            {width: 320px; height: 240px}

div#main dl {margin-bottom: 2em}
div#main dl dt {float:left; clear:left; width: 100px}
div#main dl dd {margin-left: 100px}

div#main label {display: block; float:left; width: 200px}
div#main div.radio label {display:inline; float:none; margin-right: 2em}
div#main div.radio label.regular {display: block; float:left; width: 200px; margin-right: 0}
div#main input, div#main textarea {width: 200px; border: 1px solid #2B586B; padding: 2px;}
div#main textarea {width: 200px}
div#main input.date {width: 100px}
div.input, div.textarea {clear:both; margin-top: 0.5em}
div.submit { text-align:center; margin-top: 1em}
div.submit input {width: 100px}
div#background-layer {background-image: url(../img/header_bg.png);
    background-repeat: repeat-x; background-color: #248AA4;}