@charset "UTF-8"; /* CSS Document */

@import url("reset.css");
@import url("fonts.css");
@import url("inputs.css");
@import url("forms.css");




/* GENERAL STYLES
----------------------------------------------- */

html, body {height: 100%;}

body {
	background: #002a5d url(../images/css/bg-tile.jpg) 50% 0 repeat-y;
	color: #fff;
}

#top-bg {
	background: transparent url(../images/css/bg.jpg) 50% 0 no-repeat;
	float: left;
	width: 100%;
}

a:link, a:visited {
	color: #9ee5ff;
	text-decoration: none;
	outline: none;
}

a:hover, a:active {
	color: #9ee5ff;
	text-decoration: underline;
}

.clear {clear: both; font-size: 1px; line-height: 1px;}
.clear-right {clear: right;}
.clear-rigt {clear: left;}

.hidden {display: none;}
.hide {display: none;}
.height-1px {height: 1px; line-height: 1px; font-size: 1px;}

.detail-txt {font-size: .9em;}

.highlight-red {color: #f03509;}

strong {font-weight: bold;}

em,
em strong {font-style: italic;}


#wrapper {
	width: 950px;
	margin: 0 auto;
	font: 1.2em/1.4 Helvetica, Arial, sans-serif;
	overflow: visible;
	position: relative;
	z-index: 1;
}

#wrapper p {
	margin: 0 0 1em 0; 
	line-height: 1.5em;
}

h1 {font-size: 2.33em; text-transform: uppercase; letter-spacing: 0.25em; line-height: 1.2em; margin: 0 0 .85em 0;}
h2 {font-size: 1.67em; text-transform: uppercase; letter-spacing: 0.122em; line-height: 1.4em; margin: 0 0 .3em 0;}
h3 {font-size: 1.33em; text-transform: uppercase; letter-spacing: 0.122em; line-height: 1.3em; margin: 0 0 .3em 0;}

h3 a:link, h3 a:visited,
h3 a:hover, h3 a:active {
	color: #fff;
	text-decoration: none;
	outline: none;
}

#logo {
	width: 368px;
	height: 70px;
	display: block;
	position: relative;
	top: 0;
	left: -35px;
}

#logo-print {display: none; width: 297px; height: 42px;}

#header {
	width: 950px;
	height: 224px;
	position: relative;
	margin: -20px 0 0 0;
}

#footer {
	width: 950px;
	height: 59px;
	margin: 1.5em 0 0 0;
	clear: both;
	font-size: .9em;
	position: relative;
	float: left;
	background: url(../images/css/bg-footer.png) 0 0 repeat-x;
}

#footer ul {
	margin: 18px 0 0 0;
	padding: 0 0 0 23px;
	float: left;
}

#footer ul li {
	display: inline;
	float: left;
	margin: 0 6px 0 0;
	padding: 0 0 0 6px;
	background: url(../images/css/footer-separator.gif) 0 2px no-repeat;
}

#footer ul li.first {
	background: none;
	padding: 0 0 0 0;
}

#footer ul li a:link, #footer ul li a:visited {color: #78a9d4;}
#footer ul li a:hover {color: #9ee5ff; text-decoration: underline;}

a#footer-logo:link,  a#footer-logo:visited {
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	width: 200px;
	height: 25px;
	position: absolute;
	top: 10px;
	right: 23px;
	float: right;
	background: url(../images/css/logo-leading-hotels.gif) 0 0 no-repeat;
	
}

a#footer-logo:hover {
	background: url(../images/css/logo-leading-hotels.gif) 0 0 no-repeat;
}


/* FOOTER HOME STYLES
----------------------------------------------- */

.home #footer {
	margin: 0 0 0 0;
	background: transparent none !important;
}

.home #footer ul {
	padding: 0 0 0 0;
}

.home a#footer-logo:link, .home a#footer-logo:visited {
	top: 18px;
	right: 2px;
}


/* CONTENT AREA STYLES
----------------------------------------------- */

#content {
	width: 950px; 
	margin: 0 0 0 0; 
	position: relative; 
	float: left; 
	clear: both; 
	z-index: 20;
	/*background: #006666;*/
}
#home-content {width: 950px; position: relative; z-index: 10; float: left; clear: both; background: none;} 

#home-content img {position: relative; z-index: 5;}
#home-content .flash-message {width: 400px; height: auto; position: absolute; top: 10px; left: 0; z-index: 20; border: 1px solid #497aab; padding: 20px; margin: 30px 0 0 255px; text-align: center; background: #134278;} 


#content-left {width: 557px; float: left; padding: 0 20px 0 23px; clear: left;}


#content-right {width: 350px; float: left; padding: 8px 0 0 0; /*background: pink;*/}

#content-right div.content-img {padding: 7px; margin-bottom: 1em; float: left; width: 336px; background: url(../images/css/img-frame-right.gif) 0 0 repeat-x;}
#content-right div img {float: left;}


#content-right ul.pdf-links {float: left; width: 350px;}
#content-right ul.pdf-links li {padding: 0 0 .2em 20px; background: url(../images/icons/icon-pdf.gif) 0 2px no-repeat;}



#content-middle {width: 367px; padding: 0 20px 0 0; float: left; display: block; background: transparent;}

#content-middle h1 {clear: left;}


#content-middle-wide {width: 717px; padding: 0 20px 0 0; float: left; display: block; background: transparent; margin-right:-200px;}

#content-middle-wide h1 {clear: left;}


#content-left h4,
#content-right h4,
#content-middle h4,
#content-middle-wide h4 {margin: 0 0 .75em; font-weight: normal; font-size: 1.2em; text-transform: uppercase;}


#content-left ul,
#content-middle ul,
#content-middle-wide,
.signature .content-left ul,
.content-2-cols li .col ul,
.content-3-cols li .col ul,
.content-4-cols li .col ul,
.content-5-cols li .col ul,
.news li.row .txt-container ul {margin: 0 0 1em 0;}


#content-left ul li,
#content-middle ul li,
#content-middle-wide ul li,
.signature .content-left ul li,
.content-2-cols li .col ul li,
.content-3-cols li .col ul li,
.content-4-cols li .col ul li,
.content-5-cols li .col ul li,
.news li.row .txt-container ul li {margin: 0 0 .2em 0em; padding: 0 0 0 15px; background: url(../images/css/bullet.gif) 0 .4em no-repeat;}



.separator {height: 1px; font-size: 1px; line-height: 1px; margin: 0 0 12px 0; clear: both; background: url(../images/css/separator-blue.gif) 0 0 repeat-x transparent;}


/* HEADER IMAGE CONTAINER STYLES
----------------------------------------------- */
 
.img-container-full {width: 950px; height: 200px; float: left; z-index: 20; position: relative; clear: both; overflow: hidden; }

.img-container-spilt {width: 950px; height: 200px; float: left; z-index: 20; position: relative; clear: both; overflow: hidden;}

.img-container-spilt #col-half-image {float: left; width: 429px; height: 200px; overflow: hidden;}
.img-container-spilt #col-half-text {float: left; width: 441px; height: 172px; padding: 28px 40px 0; overflow: hidden;}
.img-container-spilt #col-half-text h1 {margin: 0 0 .3em 0;}

.img-container-replacement {width: 950px; height: 30px; float: left; z-index: 99; position: relative; clear: both;}



/* NEWS & SIGNATURE EXPERIENCE STYLES
----------------------------------------------- */

.news {width: 950px; float: left; margin: 2em 0 0 0; clear: both; background: transparent url(../images/css/_.png) 0 0 repeat-x;}

.news li.row {width: 950px; float: left; padding: 2em 0 1em; background: url(../images/css/shadow-content.png) 0 0 no-repeat;}

/*.news li:first-child.row,
.signature li:first-child.row {padding: 2em 0 1em;}

.news li.first-child,
.signature li.first-child {padding: 2em 0 1em;}
*/
.news li a.btn-view {text-transform: uppercase; font-size: .8em; letter-spacing: .2em; clear: left;}

.news li.row .img-container {float: left; width: 171px; padding: 0px; margin: 0 27px 0 0; background: url(../images/css/img-frame-news.gif) 0 0 repeat-x;}

.news .img-container img {padding: 0 0 0 0;}

.news li.row .txt-container {clear: left; float: left; width: 666px; padding: 0 40px 0 23px;}

.signature li.row .news-title {width: 904px; padding: 0 0 0 23px;}
.signature li.row .news-title li {float: left;}
.signature li.row .news-title li.date {color: #9ee5ff; font-size: .9em; margin: 3px 0 0 0; padding: 0 0 0 20px; background: url(../images/css/separator-date.png) 10px 1px no-repeat transparent;}


.news ul.related-links {width: 904px !important; height: 57px; float: left; clear: left; margin: 1em 0 0 0; padding: 0 0 0 23px; background: url(../images/css/shadow-double.png) 0 0 no-repeat transparent;}

.news ul.related-links li {padding: 11px 20px 0 0; float: left;}

.news ul.related-links li a {padding: 0 0 0 15px; float: left; width: auto; background: url(../images/css/arrow-link.gif) 0 40% no-repeat transparent;}



/* SIGNATURE EXPERIENCE STYLES
----------------------------------------------- */

.signature {width: 950px; float: left; margin: 0 0 0 0; clear: both; background: transparent url(../images/css/_.png) 0 0 repeat-x;}
.media-releases .signature {
	width: 600px;
	clear: none;
}

.signature li.row {width: 950px; float: left; padding: 2em 0 2em; background: url(../images/css/shadow-content.png) 0 0 no-repeat;}
.media-releases .signature li.row {
	width: 600px;
	background: url(../images/css/shadow-content-narrow.png) 0 0 no-repeat;
}

.signature li#intro {background: none; padding: 0em 0 2em;}

#content-left ul.quick-links {margin: .5em 0 1.5em 0px;}
#content-left ul.quick-links li {padding: 0 0 .3em 15px; font-size: 1.0em; letter-spacing: .1em; background: url(../images/css/arrow-link.gif) 0 30% no-repeat transparent;}

.signature li.row div.separator {width: 950px; height: 21px; position: relative; left: 0; clear: both; margin: 0 !important; background: url(../images/css/shadow-content.png) 0 0 no-repeat;}

.back-to-top {padding: 0 0 0 15px; clear: both !important; display: block; width: 80px; background: url(../images/css/arrow-up.gif) 0px 5px no-repeat;}


.signature .content-left {width: 557px; float: left; padding: 0 20px 0 23px; clear: left;}
.signature .content-left h4 {margin: 0 0 1em;}

.signature .content-right {width: 350px; float: left; padding: 8px 0 0 0;}
.signature .content-right div.content-img {padding: 7px; float: left; width: 336px; background: url(../images/css/img-frame-right.gif) 0 0 repeat-x;}
.signature .content-right div img {float: left;}


/* CONTENT 2 COLUMN STYLES
----------------------------------------------- */

.content-2-cols {width: 950px; float: left; margin: 2px 0 0 0; display: block; clear: both; background: transparent;}

.content-2-cols li.row {width: 950px; float: left; clear: both;}
.content-2-cols li.row .col {width: 429px; float: left; padding: 2em 23px 1em;}

.content-2-cols li a.btn-view {text-transform: uppercase; font-size: .8em; letter-spacing: .2em; clear: left;}

.content-2-cols li.row .col .img-container {float: left; width: 171px; padding: 0 40px 0 0 ;}
.content-2-cols li.row .col .img-container img {padding: 0 0 1.2em 0;}
.content-2-cols li.row .col .txt-container {float: left; width: 218px;}


/* CONTENT 3 COLUMN STYLES
----------------------------------------------- */

.content-3-cols {width: 950px; float: left; margin: 2px 0 0 0; display: block; background: transparent;}

.content-3-cols li.row {width: 950px; float: left;}
.content-3-cols li.row .col {width: 270px; float: left; padding: 2em 23px 1em;}

.content-3-cols li a.btn-view {text-transform: uppercase; font-size: .8em; letter-spacing: .2em; clear: left;}

.content-3-cols li.row .col .img-container {float: left; width: 100px; padding: 0 20px 0 0;}
.content-3-cols li.row .col .img-container img {padding: 0 0 1.2em 0;}
.content-3-cols li.row .col .txt-container {float: left; width: 150px;}


/* CONTENT 4 COLUMN STYLES
----------------------------------------------- */

.content-4-cols {width: 950px; float: left; margin: 2px 0 0 0; display: block; clear: both; background: transparent;}

.content-4-cols li.row {width: 950px; float: left; clear: both; background: transparent;}

.content-4-cols li.row div.col {width: 191px; float: left; padding: 2em 23px 3em;}

.content-4-cols li.even div.even {background: transparent url(../images/css/bg-4-5-col.png) 0 0 repeat-x;}
.content-4-cols li.even div.odd {background: transparent;}

.content-4-cols li.odd div.even {background: transparent;}
.content-4-cols li.odd div.odd {background: transparent;}

.content-4-cols li.row div.col a.btn-view {text-transform: uppercase; font-size: .8em; letter-spacing: .2em;}


/* CONTENT 5 COLUMN STYLES
----------------------------------------------- */

.content-5-cols {width: 950px; float: left; margin: 2px 0 0 0; display: block; clear: both; background: transparent;}

.content-5-cols li.row {width: 950px; float: left; clear: both; background: transparent;}

.content-5-cols li.row div.col {width: 144px; float: left; padding: 2em 23px 1em;}

.content-5-cols li.even div.even {background: transparent url(../images/css/bg-4-5-col.png) 0 0 repeat-x;}
.content-5-cols li.even div.odd {background: transparent;}

.content-5-cols li.odd div.even {background: transparent;}
.content-5-cols li.odd div.odd {background: transparent;}

.content-5-cols li.row div.col a.btn-view {text-transform: uppercase; font-size: .8em; letter-spacing: .2em;}


/* MEDIA LIBRARY STYLES
----------------------------------------------- */

/*.media {width: 904px; padding: 0 23px; float: left;}*/
.media {width: 713px; margin: 0 -23px 0 23px; float: left;}

.media ul {width: 734px; float: left; margin: 2px 0 1.5em 0; padding: 0 0 1em 0; display: block; border-bottom: 1px solid #6496c9; background: transparent;}
.media ul:last-child {border-bottom: none;}
.media ul.last-child {border-bottom: none;}

.media ul li.row {width: 734px; float: left; clear: both;}
.media ul li.row .col {width: auto; float: left; padding: 1.5em 38px .5em 0;}
.media ul li.row .col:last-child {padding-right: 0;}
.media ul li.row div.last-child {padding-right: 0;}


.media ul li.row .col a {display: block; position: relative; z-index: 202; text-decoration: none; width:112px;}
.media ul li.row .col a:hover {text-decoration: none; background: url(../images/css/ml-download-over.png) 0 0 no-repeat;}

.media ul li.row .col .img-container {width: 100px; height: 96px; margin: 0 0 1em 0; overflow: hidden; background: #003163;}
.media ul li.row .col .img-container img {border: 0;}

.media ul li.row .col a div.img-over {width: 100px; height: 96px; position: absolute; z-index: 300; background: none;}
.media ul li.row .col a:hover div.img-over {cursor: pointer; background: url(../images/css/ml-download-over.png) 0 0 no-repeat;}

.media ul li.row .col p {color: #ffffff !important; background: url(../images/icons/icon-download.gif) right 3px no-repeat; width:auto; display:inline; padding-right:14px;}


/* TOP NAVIGATION STYLES
----------------------------------------------- */

.home .nav-shadow {background: url(../images/css/nav-main-shadow.png) 0 0 no-repeat; width: 950px; height: 20px; position: absolute; z-index: 101; top: 136px; left: 0; clear: both; float: left;}
.nav-single-shadow {background: url(../images/css/nav-main-shadow.png) 0 0 no-repeat; width: 950px; height: 20px; position: absolute; z-index: 101; top: 136px; left: 0; clear: both; float: left;}
.nav-double-shadow {background: url(../images/css/nav-main-shadow.png) 0 0 no-repeat; width: 950px; height: 20px; position: absolute; z-index: 101; top: 173px; left: 0; clear: both; float: left;}

.header-shadow {background: url(../images/css/header-main-shadow.png) 0 0 no-repeat; width: 950px; height: 21px; position: relative; z-index: 100; top: 0; left: 0; float: left; clear: both;}


.sub-menu-dummy {height: 37px; width: 950px; float: left; z-index: 51; clear: both !important;}


.home #nav-top {
	margin: 70px 0 0 0;
	height: 65px;
}

#nav-top {
	position: relative;
	margin: 0px 0 0 0;
	width: 950px;
	float: left;
	z-index: 51;
	/*height: 103px;*/
}

#nav-top ul li {
	height: 66px;
	list-style-type: none !important;
	float: left;
}

#nav-top ul li a {
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	height: 66px;
}

#nav-top ul li#the-hayman-experience a {background: url(../images/css/nav-main.jpg) 0 0 no-repeat; width: 112px;}
#nav-top ul li#the-hayman-experience a:hover {background: url(../images/css/nav-main.jpg) 0 -66px;} 
#nav-top ul li#the-hayman-experience a.selected,
#nav-top ul li#the-hayman-experience a.selected:hover {background: url(../images/css/nav-main.jpg) 0 -132px;}

#nav-top ul li#accommodation a {background: url(../images/css/nav-main.jpg) -112px 0 no-repeat; width: 144px;}
#nav-top ul li#accommodation a:hover {background: url(../images/css/nav-main.jpg) -112px -66px;} 
#nav-top ul li#accommodation a.selected,
#nav-top ul li#accommodation a.selected:hover {background: url(../images/css/nav-main.jpg) -112px -132px;}

#nav-top ul li#dining a {background: url(../images/css/nav-main.jpg) -256px 0 no-repeat; width: 82px;}
#nav-top ul li#dining a:hover {background: url(../images/css/nav-main.jpg) -256px -66px;} 
#nav-top ul li#dining a.selected,
#nav-top ul li#dining a.selected:hover {background: url(../images/css/nav-main.jpg) -256px -132px;}

#nav-top ul li#spa a {background: url(../images/css/nav-main.jpg) -338px 0 no-repeat; width: 60px;}
#nav-top ul li#spa a:hover {background: url(../images/css/nav-main.jpg) -338px -66px;} 
#nav-top ul li#spa a.selected,
#nav-top ul li#spa a.selected:hover {background: url(../images/css/nav-main.jpg) -338px -132px;}

#nav-top ul li#leisure-and-activities a {background: url(../images/css/nav-main.jpg) -398px 0 no-repeat; width: 110px;}
#nav-top ul li#leisure-and-activities a:hover {background: url(../images/css/nav-main.jpg) -398px -66px;} 
#nav-top ul li#leisure-and-activities a.selected,
#nav-top ul li#leisure-and-activities a.selected:hover {background: url(../images/css/nav-main.jpg) -398px -132px;}

#nav-top ul li#business-events a {background: url(../images/css/nav-main.jpg) -508px 0 no-repeat; width: 90px;}
#nav-top ul li#business-events a:hover {background: url(../images/css/nav-main.jpg) -508px -66px;} 
#nav-top ul li#business-events a.selected,
#nav-top ul li#business-events a.selected:hover {background: url(../images/css/nav-main.jpg) -508px -132px;}

#nav-top ul li#weddings-and-celebrations a {background: url(../images/css/nav-main.jpg) -598px 0 no-repeat; width: 130px;}
#nav-top ul li#weddings-and-celebrations a:hover {background: url(../images/css/nav-main.jpg) -598px -66px;} 
#nav-top ul li#weddings-and-celebrations a.selected,
#nav-top ul li#weddings-and-celebrations a.selected:hover {background: url(../images/css/nav-main.jpg) -598px -132px;}

#nav-top ul li#make-a-reservation a {background: url(../images/css/nav-main.jpg) -728px 0 no-repeat; width: 113px;}
#nav-top ul li#make-a-reservation a:hover {background: url(../images/css/nav-main.jpg) -728px -66px;} 
#nav-top ul li#make-a-reservation a.selected,
#nav-top ul li#make-a-reservation a.selected:hover {background: url(../images/css/nav-main.jpg) -728px -132px;}

#nav-top ul li#private-residences a {background: url(../images/css/nav-main.jpg) -841px 0 no-repeat; width: 109px;}
#nav-top ul li#private-residences a:hover {background: url(../images/css/nav-main.jpg) -841px -66px;} 
#nav-top ul li#private-residences a.selected,
#nav-top ul li#private-residences a.selected:hover {background: url(../images/css/nav-main.jpg) -841px -132px;}   






.home #nav-top ul li#the-hayman-experience a {background: url(../images/css/nav-main-home.jpg) 0 0 no-repeat; width: 112px;}
.home #nav-top ul li#the-hayman-experience a:hover {background: url(../images/css/nav-main-home.jpg) 0 -66px;} 
.home #nav-top ul li#the-hayman-experience a.selected,
.home #nav-top ul li#the-hayman-experience a.selected:hover {background: url(../images/css/nav-main-home.jpg) 0 -132px;}

.home #nav-top ul li#accommodation a {background: url(../images/css/nav-main-home.jpg) -112px 0 no-repeat; width: 144px;}
.home #nav-top ul li#accommodation a:hover {background: url(../images/css/nav-main-home.jpg) -112px -66px;} 
.home #nav-top ul li#accommodation a.selected,
.home #nav-top ul li#accommodation a.selected:hover {background: url(../images/css/nav-main-home.jpg) -112px -132px;}

.home #nav-top ul li#dining a {background: url(../images/css/nav-main-home.jpg) -256px 0 no-repeat; width: 82px;}
.home #nav-top ul li#dining a:hover {background: url(../images/css/nav-main-home.jpg) -256px -66px;} 
.home #nav-top ul li#dining a.selected,
.home #nav-top ul li#dining a.selected:hover {background: url(../images/css/nav-main-home.jpg) -256px -132px;}

.home #nav-top ul li#spa a {background: url(../images/css/nav-main-home.jpg) -338px 0 no-repeat; width: 60px;}
.home #nav-top ul li#spa a:hover {background: url(../images/css/nav-main-home.jpg) -338px -66px;} 
.home #nav-top ul li#spa a.selected,
.home #nav-top ul li#spa a.selected:hover {background: url(../images/css/nav-main-home.jpg) -338px -132px;}

.home #nav-top ul li#leisure-and-activities a {background: url(../images/css/nav-main-home.jpg) -398px 0 no-repeat; width: 110px;}
.home #nav-top ul li#leisure-and-activities a:hover {background: url(../images/css/nav-main-home.jpg) -398px -66px;} 
.home #nav-top ul li#leisure-and-activities a.selected,
.home #nav-top ul li#leisure-and-activities a.selected:hover {background: url(../images/css/nav-main-home.jpg) -398px -132px;}

.home #nav-top ul li#business-events a {background: url(../images/css/nav-main-home.jpg) -508px 0 no-repeat; width: 90px;}
.home #nav-top ul li#business-events a:hover {background: url(../images/css/nav-main-home.jpg) -508px -66px;} 
.home #nav-top ul li#business-events a.selected,
.home #nav-top ul li#business-events a.selected:hover {background: url(../images/css/nav-main-home.jpg) -508px -132px;}

.home #nav-top ul li#weddings-and-celebrations a {background: url(../images/css/nav-main-home.jpg) -598px 0 no-repeat; width: 130px;}
.home #nav-top ul li#weddings-and-celebrations a:hover {background: url(../images/css/nav-main-home.jpg) -598px -66px;} 
.home #nav-top ul li#weddings-and-celebrations a.selected,
.home #nav-top ul li#weddings-and-celebrations a.selected:hover {background: url(../images/css/nav-main-home.jpg) -598px -132px;}

.home #nav-top ul li#make-a-reservation a {background: url(../images/css/nav-main-home.jpg) -728px 0 no-repeat; width: 113px;}
.home #nav-top ul li#make-a-reservation a:hover {background: url(../images/css/nav-main-home.jpg) -728px -66px;} 
.home #nav-top ul li#make-a-reservation a.selected,
.home #nav-top ul li#make-a-reservation a.selected:hover {background: url(../images/css/nav-main-home.jpg) -728px -132px;}

.home #nav-top ul li#private-residences a {background: url(../images/css/nav-main-home.jpg) -841px 0 no-repeat; width: 109px;}
.home #nav-top ul li#private-residences a:hover {background: url(../images/css/nav-main-home.jpg) -841px -66px;} 
.home #nav-top ul li#private-residences a.selected,
.home #nav-top ul li#private-residences a.selected:hover {background: url(../images/css/nav-main-home.jpg) -841px -132px;}   




#nav-top ul li ul {display: block; background: url(../images/css/bg-secondlevel-nav.jpg) 0 0 no-repeat; width: 948px; position: absolute; top: 66px; left: 0; float: left; padding: 0 0;}

#nav-top ul li ul li {padding: 0 0 0 13px; height: 37px !important; font-size: .75em; text-transform: uppercase; line-height: 37px; float: left;}

#nav-top ul li ul li:hover,
#nav-top ul li ul li.hover {background: transparent; cursor: pointer;}
#nav-top ul li ul li.selected {background: url(../images/css/left-secondlevel-nav.png) left 0px no-repeat; cursor: pointer;}

#nav-top ul li ul li a {padding: 0px 13px 0 0px; background: none !important; text-indent: 0; color: #fff; display: block; height: 37px !important; width: auto !important; position: relative; float: left;}

#nav-top ul li ul li:hover a,
#nav-top ul li ul li.hover a {text-decoration: none !important; color: #bdddea !important; background: transparent; cursor: pointer;}
#nav-top ul li ul li.selected a,
#nav-top ul li ul li.selected:hover a,
#nav-top ul li ul li.selected.hover a {text-decoration: none; color: #bdddea; background: url(../images/css/right-secondlevel-nav.png) right 0px no-repeat !important; cursor: pointer;}


/* NAV RIGHT STYLES
----------------------------------------------- */

#nav-right {height: auto; position: relative;} /* ELEMENT NOT FLOATED FOR IE6 SUX */

#nav-right ul {display: block; background: url(../images/css/nav-right-bg.png) left 0 no-repeat; width: auto; height: 43px; padding: 1px 0 0 1px; clear: both; position: absolute; top: -12px; right: 0; z-index: 1000;}

#nav-right ul li {padding: 0; height: 27px !important; font-size: .9em; background: url(../images/css/nav-right-part-01.gif) right 0 no-repeat; line-height: 27px; float: left; text-align: center;}

#nav-right ul li:hover,
#nav-right ul li.hover {background: url(../images/css/nav-right-part-03.gif) no-repeat !important;  background-position: left -27px !important; cursor: pointer;}

#nav-right ul li:first-child,
#nav-right ul li.first-child {background: url(../images/css/nav-right-part-01.gif) left 0 no-repeat !important;}


#nav-right ul li:first-child:hover,
#nav-right ul li.first-child.hover {background: url(../images/css/nav-right-part-01.gif) no-repeat; background-position: left -27px !important;}


.btn-4-action li a {min-width: 91px;}
.btn-3-action li a {min-width: 91px;}
.btn-2-action li a {min-width: 149px;}
.btn-1-action li a {min-width: 91px;}


#nav-right .btn-1-action {background: url(../images/css/nav-right-bg-1-button.png) left 0 no-repeat;}




#nav-right ul li a {padding: 0px 15px; background: url(../images/css/nav-right-part-01.gif) right 0 no-repeat !important; text-indent: 0; color: #78a9d4; display: block; height: 27px !important; position: relative; /*float: left;*/}

#nav-right ul li:last-child a,
#nav-right ul li.last-child a {background: url(../images/css/nav-right-part-02.gif) no-repeat !important; background-position: right 0 !important;}

#nav-right ul li:last-child:hover a,
#nav-right ul li.last-child.hover a,
#nav-right ul li.last-child:hover a:hover {background: url(../images/css/nav-right-part-02.gif) no-repeat; background-position: right -27px !important;}

#nav-right ul li:last-child a:hover,
#nav-right ul li.last-child a.hover  {background: url(../images/css/nav-right-part-02.gif) no-repeat; background-position: right -27px !important;}

#nav-right ul li:hover a,
#nav-right ul li.hover a  {text-decoration: none; color: #9ee5ff; background: url(../images/css/nav-right-part-01.gif) no-repeat; background-position: right -27px !important; cursor: pointer;}


/* NAV RIGHT - CONTENT RIGHT STYLES
----------------------------------------------- */

#content-right #nav-right {height: auto; position: relative; float: right;} /* ELEMENT NOT FLOATED FOR IE6 SUX */

#content-right #nav-right ul {display: block; background: url(../images/css/nav-right-bg.png) left 0 no-repeat; width: auto; height: 43px; padding: 1px 0 0 1px; clear: both; position: relative; top: .6em; right: 0; z-index: 1000;}

#content-right #nav-right ul.btn-1-action {background: url(../images/css/nav-right-bg-1-button.png) left 0 no-repeat;}



/* LEFT NAVIGATION STYLES
----------------------------------------------- */

#nav-left {width: 198px; float: left; position: relative; top: 0px; left: 0; text-transform: uppercase; background: url(../images/css/nav-left-separator.gif) 189px 0 repeat-y; margin: 0 15px 0 0; clear: left;}

#nav-left h3 {width: 168px; padding: 14px 7px 10px 23px;}

#nav-left ul {width: 198px; padding: 1px 0 0 0; background: url(../images/css/nav-left-top.gif) 0 0 no-repeat;}

#nav-left ul li {width: 198px; font-size: .8em;}

#nav-left ul li a:link,
#nav-left ul li a:visited {width: 168px; height: 33px; line-height: 33px; display: block; padding: 0 7px 0 23px; color: #fff;  background: url(../images/css/nav-left.gif) 0 0 no-repeat;}

#nav-left ul li a:hover {text-decoration: none; background: url(../images/css/nav-left.gif) 0 -66px no-repeat;}

#nav-left ul li a.selected, 
#nav-left ul li a.selected:hover {text-decoration: none; background: url(../images/css/nav-left.gif) 0 -33px no-repeat !important;}



/* PAGE CONTROLS STYLES
----------------------------------------------- */

#content #controls {position: relative; width: 932px; float: left; margin: -10px 0 1em 0; padding: 0 0 0 18px;}

#content #controls li {float: left; background: none; padding: 0 0 0 0; margin: 0 0 0 0;}

#content #controls li.print a:link,
#content #controls li.print a:visited {width: 34px; height: 28px; display: block; text-indent: -10000px; overflow: hidden; background: url(../images/css/btn-control-content-left.gif) 0 0 no-repeat;}
/*
#content #controls li.print a:hover {background: url(../images/css/btn-control-content-left.gif) 0 -23px no-repeat;}
*/
#content #controls li.email a:link,
#content #controls li.email a:visited {width: 34px; height: 28px; display: block; text-indent: -10000px; overflow: hidden; background: url(../images/css/btn-control-content-left.gif) -28px 0 no-repeat;}

#content #controls li#map {margin-left: 13px}

/*
#content #controls li.email a:hover {background: url(../images/css/btn-control-content-left.gif) -34px -23px no-repeat;}
*/




.controls-no-header #controls li.print a:link,
.controls-no-header #controls li.print a:visited {width: 34px; height: 28px; display: block; text-indent: -10000px; overflow: hidden; background: url(../images/css/btn-control-content-no-header.gif) 0 0 no-repeat !important;}
/*
.controls-no-header #controls li.print a:hover {background: url(../images/css/btn-control-content-no-header.gif) 0 -23px no-repeat !important;}
*/
.controls-no-header #controls li.email a:link,
.controls-no-header #controls li.email a:visited {width: 34px; height: 28px; display: block; text-indent: -10000px; overflow: hidden; background: url(../images/css/btn-control-content-no-header.gif) -28px 0 no-repeat !important;}
/*
.controls-no-header #controls li.email a:hover {background: url(../images/css/btn-control-content-no-header.gif) -28px -23px no-repeat !important;}
*/



#content-middle #controls,
#content-middle-wide #controls {position: relative; width: 190px; float: left; margin: -10px 0 1em 0; padding: 0 0 0 0;}

#content-middle #controls li,
#content-middle-wide #controls li {float: left; background: none; padding: 0 0 0 0; margin: 0 0 0 0;}

#content-middle #controls li.print a:link,
#content-middle #controls li.print a:visited,
#content-middle-wide #controls li.print a:link,
#content-middle-wide #controls li.print a:visited {width: 34px; height: 28px; display: block; text-indent: -10000px; overflow: hidden; background: url(../images/css/btn-control-content-middle.gif) 0 0 no-repeat;}
/*
#content-middle #controls li.print a:hover,
#content-middle-wide #controls li.print a:hover {background: url(../images/css/btn-control-content-middle.gif) 0 -23px no-repeat;}
*/
#content-middle #controls li.email a:link,
#content-middle #controls li.email a:visited,
#content-middle-wide #controls li.email a:link,
#content-middle-wide #controls li.email a:visited {width: 34px; height: 28px; display: block; text-indent: -10000px; overflow: hidden; background: url(../images/css/btn-control-content-middle.gif) -28px 0 no-repeat;}
/*
#content-middle #controls li.email a:hover,
#content-middle-wide #controls li.email a:hover {background: url(../images/css/btn-control-content-middle.gif) -28px -23px no-repeat;}
*/


/* PRESS RELEASE STYLES
----------------------------------------------- */

#releases {background:url(../images/css/panel-expand-bar.gif) 0 0 no-repeat; padding: 1px 0 0 0;}

#releases .bar {padding: 10px 0 0 0;}
#releases .bar h4 {text-transform: uppercase; margin: 0 0 6px 0; padding: 0 20px;}
#releases .bar .bar-separator {background: url(../images/css/panel-expand-bar.gif) 0 0 no-repeat; height: 1px; font-size: 1px; margin-top: 10px;}

#releases .bar .date {font-size: .9em; padding: 0 20px;}

#releases .content {padding: 0 20px 10px; background: url(../images/css/panel-expand-bar.gif) 0 100% no-repeat; width: 517px;}
#releases .shadow {height: 14px; padding: 0 0 0; background: url(../images/css/panel-expand-top.png) 0 0 no-repeat;}


/* BUTTON STYLES
----------------------------------------------- */

button { border:0; cursor:pointer; font-weight:bold; padding:0 20px 0 0; text-align:center; float: left; width: auto; text-transform: uppercase; font-size: .9em !important; font-weight: bold;}
button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px;}


button.btn-submit {background: url(../images/css/btn-blue-right.gif) right no-repeat;}
button.btn-submit span {height: 34px; line-height: 34px; background:url(../images/css/btn-blue-left.gif) left no-repeat; color: #fff;}
button.btn-submit:hover {background: url(../images/css/btn-blue-right-hover.gif) right no-repeat;}
button.btn-submit:hover span {background: url(../images/css/btn-blue-left-hover.gif) left no-repeat;}

a.btn-info {background: url(../images/css/btn-info.gif) 0 0 no-repeat; display: block; width: 34px; height: 34px; text-indent: -10000px; overflow: hidden; margin: 0px 8px 0 0; float: left;}
a.btn-info:hover {background: url(../images/css/btn-info.gif) 0 100% no-repeat; margin: 0px 8px 0 0;}

a.btn-main {
    background: transparent url(../images/css/btn-blue-right.gif) no-repeat scroll top right;
    color: #ffffff !important;
	font-weight: bold;
    display: block;
    float: left;
    font-size: .9em !important;
    height: 34px;
    margin-right: 6px;
    padding-right: 20px; /* sliding doors padding */
    text-decoration: none;
	text-transform: uppercase;
}

a.btn-main span {
    background: transparent url(../images/css/btn-blue-left.gif) no-repeat;
    display: block;
    line-height: 34px;
    padding: 0px 0 0px 20px;
}

a.btn-main:hover {
    background: url(../images/css/btn-blue-right-hover.gif) right no-repeat;
    color: #000;
    
	text-decoration: none;
}

a.btn-main:hover span {
	background: url(../images/css/btn-blue-left-hover.gif) left no-repeat;
    padding: 0 0 0 20px;
	height: 34px;
}


.btn-form {
	background: transparent url(../images/css/btn-blue-right.gif) no-repeat scroll top right;
    display: block;
    float: left;
    font-size: .9em;
    height: 34px;
    margin-right: 6px;
    padding-right: 20px;
    text-decoration: none;
	cursor: pointer;
}

.btn-form input {
    background: transparent url(../images/css/btn-blue-left.gif) no-repeat;
    display: block;
    line-height: 34px;
    padding: 0 0 0 20px;
	margin: 0 0 0 0;
	border: 0;
	width: auto !important;
	height: 34px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}

.btn-form:hover,
.btn-form.hover {
    background: url(../images/css/btn-blue-right-hover.gif) right no-repeat;
    color: #000;
	text-decoration: none;
}

.btn-form:hover input,
.btn-form.hover input {
	background: url(../images/css/btn-blue-left-hover.gif) left no-repeat;
    padding: 0 0 0 20px; 
}

.btn-form input#confirm-reservation {
    background: transparent url(../images/css/btn-proceed.gif) no-repeat;
	text-indent: -10000in !important;
	width: 162px !important;
}
.btn-form:hover input#confirm-reservation,
.btn-form.hover input#confirm-reservation {
    background: transparent url(../images/css/btn-proceed-hover.gif) no-repeat;
}


/*  STYLES
----------------------------------------------- */

#room-pic {
	width: 950px;
	margin-bottom: 1em;
}

.home-pic {
	width: 950px;
	margin-bottom: .5em;
}

.home-copy {
	width: 950px;
	padding: 3em 0 1em;
}


/* DEFAULT POPUP STYLES
----------------------------------------------- */

.default-popup {
	position: absolute;
	width: 732px;
	margin: 0 auto;
	padding: 35px 0 0 0;
	top: 20px;
	left: 110px;
	z-index: 103;
	background: url(../images/css/bg-default-popup-top.png) 0 0 no-repeat;
}

.default-popup .default-popup-base {
	width: 688px; 
	height: 35px; 
	float: left; 
	padding: 0px 23px 0; 
	background: url(../images/css/bg-default-popup-base.png) 0 0 no-repeat;
}

/*.default-popup .default-popup-base .controls-container-popup {padding: 13px 20px 0 0;}*/

.default-popup .popup-content {width: 640px; padding: 1.0em 46px 2em; background: url(../images/css/bg-default-popup.png) 0 0 repeat; float: left; text-align: left;}



.default-popup .popup-content a.close, 
.default-popup .popup-content a.close {
	float: right;
	margin: 3px 0 1em 0;
	padding: 0 0 0 0;
	display: block;
	background: url(../images/icons/icon-close.gif) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -10000px;
	width: 17px;
	height: 17px;
}

.default-popup .popup-content a.close:hover {
	background: url(../images/icons/icon-close.gif) 0 -17px no-repeat;
}



/* GALLERY STYLES
----------------------------------------------- */

.gallery {
	width: 950px;
	height: auto;
	margin: 0;
	position: relative;
	z-index: 99;
	clear: both;
}

.gallery .popup-content {
	width: 950px;
	height: 200px;
	overflow: hidden;
}


/* GALLERY CONTROLS */


.gallery .controls-container {
	height: auto;
	/*background: #009999;*/
	width: 900px;
	right: 20px;
	bottom: 15px;
	position: absolute;
	text-align: center;
}

#controls-gallery ul {
	float: right;
}

#controls-gallery ul li {
	float: left;
	margin: 0 auto;
	line-height: 18px;
	font-size: .9em;
	padding-right: 8px;
}

#controls-gallery li a:link,
#controls-gallery li a:visited {
	width: 18px;
	height: 18px;
	padding: 0px 0 0 0px;
	margin-right: 0px;
	float: left;
	display: block;
	color: #05386b;
	text-decoration: none;
	background: url(../images/css/btn-control.png) 0 0 no-repeat;
}

#controls-gallery li a:hover {
	color: #05386b;
	text-decoration: none;
	background: #fff !important;
}

#controls-gallery li a.selected,
#controls-gallery li a.selected:hover {
	color: #05386b;
	text-decoration: none;
	font-weight: bold;
	background: #fff !important;	
}

#controls-gallery a.control-arrow-left,
#controls-gallery a.control-arrow-left:visited {
	background: url(../images/css/btn-control-arrows.png) 0 0 no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	float: right;
	overflow: hidden;
	text-indent: -10000px;
	margin-right: 8px;
}

#controls-gallery a.control-arrow-left:hover {
	background: url(../images/css/btn-control-arrows.png) 0 -18px no-repeat;
}

#controls-gallery a.control-arrow-right:link,
#controls-gallery a.control-arrow-right:visited {
	background: url(../images/css/btn-control-arrows.png) -18px 0 no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	float: right;
	overflow: hidden;
	text-indent: -10000px;
}

#controls-gallery a.control-arrow-right:hover {
	background: url(../images/css/btn-control-arrows.png) -18px -18px no-repeat;
}


#controls-gallery a.control-resize:link,
#controls-gallery a.control-resize:visited,
#controls-default a.control-resize:link,
#controls-default a.control-resize:visited {
	background: url(../images/css/btn-resize.png) 0 0 no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	float: right;
	overflow: hidden;
	text-indent: -10000px;
	margin: 0 0 0 10px;
}

#controls-gallery a.control-resize:hover,
#controls-default a.control-resize:hover {
	background: url(../images/css/btn-resize.png) 0 -18px  no-repeat;
}


/* GALLERY CONTROLS END */


#popup-overlay {height: 100%; position: fixed; top: 0; left: 0; margin: 0 auto; background: #003163; z-index: 101; width: 100%; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity:.80;}
 
.popup-overlay-container {position: absolute; top: 0; left: -23px; text-align: center; background: transparent; z-index: 102; width: 100%; height: 100%;}


.gallery-popup {position: relative; width: 996px; margin: 0 auto; padding: 35px 0 0 0; top: 20px; z-index: 103; background: url(../images/css/bg-gallery-popup-top.png) 0 0 no-repeat;}

.gallery-popup .gallery-popup-base {width: 952px; height: 35px; float: left; padding: 0px 23px 0; background: url(../images/css/bg-gallery-popup-base.png) 0 0 no-repeat; position: relative; z-index: 104;}
.gallery-popup .controls-container {width: 900px; right: 43px; top: 40px; position: absolute; z-index: 106;}

.gallery-popup .popup-content {padding: 0 23px; background: url(../images/css/bg-gallery-popup.png) 0 0 repeat-y; margin: 0; float: left; width: 950px; position: relative; z-index: 105;}
.gallery-popup .popup-content li {margin: -10px 0; float: left; width: 950px;}
.gallery-popup .popup-content img {vertical-align: top !important;}



/* UI ISLAND MAP ACCORDION STYLES
----------------------------------------------- */


.island-map .ui-accordion {
	/*resetsmargin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;*/
}

.island-map .ui-accordion-group {
	/*resetsmargin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	border: 1px solid #d3d3d3;*/
}

.island-map .ui-accordion-header {
	/*resetsmargin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;*/
	/*background: url(../images/css/arrow-expand-closed.gif) 0 0 no-repeat;
	cursor: pointer;
	height: 50px;*/
}

.island-map .ui-accordion-header a {
	color: #fff;
	text-decoration: none;
}

.island-map .ui-accordion-header a:hover {
	text-decoration: none;
	color: #9ee5ff;
}

.island-map .ui-state-active {}
.island-map .ui-state-active h4 {}
/*.ui-state-active:hover {background: #255b8c url(../images/arrow_expand_open.gif) 6px 16px no-repeat !important;}*/

/*.ui-accordion-header:hover {background: #255b8c url(../images/css/arrow-expand-closed.gif) 6px 16px no-repeat;}*/

.island-map .ui-accordion-header h4 {}



.island-map .selected .ui-accordion-header, 
.island-map .selected .ui-accordion-header:hover {
	/*background: #255b8c url(../images/css/arrow-expand-closed.gif) 6px 16px no-repeat ;*/
}

.island-map .selected .ui-accordion-header a, 
.island-map .selected .ui-accordion-header a:hover {
	/*background: url(../images/css/arrow-expand-open.gif) 6px 16px no-repeat !important;
	color: #9ee5ff !important;*/
}

.island-map .ui-accordion-content {}

.island-map .ui-accordion-content p {}


.island-map .ui-widget-content {padding: 0; height: 416px;}




/* GENERAL ENQUIRIES
----------------------------------------------- */

.enquires #content-left table {
	width: 100%;
}
.enquires #content-left td {
	padding-right: 25px;
}



/* ISLAND MAP STYLES
----------------------------------------------- */

.island-map {width: 950px; height: 436px; margin: 0 0 0 0; position: relative; z-index: 99; clear: both; overflow: hidden; float: left;}     



.island-map .hotspot-bg {width: 13px; height: 13px; background: url(../images/css/hotspot-bg.png) 0 0 no-repeat; position: absolute; display: block; padding: 16px; margin-top: -16px; margin-left: -16px;}

.island-map a.hotspot:link,
.island-map a.hotspot:visited {display: block; width: 13px; height: 13px; background: #0099CC; font-size: .8em; text-align: center; margin: 0; line-height: 13px; text-decoration: none; color: #ffffff;  position: absolute;}
.island-map a.hotspot:hover, 
.island-map a.selected {
	background: #002a5c !important;
}

.island-map #spot01 {top: 134px; left: 427px;}
.island-map #spot02 {top: 82px; left: 534px;}
.island-map #spot03 {top: 113px; left: 567px;}
.island-map #spot03-02 {top: 85px; left: 516px;}
.island-map #spot04 {top: 107px; left: 454px;}
.island-map #spot05 {top: 122px; left: 419px;}
.island-map #spot06 {top: 131px; left: 359px;}
.island-map #spot07 {top: 154px; left: 345px;}
.island-map #spot07-02 {top: 123px; left: 379px;}

.island-map #spot08 {top: 118px; left: 480px;}
.island-map #spot09 {top: 122px; left: 508px;}
.island-map #spot10 {top: 95px; left: 448px;}
.island-map #spot11 {top: 62px; left: 424px;}

.island-map #spot12 {top: 226px; left: 334px;}
.island-map #spot13 {top: 135px; left: 481px;}
.island-map #spot14 {top: 10px; left: 424px;}
.island-map #spot15 {top: 123px; left: 556px;}
.island-map #spot16 {top: 290px; left: 156px;}
.island-map #spot17 {top: 234px; left: 226px;}
.island-map #spot18 {top: 326px; left: 199px;}
.island-map #spot19 {top: 285px; left: 201px;}
.island-map #spot20 {top: 43px; left: 422px;}
.island-map #spot21 {top: 196px; left: 314px;}
.island-map #spot22 {top: 304px; left: 179px;}

.island-map #spot23 {top: 117px; left: 519px;}
.island-map #spot24 {top: 102px; left: 463px;}
.island-map #spot25 {top: 90px; left: 486px;}
.island-map #spot26 {top: 91px; left: 459px;}
.island-map #spot27 {top: 79px; left: 457px;}
.island-map #spot28 {top: 122px; left: 462px;}
.island-map #spot29 {top: 166px; left: 372px;}

.island-map #spot30 {top: 85px; left: 440px;}
.island-map #spot31 {top: 167px; left: 354px;}
.island-map #spot32 {top: 106px; left: 542px;}
.island-map #spot33 {top: 105px; left: 526px;}
.island-map #spot34 {top: 69px; left: 445px;}
.island-map #spot35 {top: 109px; left: 488px;}

.island-map #spot36 {top: 109px; left: 426px;}
.island-map #spot37 {top: 105px; left: 438px;}
.island-map #spot38 {top: 98px; left: 420px;}

.island-map #spot39 {top: 228px; left: 241px;}
.island-map #spot40 {top: 270px; left: 265px;}
.island-map #spot41 {top: 26px; left: 494px;}
.island-map #spot42 {top: 219px; left: 306px;}

.island-map #spot43 {top: 144px; left: 454px;}
.island-map #spot44 {top: 193px; left: 352px;}
.island-map #spot45 {top: 278px; left: 316px;}
.island-map #spot46 {top: 294px; left: 137px;}
.island-map #spot47 {top: 237px; left: 282px;}
.island-map #spot48 {top: 117px; left: 439px;}
.island-map #spot48-02 {top: 96px; left: 432px;}
.island-map #spot49 {top: 123px; left: 449px;}







.island-map #bg-spot01 {top: 134px; left: 427px;}
.island-map #bg-spot02 {top: 82px; left: 534px;}
.island-map #bg-spot03 {top: 113px; left: 567px;}
.island-map #bg-spot03-02 {top: 85px; left: 516px;}
.island-map #bg-spot04 {top: 107px; left: 454px;}
.island-map #bg-spot05 {top: 122px; left: 419px;}
.island-map #bg-spot06 {top: 131px; left: 359px;}
.island-map #bg-spot07 {top: 154px; left: 345px;}
.island-map #bg-spot07-02 {top: 123px; left: 379px;}

.island-map #bg-spot08 {top: 118px; left: 480px;}
.island-map #bg-spot09 {top: 122px; left: 508px;}
.island-map #bg-spot10 {top: 95px; left: 448px;}
.island-map #bg-spot11 {top: 62px; left: 424px;}

.island-map #bg-spot12 {top: 226px; left: 334px;}
.island-map #bg-spot13 {top: 135px; left: 481px;}
.island-map #bg-spot14 {top: 10px; left: 424px;}
.island-map #bg-spot15 {top: 123px; left: 556px;}
.island-map #bg-spot16 {top: 290px; left: 156px;}
.island-map #bg-spot17 {top: 234px; left: 226px;}
.island-map #bg-spot18 {top: 326px; left: 199px;}
.island-map #bg-spot19 {top: 285px; left: 201px;}
.island-map #bg-spot20 {top: 43px; left: 422px;}
.island-map #bg-spot21 {top: 196px; left: 314px;}
.island-map #bg-spot22 {top: 304px; left: 179px;}

.island-map #bg-spot23 {top: 117px; left: 519px;}
.island-map #bg-spot24 {top: 102px; left: 463px;}
.island-map #bg-spot25 {top: 90px; left: 486px;}
.island-map #bg-spot26 {top: 91px; left: 459px;}
.island-map #bg-spot27 {top: 79px; left: 457px;}
.island-map #bg-spot28 {top: 122px; left: 462px;}
.island-map #bg-spot29 {top: 166px; left: 372px;}

.island-map #bg-spot30 {top: 85px; left: 440px;}
.island-map #bg-spot31 {top: 167px; left: 354px;}
.island-map #bg-spot32 {top: 106px; left: 542px;}
.island-map #bg-spot33 {top: 105px; left: 526px;}
.island-map #bg-spot34 {top: 69px; left: 445px;}
.island-map #bg-spot35 {top: 109px; left: 488px;}

.island-map #bg-spot36 {top: 109px; left: 426px;}
.island-map #bg-spot37 {top: 105px; left: 438px;}
.island-map #bg-spot38 {top: 98px; left: 420px;}

.island-map #bg-spot39 {top: 228px; left: 241px;}
.island-map #bg-spot40 {top: 270px; left: 265px;}
.island-map #bg-spot41 {top: 26px; left: 494px;}
.island-map #bg-spot42 {top: 219px; left: 306px;}

.island-map #bg-spot43 {top: 144px; left: 454px;}
.island-map #bg-spot44 {top: 193px; left: 352px;}
.island-map #bg-spot45 {top: 278px; left: 316px;}
.island-map #bg-spot46 {top: 294px; left: 137px;}
.island-map #bg-spot47 {top: 237px; left: 282px;}
.island-map #bg-spot48 {top: 117px; left: 439px;}
.island-map #bg-spot48-02 {top: 96px; left: 432px;}
.island-map #bg-spot49 {top: 123px; left: 449px;}



.island-map #nav-map-container {top: 10px; right: 10px; position: absolute; width: 314px; height: 416px;}

.island-map #nav-map {width: 314px; border-bottom: 1px solid #6084a6;}

.island-map #nav-map h4 {width: 294px; height: 19px; text-transform: uppercase; font-size: .8em; /*border-bottom: 1px solid #6084a6;*/ margin: 0 auto; letter-spacing: .2em; background: url(../images/css/nav-accordian-bg.gif) 0 0 no-repeat; padding: 9px 0 0 20px; outline: none; cursor: pointer;}
.island-map #nav-map h4:hover {background: url(../images/css/nav-accordian-bg.gif) 0 -28px no-repeat;}
.island-map #nav-map h4.hover {background: url(../images/css/nav-accordian-bg.gif) 0 -28px no-repeat;}

.island-map #nav-map .details {width: 274px; padding: 1em 20px; background: url(../images/css/bg-nav-map.png) 0 0 repeat-y; overflow: hidden;}



.island-map #nav-map .details ul {}

.island-map #nav-map .details ul li {padding: 0 0 .8em 0; font-size: .9em;}
.island-map #nav-map .details p {font-size: .9em !important;}

.island-map #nav-map .details ul li a:link,
.island-map #nav-map .details ul li a:visited {color: #ffffff; text-decoration: none;}
.island-map #nav-map .details ul li a:hover, 
.island-map #nav-map .details ul li a.selected {
	color: #9ee5ff; 
	background: none !important;
}

.island-map #nav-map .details ul li a.disabled {
	color: #ccc !important;; 
	cursor: default !important;
	background: none !important;
}



.island-map #nav-map .details ul li a:link label,
.island-map #nav-map .details ul li a:visited label {
	float: left; 
	display: block; 
	width: 15px; 
	height: 15px; 
	background: #0099CC; 
	font-size: .8em; 
	text-align: center; 
	margin: 0 5px 0 0; 
	line-height: 15px; 
	text-decoration: none; 
	color: #ffffff;
	position: static;
}

.island-map #nav-map .details ul li a:hover label,
.island-map #nav-map .details ul li a.selected label {
	background: #002a5c;
}

/*
.island-map #nav-map .details ul#details-accommodation-and-reception-areas label,
.island-map a.accommodation-and-reception-areas {background: #63947f !important}

.island-map #nav-map .details ul#details-meeting-facilities label,
.island-map a.meeting-facilities {background: #af9bc3 !important;}

.island-map #nav-map .details ul#details-activities label,
.island-map a.activities {background: #472c86 !important;}

.island-map #nav-map .details ul#details-restaurants-and-bars label,
.island-map a.restaurants-and-bars {background: #e44731 !important;}

.island-map #nav-map .details ul#details-pools-gardens-and-ponds label,
.island-map a.pools-gardens-and-ponds {background: #00a3e0 !important;}

.island-map #nav-map .details ul#details-resort-services label,
.island-map a.resort-services {background: #e59d2b !important;}

.island-map #nav-map .details ul#details-general label,
.island-map a.general {background: #136769 !important;}

.island-map #nav-map .details ul#details-other-function-locations label,
.island-map a.other-function-locations {background: #472722 !important;}

.island-map #nav-map .details ul#details-hospitality-desks label,
.island-map a.hospitality-desks {background: #63947f !important;}
*/

/**
 * Paginator
 */
.page_list {
 	float: right;
 	padding: 6px 4px 2px 2px;
 	color: #9EE5FF;
}

.page_list ul{
	display: inline;
	list-style: none;
}

.page_list ul li {
	display: inline;
}

.page_list a {
	padding-left: 3px;
	padding-right: 3px;
	font-size: 10pt;
}

.page_list a.selected {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

#pr-flash-content {
	width: 950px;
	height: 200px;
}