* {
margin: 0;
padding: 0;
border: 0;
text-decoration: none;
}

body {
font: 16px/21px Arial, Helvetica, sans-serif;
text-align: center;
padding: 24px 0;
color: #000;
background: #fff;
}

#wrapper {
width: 912px;
margin: 0 auto;
padding: 23px;
border: 1px solid #f78f1e;
text-align: left;
background: transparent url(../img/bg_wrapper.gif) 50% 100% no-repeat;
}

#header {
height: 200px;
}

#lang {
text-align: right;
height: 40px;
padding: 20px 20px 0 0;
background: transparent url(../img/bg_lang.jpg) 0 0 no-repeat;
}

#lang a {
padding-left: 10px;
}

h1 {
height: 140px;
font-size: 2px;
line-height: 2px;
overflow: hidden;
text-indent: -5000px;
background: transparent url(../img/bg_h1.jpg) 0 0 no-repeat;
}

#content {
float: left;
width: 604px;
margin-top: 15px;
}

#content p {
margin: 8px 24px 8px 0;
line-height: 22px;
color: #522e91;
}

#makarska h3 {
clear: both;
height: 51px;
margin-top: 25px;
font-size: 2px;
line-height: 2px;
overflow: hidden;
text-indent: -5000px;
background: transparent url(../img/bg_h3_makarska.gif) 0 0 no-repeat;
}

#makarska h3.en {
clear: both;
height: 38px;
margin-top: 25px;
font-size: 2px;
line-height: 2px;
overflow: hidden;
text-indent: -5000px;
background: transparent url(../img/bg_h3_makarska_en.gif) 0 0 no-repeat;
}

#kontakt #content {
height: 400px;
background: transparent url(../img/lavanda.jpg) 98% 0 no-repeat;
}

#kontakt #content div {
clear: both;
padding-top: 16px;
}

#kontakt #content div p {
margin-bottom: 24px;
}

div.info a {
color: #522e91;
border-bottom: 1px dotted #522e91;
}

#nav li {
list-style: none;
float: left;
padding: 0 15px 15px 0;
}

#nav li a {
display: block;
width: 136px;
height: 37px;
font-size: 2px;
line-height: 2px;
overflow: hidden;
text-indent: -5000px;
}

#nav li a.apartman {
background: #f78f1e url(../img/bg_a_apartman.gif) 0 0 no-repeat;
}

#nav li a.makarska {
background: #f78f1e url(../img/bg_a_makarska.gif) 0 0 no-repeat;
}

#nav li a.gdje {
background: #f78f1e url(../img/bg_a_gdje.gif) 0 0 no-repeat;
}

#nav li a.kontakt {
background: #f78f1e url(../img/bg_a_kontakt.gif) 0 0 no-repeat;
}

#nav li a.find {
background: #f78f1e url(../img/bg_a_find.gif) 0 0 no-repeat;
}

#nav li a.contact {
background: #f78f1e url(../img/bg_a_contact.gif) 0 0 no-repeat;
}

#apartman #nav li a.apartman, #nav li a.apartman:hover, #makarska #nav li a.makarska, #nav li a.makarska:hover, #gdje #nav li a.gdje, #nav li a.gdje:hover, #kontakt #nav li a.kontakt, #nav li a.kontakt:hover, #find #nav li a.find, #nav li a.find:hover, #contact #nav li a.contact, #nav li a.contact:hover {
background-position: -136px 0;
}

#gallery a {
display: block;
float: left;
padding: 0 15px 15px 0;
}

#features {
float: right;
width: 306px;
padding-top: 15px;
font-size: 12px;
line-height: 15px;
text-align: center;
color: #522e91;
background: transparent url(../img/bg_features.gif) 0 0 repeat-y;
}

#parking {
padding: 0 45px;
}

#parking h2 {
height: 37px;
margin-bottom: 8px;
font-size: 2px;
line-height: 2px;
overflow: hidden;
text-indent: -5000px;
background: transparent url(../img/bg_h2_parking.gif) 0 0 no-repeat;
}

#ponuda {
padding-bottom: 70px;
background: transparent url(../img/bg_ponuda.gif) 0 100% no-repeat;
}

#ponuda h2 {
height: 120px;
margin-top: 15px;
font-size: 2px;
line-height: 2px;
overflow: hidden;
text-indent: -5000px;
background: transparent url(../img/bg_h2_ponuda_hr.gif) 0 0 no-repeat;
}

#ponuda h2.en {
background: transparent url(../img/bg_h2_ponuda_en.gif) 0 0 no-repeat;
}

#ponuda p {
padding-right: 45px;
padding-left: 45px;
}

p.reserve {
padding-bottom: 15px;
font-size: 24px;
line-height: 27px;
}

#footer {
clear: both;
padding-top: 230px;
}

#footer p {
padding: 13px;
font-size: 12px;
line-height: 12px;
color: #fff;
background: #f78f1e;
}