#container {
    position: relative;
    width: 928px;
    height: 632px;
    margin: 0 auto;
    background: url("/img/bg_hotel.gif") 0 0 no-repeat;

}

a:link, a:visited, a:active {
	color: #9ec730;
	font-style:normal;
}

#left-page {
    left: 50px;
    width: 793px;
}

h2#page-title {
	position:absolute;
	top: 22px;
	left:646px;
 	margin: 0;
    padding: 0;
}

#ten-things h3{
	position: absolute;
	top: 150;
	left: 0;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 145px;
    height: 265px;
    display: block;
    background: url("/img/hotel/title-10things.gif") right bottom no-repeat;
}

#hot-list ol {
    list-style: none;
}

#hot-list ol li {
    margin: 0;
    padding: 0;
    display: block;
}

#hot-list p {
	text-align: left;
	padding: 0;
	margin: 0;
}

#hot-list a {
	display: inline;
}

#hot-list div {
	overflow: hidden;
}

#hot-list h4 {
	margin: 0;
    padding: 0;
    text-indent: -9999px;
	display: block;
}

/*smiles*/
#hot-list1 {
    position: absolute;
    top: 290px;
    left: 20px;
    width: 105px;
    height: 216px;
}

#hot-list1 h4 {
    background: url("/img/hotel/title-smiles.gif") 0 0 no-repeat;
}

/*slick tech*/

.hot-list2 {
    position: absolute;
    top: 32px;
    left: 170px;
    width: 189px;
    height: 125px;
}

.hot-list2 h4 {
  	position: relative;
    top: 0px;
    left: 0px;
	float: left;
	padding: 0;
	margin: 0;
	background: url("/img/hotel/title-slicktech.gif") 0 0 no-repeat;
	width: 81px;
	height: 16px;
}

*html .hot-list2 h4 {
	position: relative;
    top: 0px;
    left: 0px;
	background: url("/img/hotel/title-slicktech.gif") 0 0 no-repeat;
	width: 81px;
	height: 16px;
}

#tv {
	background: url("/img/hotel/icon-tv.gif") 0 0 no-repeat;
	width: 75px;
	height: 75px;
	float: left;
	margin-right: 5px;
}


/*deep sleep */
.hot-list3 {
    position: absolute;
    top: 170px;
    left: 170px;
    width: 189px;
    height: 105px;
}

*html .hot-list3 {
    position: absolute;
    top: 170px;
    left: 170px;
    width: 189px;
    height: 80px;
}

.hot-list3 h4 {
  	background: url("/img/hotel/title-deepsleep.gif") 0 0 no-repeat;
	width: 84px;
	height: 16px;
}

#deep-sleep {
	background: url("/img/hotel/icon-pillow.gif") 0 0 no-repeat;
	width: 73px;
	height: 57px;
	float: right;
	margin-right: 5px;
}

/* cleansing experience */
.hot-list4 {
    position: absolute;
    top: 32px;
    left: 408px;
    width: 173px;
    height: 158px;
}


.hot-list4 h4 {
	background: url("/img/hotel/title-cleansingexp.gif") 0 0 no-repeat;
	width: 89px;
	height: 31px;
	float: left;
}

#cleansing {
	background: url("/img/hotel/icon-aveda.gif") 0 0 no-repeat;
	width: 74px;
	height: 76px;
	margin-right: 5px;
	float: left;
}

/* refreshment */
.hot-list5 {
    position: absolute;
    top: 220px;
    left: 405px;
    width: 180px;
    height: 82px;
}

.hot-list5 h4 {
	background: url("/img/hotel/title-refreshment.gif") 0 0 no-repeat;
	width: 105px;
	height: 16px;
	float: left;
}

#refreshment {
	background: url("/img/hotel/icon-coffee.gif") 0 10px no-repeat;
	width: 70px;
	height: 80px;
	float: left;
}

/* fitness */
.hot-list6 {
    position: absolute;
    top: 50px;
    left: 593px;
    width: 194px;
    height: 107px;
}

.hot-list6 h4 {
  	position: relative;
	top: 0;
	left: 0px;
	float: left;
	background: url("/img/hotel/title-fitness.gif") 0 0 no-repeat;
	width: 120px;
	height: 16px;

}

*html .hot-list6 h4 {
  	position: relative;
	top: 0;
	left: 0;
	background: url("/img/hotel/title-fitness.gif") 0 0 no-repeat;
	width: 57px;
	height: 16px;
	margin-left: 70px;
}

#fitness {
	background: url("/img/hotel/icon-fitness.gif") 0 0 no-repeat;
	width: 70px;
	height: 47px;
	float: left;
}

/* beautiful things */
.hot-list7 {
    position: absolute;
    top: 168px;
    left: 593px;
    width: 194px;
    height: 137px;
}

.hot-list7 h4 {
  	background: url("/img/hotel/title-beautifulthings.gif") 0 0 no-repeat;
	width: 135px;
	height: 16px;
	float: left;
}

#gallery {
	background: url("/img/hotel/icon-art.gif") 0 0 no-repeat;
	width: 77px;
	height: 95px;
	float: right;
	margin-left: 6px;
	margin-top: 10px;
}

/* hot bar */
.hot-list8 {
    position: absolute;
    top: 417px;
    left: 145px;
    width: 214px;
    height: 89px;
}

.hot-list8 h4 {
  	background: url("/img/hotel/title-thebar.gif") 0 0 no-repeat;
	width: 63px;
	height: 16px;
}

#bar {
	background: url("/img/hotel/bar.jpg") 0 0 no-repeat;
	width: 80px;
	height: 63px;
	float: right;
}

/* food for thought */
.hot-list9 {
    position: absolute;
    top: 292px;
    left: 145px;
    width: 214px;
    height: 110px;
}

.hot-list9 h4 {
	background: url("/img/hotel/title-foodforthought.gif") 0 0 no-repeat;
	width: 132px;
	height: 16px;
	float: left;
}

#dusk {
	position: relative;
	background: url("/img/hotel/icon-food.gif") 0 0 no-repeat;
	width: 70px;
	height: 100px;
	margin-right: 5px;
	float: left;
}

/* sleek spaces */
.hot-list10 {
    position: absolute;
    top: 317px;
    left: 408px;
    width: 379px;
    height: 183px;
}

.hot-list10 h4 {
	background: url("/img/hotel/title-sleek.gif") 0 0 no-repeat;
	width: 100px;
	height: 16px;
	z-index: 100;
}

/* flash slide show here */
#space {
	position: relative;
	top: 0;
	left: 0;
	background-color: gray;
	width: 240px;
	height: 180px;
	margin-right: 10px;
	float: left;
}

.space1 {
	background: url("/img/hotel/boardroom.jpg") 0 0 no-repeat;
}

.space2 {
	background: url("/img/hotel/ph5.jpg") 0 0 no-repeat;
}

.space3 {
	background: url("/img/hotel/lobbylounge.jpg") 0 0 no-repeat;
}

.space4 {
	background: url("/img/hotel/shorehambar.jpg") 0 0 no-repeat;
}

.space5 {
	background: url("/img/hotel/ph10.jpg") 0 0 no-repeat;
}

.space6 {
	background: url("/img/hotel/gallery1.jpg") 0 0 no-repeat;
}


.leadpic {
	background: url("/img/hotel/lead.jpg") 0 0 no-repeat;
}

#complete-list {
    position: absolute;
    top: 80px;
    left: 210px;
    width: 143px;
    height: 8px;
}



.list-detail {
    position: absolute;
    z-index: 10;
    display: none;
    margin: 0;
    padding: 0;
    width: 350px;
}

.list-detail-content {
    padding: 10px;
    background-color: #999;
}

.list-detail h3 {
    display: none;
}

.list-detail p, .list-detail li {
    padding: 0;
    margin: 0;
    color: white;
}

.list-detail ol {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}


#hot-list2-detail {
    top:  10px;
    left: 250px;
    padding-bottom: 15px;
    background: transparent url("/img/hotel/tab-lbtr.gif") left bottom no-repeat;
}

#hot-list5-detail {
    top: 130px;
	width: 300px;
    right: 20px;
    padding-bottom: 15px;
    background: transparent url("/img/hotel/tab-lbtr.gif") left bottom no-repeat;
}


#hot-list7-detail {
    bottom: 265px;
    right: 126px;
    padding-bottom: 15px;
    background: transparent url("/img/hotel/tab-rbtl.gif") right bottom no-repeat;
}

#hot-list8-detail {
    bottom: 40px;
    left: 180px;
    padding-bottom: 15px;
    background: transparent url("/img/hotel/tab-lbtr.gif") left bottom no-repeat;
}

#hot-list9-detail {
    bottom: 150px;
    left: 280px;
    padding-bottom: 15px;
    background: transparent url("/img/hotel/tab-lbtr.gif") left bottom no-repeat;
}

#hot-list10-detail {
    bottom: 120px;
    right: 120px;
    padding-bottom: 15px;
    background: transparent url("/img/hotel/tab-rbtl.gif") right bottom no-repeat;
}

#complete-list-detail {
    width: 375px;
    top: 90px;
    left: 350px;
    padding-top: 15px;
    background: transparent url("/img/hotel/tab-ltbr.gif") left top no-repeat;
}
* html #complete-list-detail {
    padding-top: 5px;
}