/* 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
{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit}

/* common */
ul {list-style-type:disc; margin:0 0 10px 15px}
    ul li {margin:0 0 3px 0}
ol {list-style-type:decimal; margin:0 0 10px 15px}
    ol li {margin:0 0 3px 0}
p {margin:0 0 10px 0; line-height:16px}

strong {color:#e7e7e7}

/* forms */
input, textarea, select {border:1px solid #ccc; color:#999; font:12px Arial}
input.txt, textarea.txt {padding:2px}
input:focus, textarea:focus, select:focus {border:1px solid #666}

/* links */
a {color:#e7e7e7; text-decoration:none; outline:none}
a:hover {color:#fff}
a.read-more {padding:0 13px 0 0; background:url(../img/arrow-light-right.gif) no-repeat 100% 60%}
a img {border:none}

/* buttons */
.btn-big {display:block; width:88px; height:39px; text-align:center; color:#fff; font:10px Tahoma; line-height:39px; background:url(../img/btn-big.gif) no-repeat}
.btn-small {display:inline-block; width:61px; height:27px; text-align:center; color:#fff; font:9px Tahoma; line-height:27px; background:url(../img/btn-small.gif) no-repeat}

/* misc */
.fleft {float:left}
.fright {float:right}
.fclear {float:none !important; clear:both; height:0; font-size:0; line-height:0; overflow:hidden}
.clear {clear:both}
.no-display {display:none !important}
.display {display:inherit !important}
.show {visibility:visible !important}
.hide {visibility:hidden !important}

/* main */
html, body {height:100%; font:12px Arial; color:#747474}
body {background:#1c1c1c url(../img/page-bg.gif)}
#body {position:relative; min-height:100%; width:980px; margin:auto}
#header {position:relative; height:330px; background:url(../img/page-top.gif) no-repeat 50% 0}
.header-line {height:31px; width:100%; position:absolute; top:0; left:0; z-index:2; background:url(../img/header-line.png) repeat-x 0 0}
#content {border-top:1px solid #303030; padding:15px; background:url(../img/content-top.gif) repeat-x 0 0}
#footer {height:70px; margin-top:-71px; border-top:1px solid #393939; background:#111}

/* page layout */
.footer-fix {height:71px}
.footer {width:950px; margin:auto; padding:30px 0 0 0}
#nav {position:relative; height:54px; margin-top:-7px; z-index:2; background:url(../img/menu-bg.png) repeat-x 0 0}
	#nav h1 {font-size:17px; font-weight:normal; text-transform:uppercase; font-family:Arial Narrow; padding:20px 15px 0 15px}
	#nav ul, #nav ul li {padding:0; margin:0; list-style:none}
	#nav ul li {float:left; width:163px; background:url(../img/nav-separator.png) no-repeat 100% 100%}
	#nav ul li.last {width:165px; background:none}
	#nav ul li a {display:block; width:100%; height:54px; text-align:center; font:14px Tahoma; text-transform:uppercase; line-height:54px; color:#747474}
	#nav ul li a:hover, #nav ul li a.active {background:url(../img/nav-hov.gif) no-repeat 0 100%; color:#fff}
	#nav ul li.last a:hover, #nav ul li.last a.active {background:url(../img/nav-hov-last.gif) no-repeat 0 100%}
	#home .nav-home, #golfing .nav-golfing, #beach .nav-beach, #activities .nav-activities, #apartment .nav-apartment {background:url(../img/nav-hov.gif) no-repeat 0 100%; color:#fff}
	#booking .nav-booking {background:url(../img/nav-hov-last.gif) no-repeat 0 100%; color:#fff}

/* page style */
#header .logo {position:absolute; left:15px; top:0; z-index:2}
#header .special-offer {position:absolute; right:15px; top:2px; z-index:2}
#header .languages {position:absolute; right:100px; top:8px; z-index:2}
	#header .languages a {margin:0 5px}
#header .spec-offer {display:none; position:absolute; right:15px; padding:15px; width:150px; background:#171717; border-top:3px solid #dcdcdc; top:0; font-size:10px; color:#fff; z-index:3}
	#header .spec-offer h1 {color:#fff; font-size:19px; font-weight:normal; margin:0 0 10px}
	#header .spec-offer p {line-height:10px}
	#header .spec-offer .price {font-size:16px}
	#header .spec-offer .price span {color:#f06400}
	#header .spec-offer .description {color:#f06400}
	
#header .slides {position:relative; width:980px; height:330px; overflow:hidden}
	#header .slides ul, #header .slides ul li {padding:0; margin:0; list-style:none}
	#header .slides ul li {position:absolute; top:0; left:0; display:none}
	#header .slides ul li.active {display:block; z-index:1}
	
	#header .slides .slider {position:absolute; bottom:35px; left:20px; width:120px; height:39px; padding:0 10px; font:10px Tahoma; z-index:2; text-align:center; line-height:37px; background:url(../img/slider-bg.png) no-repeat 0 0}
	#header .slides a {padding:0 5px; display:block; color:#fff}
	#header .slides .slider-left {float:left}
	#header .slides .slider-right {float:right}

#content {overflow:hidden}
	#content .cols {width:9999px}
	#content .cols .col {width:305px; margin:0 15px 0 0; float:left}
	#content .cols .col h1 {color:#fff; font-size:17px; font-weight:normal; padding:0 0 0 45px; margin:0 0 10px; height:50px; line-height:53px; background:#171717 url(../img/star.gif) no-repeat 15px 50%}
	#content .cols .col h1 {padding:0 0 0 15px; background:#171717}
	#content .cols .col .image {padding:5px; margin-top:-7px; background:#292929}
	#content .cols .col .image .button {position:absolute; bottom:0; left:0}