html, body, #sbcontainer { width: 100%; height: 100%; min-height: 100%; margin: 0px; padding: 0px; font: 11px/22px verdana; color: #7F7F7F; }
html { background: url('/images/nature/nature-back.jpg') no-repeat 40% top; }
html>body #sbcontainer { height: auto; }
#sbcontainer { position: relative; }
img { border: none; }
a { text-decoration: none; }
#sblogo { position: absolute; top: 0px; left: 50px; }
#sblogo a:hover img { opacity: 0.75; }

/* Tags */
#cloud { padding: 2px; line-height: 2em; }
#cloud a { padding: 0px; }
#cloud { margin: 0; }
#cloud li { display: inline; }
#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }

/* Menu */
#sbmenu { width: 100%; height: 39px; background: url('/images/menu/menu-bg.png') repeat-x; position: absolute; top: 115px; }
#sbmenu ul { margin: 0px 0px 0px 37px; padding: 0px; list-style-type: none; }
#sbmenu li { height: 39px;	margin: 0px; padding: 0px; float: left; }
#sbmenu a { height: 39px; display: block; }
#sbmenu span { position: absolute; top: -1000px; }

#submenu { width: 100%; height: 26px; background: url('/images/submenu-bg.gif') repeat-x; color: #887e6e; position: absolute; top: 154px; }
#submenu ul { margin: 0px 0px 0px 37px; padding: 0px 0px 0px 19px; list-style-type: none; }
#submenu li { height: 24px; padding: 1px 8px 0px 8px; float: left; }
#submenu li.current { background: url('/images/nature/nature-submenu-current.gif') repeat-x; font-weight: bold; }
#submenu a { color: #887e6e; }
#submenu a:hover { border-bottom: 1px dashed #887e6e; }

.menu1 a { width: 134px; background: url('/images/menu/menu-hotels-u.png') no-repeat; }
.menu1, .menu1 a:hover, .menu1 a.current { background: url('/images/menu/menu-hotels-o.png') no-repeat; }
.menu2 a { width: 130px; background: url('/images/menu/menu-rentals-u.png') no-repeat; }
.menu2, .menu2 a:hover, .menu2 a.current { background: url('/images/menu/menu-rentals-o.png') no-repeat; }
.menu3 a { width: 108px; background: url('/images/menu/menu-reservations-u.png') no-repeat; }
.menu3, .menu3 a:hover, .menu3 a.current { background: url('/images/menu/menu-reservations-o.png') no-repeat; }
.menu4 a { width: 102px; background: url('/images/menu/menu-restaurants-u.png') no-repeat; }
.menu4, .menu4 a:hover, .menu4 a.current { background: url('/images/menu/menu-restaurants-o.png') no-repeat; }
.menu5 a { width: 122px; background: url('/images/menu/menu-tours-u.png') no-repeat; }
.menu5, .menu5 a:hover, .menu5 a.current { background: url('/images/menu/menu-tours-o.png') no-repeat; }
.menu6 a { width:98px; background: url('/images/menu/menu-realestate-u.png') no-repeat; }
.menu6, .menu6 a:hover, .menu6 a.current { background: url('/images/menu/menu-realestate-o.png') no-repeat; }
.menu7 a { width: 138px; background: url('/images/menu/menu-shops-u.png') no-repeat; }
.menu7, .menu7 a:hover, .menu7 a.current { background: url('/images/menu/menu-shops-o.png') no-repeat; }
.menu8 a { width: 32px; background: url('/images/menu/menu-home-u.png') no-repeat; }
.menu8, .menu8 a:hover, .menu8 a.current { background: url('/images/menu/menu-home-o.png') no-repeat; }

/* Reservations */
#sbreserve { width: 150px; height: 50px; background: url('/images/reserve-bg.gif'); position: absolute; top:60px; left: 804px }
#sbreserve select { width: 110px; border: 1px solid #DADADA;	font: 11px verdana;	color: #666666;	padding: 3px; position: absolute; top: 10px; left: 135px; }
#sbreserve select:hover, #sbreserve select:focus { border: 1px solid #BFB7A7; background: #F9F9F9; }
.sbresbut a { width: 115px; height: 26px; color: #FFFFFF; position: absolute; top: 34px; left: 20px; background: url('/images/nature/nature-resbut.gif') left;; font-style:normal; font-variant:normal; font-weight: bold; font-size: 12px; font-family:verdana; padding-left: 10px; padding-right: 0px; padding-top:9px; padding-bottom: 0px; }
.sbresbut a:hover { background: url('/images/nature/nature-resbut.gif') right; }

/* Themes */
#sbtheme { position: absolute; top: 125px; right: 10px; }
#sbtheme ul { margin: 0px; padding: 0px; list-style-type: none; }
#sbtheme li { width: 17px; height: 16px; margin: 0px 0px 0px 5px;	padding: 0px; float: left; }
#sbtheme a { width: 17px; height: 16px; display: block; }
#theme { position: absolute; top: 159px; right: 8px; }

.nature a { background: url('/images/nature/nature-change.gif') right; }
.nature a:hover { background: url('/images/nature/nature-change.gif') right; }
.joy a { background: url('/images/joy/joy-change.gif') left; }
.joy a:hover { background: url('/images/joy/joy-change.gif') right; }
.ocean a { background: url('/images/ocean/ocean-change.gif') left; }
.ocean a:hover { background: url('/images/ocean/ocean-change.gif') right; }
.earth a { background: url('/images/earth/earth-change.gif') left; }
.earth a:hover { background: url('/images/earth/earth-change.gif') right; }

/* Page Content and Layout */
#sbcontent { padding: 180px 0px 160px 50px; }
#sbpagelay1, #sbpagelay2, #sbpagelay3, #sbpagelay4 { width: 848px; text-align: justify; }
#sbpagelay1 .sbleft { width: 546px; }
#sbpagelay1 .sblefttext { width: 512px; }
#sbpagelay1 .sbright { width: 300px; }
#sbpagelay1 .sbleft2 { width: 506px; background: url('/images/sb-divider.jpg') no-repeat top right;; padding-left: 0px; padding-right: 40px; padding-top: 0px; padding-bottom: 0px }
#sbpagelay1 .sbright2 { padding: 0px 0px 0px 30px; }
#sbpagelay2 .sbtop { width: 778px; padding: 0px 0px 0px 0px; }
#sbpagelay2 .sbleft { width: 478px; background:url('/images/sb-divider.jpg') no-repeat top right;; padding-left: 12px; padding-right: 40px; padding-top: 0px; padding-bottom: 0px }
#sbpagelay2 .sbright { width: 300px; padding: 0px 0px 0px 21px; }
#sbpagelay3 .sbleft { width: 546px; }
#sbpagelay3 .sbright { width: 300px; }
#sbpagelay3 .sbleft2 { width: 835px; }
#layout4 .sbleft { width: 478px; background: url('/images/sb-divider.jpg') no-repeat top right;; padding-left: 0px; padding-right: 40px; padding-top: 0px; padding-bottom: 0px }
.sbright a:hover { border-bottom: 1px dashed; }
.sbconres p { text-align: center; }
.sbconres a:hover { border-bottom: 1px dashed; }

#sbflash { width: 514px; text-align: center; margin-bottom: 25px; }
p { margin: 16px 0px 16px 0px; }
h1, h2, h3 { margin: 16px 0px 16px 0px; text-align: left; }
hr { margin: 10px 0px 0px 0px; border: 1px dashed #FFFFFF; border-top: 1px dashed #CCCCCC; }
.sbborder img, .sbborder2 { float: left; background: #FFFFFF; padding: 1px; border: 1px solid #c6c6c6; margin: 0px 30px 15px 0px; }
.sbtranslate img { float: left; background: #FFFFFF; padding: 1px; border: 1px solid #c6c6c6; margin: 0px 0px 0px 0px; }
.sbborder:hover img, .sbtranslate:hover img, .sbborder2:hover { border: 1px solid #aec12d; }
.sbdaria { background:url('/images/sb-cornerbox.jpg') no-repeat left top; width: 100%; clear: left; float: left; margin-left: 0px; margin-right: 0px; margin-top: 16px; margin-bottom: 0px; padding-left: 12px; padding-right: 12px; padding-top: 13px; padding-bottom: 12px }
.sbspot h2 { margin: 4px 0px 0px 0px; }
.sbspot p { margin: 4px 46px 0px 0px; text-align: justify; }
.sbspot img { width: 170px; height: 135px; color: #FFFFFF; float: left; background: #FFFFFF; padding: 1px; border: 1px solid #c6c6c6; margin: 0px 30px 15px 0px; }
.sbspot .sbhead { width: auto; height: auto; }

.sbspot { background:url('/images/sb-cornerbox.jpg') no-repeat left top; width: 526; clear: left; float: left; margin-left: 0px; margin-right: 0px; margin-top: 16px; margin-bottom: 0px; padding-left: 12px; padding-right: 12px; padding-top: 13px; padding-bottom: 12px }
.sbspot h2 { margin: 4px 0px 0px 0px; }
.sbspot p { margin: 4px 46px 0px 0px; text-align: justify; }
.sbspot img { width: 170px; height: 135px; color: #FFFFFF; float: left; background: #FFFFFF; padding: 1px; border: 1px solid #c6c6c6; margin: 0px 30px 15px 0px; }
.sbspot .sbhead { width: auto; height: auto; }

#sbcollect td { padding: 0px 3px 10px 3px; text-align: center; vertical-align: top; }
.sbcollection { background:url('/images/sb-cornerbox.jpg') no-repeat left top; width: 100%; clear: left; float: left; margin-left: 0px; margin-right: 0px; margin-top: 16px; margin-bottom: 0px; padding-left: 12px; padding-right: 12px; padding-top: 13px; padding-bottom: 12px }
.sbcollection h2 { margin: 4px 0px 0px 0px; }
.sbcollection p { margin: 4px 46px 0px 0px; text-align: center; }
.sbcollection img { width: 240px; height: 182px; color: #FFFFFF; }
.sbcollection .sbhead { width: auto; height: auto; }

.sbpreview { background:url('/images/sb-cornerbox.jpg') no-repeat left top; width: 100%; clear: left; float: left; margin-left: 0px; margin-right: 0px; margin-top: 16px; margin-bottom: 0px; padding-left: 12px; padding-right: 12px; padding-top: 13px; padding-bottom: 12px }
.sbpreview h2 { margin: 4px 0px 0px 0px; }
.sbpreview p { margin: 4px 46px 0px 0px; text-align: justify; }
.sbpreview img { width: 198px; height: 151px; color: #FFFFFF; }
.sbpreview .sbhead { width: auto; height: auto; }

.sbhighlight { background:url('/images/sb-cornerbox.jpg') no-repeat left top; width: 546px; clear: left; float: left; margin-left: 0px; margin-right: 0px; margin-top: 16px; margin-bottom: 0px; padding-left: 12px; padding-right: 12px; padding-top: 13px; padding-bottom: 12px }
.sbhighlight h2 { margin: 4px 0px 0px 0px; }
.sbhighlight p { margin: 4px 46px 0px 0px; text-align: justify; }
.sbhighlight img { width: 120px; height: 120px; color: #FFFFFF; }
.sbhighlight .sbhead { width: auto; height: auto; }
.sbhighlight2 { width: 255px; margin: 0px 0px 32px 0px; }
.sbhighlight2 h2 a { font: bold 16px arial; color: #939393; }
#sbcontent ul { margin: 15px 0px 0px 20px; padding: 0px; }
#sbcontent li { background: url('/images/nature/nature-arrow.gif') no-repeat top left; list-style-type:none; padding-left: 12px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; }
.fine { font-size: 9px; color: #BBBBBB; }
.download div { width: 31px; height: 37px; background: url('/images/nature/nature-dl.gif'); float: left; display: block; cursor: pointer; margin-left: 0px; margin-right:8px; margin-top:-12px; margin-bottom: 0px; }
.sblogo div { width: 441px; height: 64px; background: url('/images/nature/nature-sblogo.gif'); float: left; display: block; cursor: pointer; margin-left: 0px; margin-right:8px; margin-top:-12px; margin-bottom: 0px; }
.sbdownload { background: url('/images/nature/nature-dl2.gif') no-repeat top left;; padding-left: 19px; padding-right: 0px; padding-top: 0px; padding-bottom: 3px; }
#map-container, #map-container2 { width: 493px; height: 387px; padding: 13px; background: url('/images/sb-slideshow-bg.jpg') no-repeat; }
#map { width: 486px; height: 379px; border: 1px solid #CCCCCC; text-align: left; }
#map-container2 { width: 848px; height: 408px; background: url('/images/sb-map-bd.jpg') no-repeat; }
.sbzoom { width: auto !important; height: auto !important; float: right; margin: 0px 10px 0px 0px; }

#MapBuilderMap { width: 620px; height: 379px; border: 1px solid #CCCCCC; }
.IWCaption { color: #aec12d; font: bold 15px arial; margin-bottom: 5px; }
#MapBuilder img { margin: 5px 15px 0px 0px; padding: 1px; border: 1px solid #CCCCCC; }
.MapBuilderSideBar { float: right; margin-left: 10px; }
.MapBuilderSideBar ul { margin: 10px 0px 0px 0px !important; }

.sbbutsm { width: 87px; height: 35px; float: right; }
.sbbutsm img { width: 12px !important; height: 7px !important; }
.sbbutsm a { width: 87px; height: 26px; float: right; background: url('/images/nature/nature-button1.gif') left; color: #FFFFFF; font-style:normal; font-variant:normal; font-weight: bold; font-size: 12px; font-family:verdana; padding-left: 10px; padding-right: 0px; padding-top:9px; padding-bottom: 0px; }
.sbbutsm a:hover { background: url('/images/nature/nature-button1.gif') right; }

.features { margin: 0px 0px 40px 0px; }
.features p { margin: 8px 0px 0px 0px; padding: 0px; }
.sbhighlight a:hover img, .features a:hover img, .download:hover div, .enquire:hover div { opacity: 0.75; }
p a:hover, h2 a:hover, #sbcontent li a:hover, .sbrates a:hover { border-bottom: 1px dashed #aec12d; }
h1 { margin: 0px; font: 38px arial; letter-spacing: -2px; color: #aec12d; }
h2 { color: #aec12d; padding-bottom: 1px; font: 20px arial; }
h2 span { font: bold 13px arial; }
h2 sup { font: 12px arial; }
h3 { font: bold 15px arial; color: #7F7F7F; }
.sbcolour { color: #aec12d; }
td { vertical-align: top; }
a { color: #aec12d; }
.error_strings { font: 13px; color: #FF0000; }
.airlines { font: 14px "Courier New", Courier, monospace; }

#sbtablemap { width: 788px; height: 584px; }
.sbtableback { width: 492px; padding: 11px; margin-bottom: 15px; background: url('/images/rates-bg.jpg') no-repeat top; }
.sbtableback p { text-align: center; border-bottom: 1px dashed #976a4c; }
#sbsectionsbg { width: 792px; padding: 11px; margin-bottom: 15px; background: url('/images/sections-bg.jpg') no-repeat top; }
#sbsectionsbg p { text-align: center; border-bottom: 1px dashed #976a4c; }
.sbrates { width: 100%; font: 9px verdana; background: #FFFFFF; border: 1px solid #CCCCCC; }
.sbrates tr.hover:hover { background: #F9FBF0; }
.sbrates tr.sbpad td { padding: 18px 3px 18px 3px; background: #EBEFCA; }
.sbrates td { padding: 10px 3px 10px 3px; text-align: center; }
.sbrates td.no { padding: 0px; }
.sbleftcell { background: #F5F7E4; font-weight: bold; }
.sbbusname { background: #F5F7E4; font-weight: bold; width: 230px; }

#sbmailer label { position: absolute; }
#form2 { float: left; }
#form2 label { margin: 3px 0px 0px 0px; color: #aec12d; }
.sbtext1, .sbtext2, .sbtext4, #form2 input { padding: 3px !important; font: 11px verdana; color: #7F7F7F !important; border: 1px solid #DDDDDD; }
.sbtext1 { width: 180px; margin: 2px 0px 2px 150px; }
.sbtext2 { width: 60px; margin: 2px 0px 2px 0px; }
.sbtext4 { width: 188px; margin: 2px 0px 2px 150px; }
.sbtext1:hover, .sbtext2:hover, .sbtext4:hover, #form2 input:hover { border: 1px solid #aec12d; }
#form2 input:hover { opacity: 0.8; }
#sbmailer h3 { border-bottom: 1px dashed #CCCCCC; background: url('/images/nature/nature-arrow.gif') no-repeat top left; padding-left: 10px; padding-right: 0px; padding-top: 2px; padding-bottom: 0px; }
.sbformbutton { width: 84px; height: 37px; background: url('/images/nature/nature-button4-up.gif'); border: medium none; color: #FFFFFF; cursor: pointer; font-style: normal; font-variant: normal; font-weight: bold; font-size: 12px; font-family: verdana; }
.sbformbutton:hover { background: url('/images/nature/nature-button4-over.gif'); }

/* Bottom */
#fade { width: 50px; height: 49px; background: url('/images/sb-divider2.png') repeat-x; position: absolute; bottom: 208px; left: 562px }
#subscribe { width: 203px; position: absolute; right: 12px; bottom: 97px; }
#subscribe a.tag { width: 71px; height: 94px; background: url('/images/nature/nature-key.gif') no-repeat top right; display: block; float: right; }
#subscribe a:hover { border: none !important; opacity: 0.7; }
#subscribe img { padding: 15px 0px 0px 0px; }

#bottom { width: 100%; height: 190px; margin: 0px; background: url('/images/bottom/bottom-bg.jpg') repeat-x bottom; position: absolute; bottom: -1px; color: #DDDDDD; font-style: normal; font-variant: normal; font-weight: normal; line-height: 18px; font-size: 10px; font-family:verdana; left: 1px; }
#bottom p { margin: 0px 0px 10px 0px; }
#bottomlogos { width: 910px; height: 50px; background: url('/images/bottom/bottom-back.gif') no-repeat left; }
#bottomlogos img { float: left; }
#bottomlogos a:hover img { opacity: 0.67; }
#bottomtext { width: 910px; padding: 78px 0px 0px 50px; }
#bottom a, #bottom strong, #bottom span { color: #737373; }
#bottom a:hover { color: #887e6e; border-bottom: 1px dashed #887e6e; }
#bottom span a { color: #aec12d; }
#bottom span a:hover { color: #aec12d; border-bottom: 1px dashed #aec12d; }

/* VideoBar */
#videoBar { width : 546px; margin-right: 5px; margin-left: 5px; padding-top : 4px; padding-right : 4px; padding-left : 4px; padding-bottom : 0px; }