/*********** navigator ***********/


/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
} 	





/* main vertical scroll */
	#celeb-suites {
		position:relative;
		overflow:hidden;
		height: 352px;
	}
	
	#premier-suites {
		position:relative;
		overflow:hidden;
		height: 396px;
	}
	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
	}
	
	/* single page */
	.page {
		padding:10px;
		height: 450px;
		background-color: #202020;
		width:350px;
	}
	
	/* root element for horizontal scrollables */
	.scrollable {
		position:relative;
		overflow:hidden;
		width: 340px;
		height: 450px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.item {
		float:left;
		cursor:pointer;
		width:340px;
		height:450px;
		padding:10px;
	}

	
	/* main navigator */
	#celeb-suites-navi, #premier-suites-navi {
		float:left;
		padding:0px !important;
		margin:0px !important;
	}
	
	#celeb-suites-navi li, #premier-suites-navi li {
		background-color:#473d34;
		border-top:1px solid #202020;
		border-left:1px solid #202020;
		clear:both;
		color:#FFFFFF;
		font-size:12px;
		height:33px;
		list-style-type:none;
		padding:5px 10px;
		width:190px;
		cursor:pointer;
		overflow: hidden;
	}
	
	#celeb-suites-navi li:hover, #premier-suites-navi li:hover {
		background-color:#797066;
	}
	
	#celeb-suites-navi li.active, #premier-suites-navi li.active {
		background-color:#202020;
	}
	
	#celeb-suites-navi img, #premier-suites-navi img {
		float:left;
		margin-right:10px;
	}
	
	#celeb-suites-navi strong, #premier-suites-navi strong {
		display:block;
	}
	
	#celeb-suites div.navi, #premier-suites div.navi {
		margin-left:150px;
		cursor:pointer;
	}