@charset "utf-8";
/* CSS Document */
html {
	background:#BABB9C url(images/backgrounds/bg_body_fade.jpg) repeat-y center 0;
	margin:0;
	padding:0;
}
body {
	background:url(images/backgrounds/bg_top_fade.jpg) no-repeat center 0;
	text-align:center;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	height:1200px;
}
#page {
	width:1010px;
	text-align:left;
	margin:0 auto;
	position:relative;
}
h1, h2, h3, h4, h5 {
	margin:0 0 10px;
	font-weight:normal;
}
p {
	margin:0 0 20px;
}
a, a:visited {
	text-decoration:none;
	color:#00B0D0;
}
a:hover {
	color:#8e4d00;
}
.linkList {
	list-style:none;
	margin:0 0 10px;
	padding:0;
}
.clear {
	clear:both;
	width:100%;
	height:0;
}
#content {
	background:url(images/backgrounds/bg_page.gif) repeat-y right 0;
	padding-top:10px;
}
* html #content {
	float:left;
}

#main {
	width:785px;
	float:left;
}
#rail {
	float:right;
	width:209px;
} 
/* -- Header -- */
#header {
	position:relative;
}
#header h1 {
	background:url(images/backgrounds/hdr_project.jpg) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:617px;
	height:83px;
	margin-bottom:0;
}
.btnVisit {
	background:url(images/backgrounds/btn_visit.gif) no-repeat 0 0;
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	width:196px;
	height:18px;
	margin:56px 0 9px;
}
.btnVisit:hover {
	background-position:0 -18px;
}
#headerBtm {
	border-top:10px solid #000;
	background:#fff;
	width:985px;
	height:46px;
	clear:both;
	margin-left:25px;
	
}
.logoList {
	background:#fff url(images/backgrounds/top_dot.gif) repeat-x 0 bottom;
	list-style:none;
	margin:0 0 0 14px;
	padding:9px 0;
	float:left;
	width:964px;
}
* html .logoList {
	margin-left:7px;
}
.logoList li {
	float:left;
	margin-left:30px;
}
.logoList li a {
	display:block;
	height:28px;
	overflow:hidden;
	text-indent:-9999px;
}
#billabongSm {
	margin-left:10px;
}
#billabongSm a {
	background:url(images/logos/sm/billabong.gif) no-repeat 0 0;
	width:118px;
}
#roxySm a {
	background:url(images/logos/sm/roxy.gif) no-repeat 0 0;
	width:29px;
}
#glaceauSm a {
	background:url(images/logos/sm/glaceau.gif) no-repeat 0 0;
	width:83px;
}
#etniesSm a {
	background:url(images/logos/sm/etnies.gif) no-repeat 0 0;
	width:61px;
}
#lostSm a {
	background:url(images/logos/sm/lost.gif) no-repeat 0 0;
	width:51px;
}
#quicksilverSm a {
	background:url(images/logos/sm/quicksilver.gif) no-repeat 0 0;
	width:78px;
}
#lspaceSm a {
	background:url(images/logos/sm/l_space.gif) no-repeat 0 0;
	width:59px;
}
#billabongGirlSm a {
	background:url(images/logos/sm/billabong_girl.gif) no-repeat 0 0;
	width:57px;
}
#ripSm a {
	background:url(images/logos/sm/rip_curl.gif) no-repeat 0 0;
	width:52px;
}
#rivieraSm a {
	background:url(images/logos/sm/riviera.gif) no-repeat 0 0;
	width:86px;
}
/* -- Intro -- */
.intro {
	background:url(images/backgrounds/bg_intro.gif) no-repeat 0 -58px;
	margin:0 0 0 40px;
	padding:25px 0 10px 12px;
	width:730px;
}
.intro h2 {
	color:#8e4d00;
	font-size:32px;
	margin-bottom:24px;
}
/* -- Room Block -- */
.roomBlock {
	background:url(images/backgrounds/hr_room.gif) no-repeat right 0;
	padding:32px 0;
}
.roomFeat {
	background:url(images/backgrounds/bg_room_feat.png) no-repeat 0 0;
	padding:10px 10px 28px;
	position:relative;
	height:337px;
	width:765px;
}
* html .roomFeat {
	background-image:url(images/backgrounds/bg_room_feat.gif);
}
.roomBlock .logo {
	position:absolute;
	top:10px;
	left:10px;
}
* html .roomBlock .logo {
	left:0;
}
.roomDetail {
	padding:9px 0 0 59px;
	float:left;
	width:450px;
	position:relative;
}
.roomDetail h3 {
	font-size:25px;
	text-transform:uppercase;
}
.roomDetail h3 a {
	font-weight:bold;
}
.roomDetail h4 {
	font-weight:bold;
	font-size:12px;
	margin-bottom:0;
}
.roomDetail ul {
	margin:0 0 10px 25px;
	padding:0;
}
.roomBlock img {
	border:none;
}
.roomGal {
	background:url(images/backgrounds/bg_gallery.gif) no-repeat 0 0;
	float:right;
	width:250px;
	list-style:none;
	margin:0;
	padding:20px 0 20px 20px;
}
.roomGal li {
	float:left;
	margin:0 0 5px 5px;
}
.roomGal li.first {
	margin:0 0 5px 0;
	clear:left;
}
.roomGal li img {
	border:3px solid #000;
}
.roomGal li a:hover img {
	opacity:0.5;
	filter:alpha(opacity=50);
}
.roomDetail .roomLinks {
	list-style:none;
	margin:0;
	padding:0;
}
.roomLinks li {
	float:left;
	margin-right:13px;
}
.roomLinks li.text {
	padding-top:6px;
}
.btnBook {
	background:url(images/backgrounds/btn_book.gif) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:114px;
	height:18px;
}
.btnBook:hover {
	background-position:0 -18px;
}
.toTop {
	position:absolute;
	bottom:0;
	right:0;
}
* html .toTop {
	bottom:20px;
}
/* -- Rail -- */
#contactBlock {
	padding:0 25px 29px 0;
}
.logoMain {
	background:url(images/backgrounds/logo.jpg) no-repeat 0 0;
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	width:96px;
	height:90px;
	margin-bottom:26px;
}
#contactBlock p {
	text-align:right;
	margin-bottom:7px;
	clear:both;
}
#contactBlock h4 {
	color:#b2b2b2;
	font-size:20px;
}
#contactBlock h4 span {
	display:block;
	font-size:28px;
	color:#000;
}
.btnMore {
	background:url(images/backgrounds/btn_more.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:113px;
	height:18px;
	margin-left:62px;
}
.btnMore:hover {
	background-position:0 -18px;
}
#promo {
	background:url(images/backgrounds/bg_promo.jpg) no-repeat 0 0;
	width:176px;
/*	height:282px;*/
	padding:20px 25px 10px 8px;
	overflow:hidden;
	color:#fff;
	margin-bottom:10px;
}
#promo h4 {
	font-size:29px;
	text-transform:uppercase;
}
#promo h5 {
	font-size:15px;
}
#findRoom {
	background-color:#E9E9E9;
	border:1px dotted #666666;
	margin:0 0 10px;
	padding:3px;
	width:194px;
	line-height:24px;
}
#press {
	padding:0 20px 0 0;
	margin-bottom:10px;
}
#press h3,
#vendors h3 {
	font-size:29px;
	margin-bottom:0;
}
#press .linkList li,
#vendors .linkList li {
	padding:0 0 5px;
}
/* -- Footer -- */
#footer {
	background:url(images/backgrounds/bg_footer.png) no-repeat 0 0;
	width:984px;
	height:32px;
	font-size:11px;
	color:#818181;
	padding:50px 0 0 26px;
	position:relative;
}
* html #footer {
	background-image:url(images/backgrounds/bg_footer.gif);
}
#footer p {
	float:left;
}
#ftrLinks {
	list-style:none;
	margin:0;
	padding:0;
}
#ftrLinks li {
	float:left;
	margin-left:30px;
}
#footer p.about {
	padding-left:30px;
}
#footerRail {
	position:absolute;
	top:-90px;
	right:0;
	color:#000;
	width:184px;
	padding-right:25px;
}
#footerRail p {
	width:171px;
	text-align:right;
	margin-bottom:10px;
}
#footerRail h4 {
	color:#b2b2b2;
	font-size:20px;
}
#footerRail h4 span {
	display:block;
	font-size:28px;
	color:#000;
}
.vendorQuote {
	text-align:left;
}
.vendorQuote h3 {
	font-weight:bold;
	margin-bottom:0;
}