@import url("./whitespace-reset.css");

body {
	font: normal 11px Verdana, Geneva, sans-serif;
	color: #666666; }
a { color: #a15a0d; background:transparent;}
.clearer { clear: both; }

#sitewrapper {
	position: relative;
	width: 992px;
	margin: 0 auto; }

#header {
	position: relative;
	height: 300px;
	padding: 5px;
	margin: 42px 0 30px 0;
	color: #ffffff;
	border: 1px solid #dddddd; }
#index #header { height: 492px; }
	#header #navigation {
		position: absolute;
		left: 5px;
		top: 5px;
		z-index: 5;
		width: 226px;
		height: 300px;
		background: transparent url("../images/bg_nav.gif") 0 0 no-repeat; }
	#index #header #navigation { height: 492px; }
		#header #navigation h1 { padding: 28px 0 28px 30px; }
			#header #navigation h1 a {
				display: block;
				width: 168px;
				height: 72px;
				text-indent: -8685px;
				outline: none;
				background: transparent url("../images/logo.png") 0 0 no-repeat; }
	#header ul#nav {
		padding: 0 0 5px 0;
		margin: 0 21px 7px 21px;
		font: normal 12px "Times New Roman", serif;
		text-transform: uppercase; }
	#index #header ul#nav { border-bottom: 1px solid #b39b7a; }
		#header ul#nav li {
			position: relative;
			padding: 0 8px 4px 8px; }
		#header ul#nav a {
			color: #ffffff;
			text-decoration: none; }
		#header ul#nav a:hover, #header ul#nav li.active a { color: #ffd475; }
		#header ul#nav .subnav {
			position: absolute;
			left: 180px;
			top: 0;
			z-index: 100;
			width: 137px;
			padding: 0 0 0 6px;
			background: transparent url("../images/bg_subnav-tail.png") 0 50% no-repeat; }
			#header ul#nav .subnav .inner {
				padding: 6px 0 0 0;
				background: transparent url("../images/bg_subnav-top.png") 0 0 no-repeat; }
			#header ul#nav .subnav ul {
				padding: 0 0 6px 0;
				font: bold 9px Arial, Helvetica, sans-serif;
				background: transparent url("../images/bg_subnav-bottom.png") 0 100% no-repeat; }
			#header ul#nav .subnav li { padding: 4px 8px; }
			#header ul#nav .subnav a { color: #a15a0d !important; }
			#header ul#nav .subnav a:hover, #header ul#nav .subnav li.active a { color: #bc935b !important; }
			
#homePromoBar {
	position: relative;
	height: 83px;
	padding: 5px;
	margin:-15px 0 18px 0;
	color: #ffffff;
	border: 1px solid #dddddd; }
	
	.rlPromo {
		float: left;
		width:322px;
		height: 82px;
	}
	
	.cPromo {
		float: left;
		width:326px;
		height: 82px;
		margin:0 5px;
	}
	
	
form.quick-reservations {
	position: relative;
	height: 1%;
	padding: 0 6px 8px 6px;
	margin: 0 6px;
	border-bottom: 1px solid #b39b7a; }
html > body form.quick-reservations { height: auto; }
	form.quick-reservations fieldset { border: none; }
	form.quick-reservations h3 {
		padding: 0 0 3px 0;
		font: normal 12px "Times New Roman", serif;
		text-transform: uppercase; }
	form.quick-reservations .date-select {
		float: left;
		width: 119px;
		padding: 0 0 4px 0; }
	form.quick-reservations label {
		display: block;
		padding: 0 0 2px 0;
		font: normal 8px Arial, Helvetica, sans-serif;
		text-transform: uppercase; }
		form.quick-reservations input.input-text {
			float: left;
			width: 80px;
			height: 12px;
			padding: 2px 5px 2px 5px;
			margin: 0 5px 5px 0;
			font: normal 11px Arial, Helvetica, sans-serif;
			color: #666666;
			border: 1px solid #ffffff; }
		form.quick-reservations input.rooms{ width: 20px; }
		form.quick-reservations ul.dropdown {
			float: left;
			padding: 2px 15px 2px 4px;
			margin: 0 5px 0 0;
			font-size: 9px;
			color: #ffffff;
			cursor: pointer;
			border: 1px solid #ffffff;
			background: #ffffff url("../images/icon_drop-down.gif") 100% 5px no-repeat; }
		form.quick-reservations ul.month { width: 35px; }
		form.quick-reservations ul.day { width: 12px; }
		form.quick-reservations .rooms {
			float: left;
			width: 33px; }
		form.quick-reservations .adults {
			position:absolute;
			top:19px;
			left:163px;
			width:33px;
		/*	float: right;
			width: 33px; 
			padding-left:3px;  */

		}
		
		.module form.quick-reservations .adults {
			position:absolute;
			top:21px;
			left:161px;
			width:33px;
		/*	float: right;
			width: 33px; 
			padding-left:3px;  */

		}
		
			form.quick-reservations .rooms ul.day { margin: 0; }
	form.quick-reservations a.calendar-popup {
		float: left;
		width: 15px;
		height: 11px;
		margin: 3px 0 0 0;
		text-indent: -8685px;
		outline: none;
		background: transparent url("../images/btn_calendar.gif") 0 0 no-repeat; }
	form.quick-reservations p {
		clear: both;
		font-size: 8px;
		text-transform: uppercase; }
	form.quick-reservations input.btn_submit {
		position: absolute;
		right: 0;
		bottom: 8px;
		z-index: 1; }
.sidebar-slides,
.sidebar-slides .slide-container {
	position: relative;
	width: 190px;
	height: 73px; }	

#index .sidebar-slides { margin: 0 15px 0 21px; }
	.sidebar-slides ul.slide-pager {
		position: absolute;
		right: 15px;
		top: 15px;
		z-index: 100; }
		.sidebar-slides ul.slide-pager li {
			float: left;
			padding: 0 0 0 2px; }
		.sidebar-slides ul.slide-pager a {
			display: block;
			width: 8px;
			height: 8px;
			text-indent: -8685px;
			line-height: 8px;
			outline: none;
			background: transparent url("../images/bg_slide-indicator.gif") 0 100% no-repeat; }
		.sidebar-slides ul.slide-pager a.activeSlide { background-position: 0 0; }
	#header #slideshow {
		position: absolute;
		right: 5px;
		top: 5px;
		z-index: 1;
		width: 754px; }
		#header #slideshow .slides {
			position: relative;
			float: left;
			width: 570px;
			height: 300px;
			overflow: hidden; }
			#header #slideshow .slides img { position: absolute; }
		#index #header #slideshow .slides {
			position: static;
			float: none;
			width: auto;
			height: auto; }
		#header #slideshow .thumbs {
			float: left;
			height: 300px;
			overflow: hidden;
			padding: 0 0 0 4px; }
			#header #slideshow .thumbs img {
				display: block;
				margin: 0 0 7px 0;
				cursor: pointer; }
ul#top-nav {
	position: absolute;
	right: 5px;
	top: -22px;
	z-index: 3; }
	ul#top-nav li {
		display: inline;
		font: bold 9px Arial, Helvetica, sans-serif;
		color: #dddddd;
		text-transform: uppercase; }
	ul#top-nav a {
		color: #a15a0d;
		text-decoration: none; }
	ul#top-nav a.add {
		padding: 0 0 0 15px;
		color: #ff693a;
		background: transparent url("../images/icon_plus.gif") 0 0 no-repeat; }
	ul#top-nav a.fan-us {						 
		padding: 3px 0 0 19px;
		background: transparent url("../images/fb.png") 0 0 no-repeat; }
	ul#top-nav a.follow-us { 
		padding: 3px 0 0 19px;
		background: transparent url("../images/twitter.png") 0 0 no-repeat; }

h1#hdr_homepage {
	height: 71px;
	text-indent: -8685px;
	background: transparent url("../images/hdr_homepage.gif") 50% 0 no-repeat; }
#content {
	float: left;
	width: 924px;
	padding: 29px 45px 20px 21px;
	border: 1px solid #dddddd;
	background: #f6f3eb url("../images/bg_content.gif") 0 0 no-repeat; }
#main {
	float: right;
	width: 655px; }
	#main h2,
	#modal h2 {
		padding: 0 0 7px 0;
		font-size: 13px;
		color: #8e714d; }
	#main p,
	#modal p {
		padding: 0 0 15px 0;
		line-height: 140%; }
	#main ul,
	#modal ul {
		padding: 0 0 15px 35px;
		list-style: disc; }
		#main ul li,
		#main ul li {
			padding: 0 0 5px 0;
			color: #666666; }
	#main h1, 
	#modal h1 {
		padding: 0 0 5px 0;
		font: normal 24px "Gotham-Light", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #8e714d; }
	#main ul.breadcrumbs {
		padding: 0 0 20px 0;
		list-style: none; }
		#main ul.breadcrumbs li {
			display: inline;
			padding: 0 5px 0 0;
			font: bold 11px Arial, Helvetica, sans-serif;
			text-transform: uppercase; }
			#main ul.breadcrumbs li a {
				margin: 0 5px 0 0;
				text-decoration: none; }
			#main ul.breadcrumbs li a.active { color: #bc935b; }
#sidebar { width: 202px; }
	#sidebar .module {
		position: relative;
		height: 100%;
		padding: 7px;
		margin: 0 0 10px 0;
		border: 1px solid #dddddd;
		background: #ffffff; }
		#sidebar .module h3 {
			padding: 0 0 5px 0;
			font: normal 13px "Times New Roman", serif;
			text-transform: uppercase;
			color: #8e714d; }
		#sidebar .french-room img {
			display: block;
			margin: 0 0 8px 0; }
		#sidebar .module p {
			padding: 0 58px 0 0;
			font: normal 9px Arial, Helvetica, sans-serif;
			text-transform: uppercase; }
a.btn_find-table,
a.btn_signup {
	display: block;
	width: 57px;
	height: 31px;
	text-indent: -8685px;
	outline: none;
	background: transparent url("../images/btn_find-table.gif") 0 0 no-repeat; }
a.btn_signup { background: transparent url("../images/btn_sign-up.gif") 0 0 no-repeat; }
		#sidebar .module a.btn_find-table,
		#sidebar .module a.btn_signup {
			position: absolute;
			right: 5px;
			bottom: 5px;
			z-index: 1; }
	#sidebar img.logo {
		display: block;
		margin: 0 auto; }
	#sidebar img.parade {
		display: block;
		margin: 0 auto; }
	#sidebar .brown {
		padding: 7px 4px;
		color: #ffffff;
		border: none;
		background: #967954; }
		#sidebar .brown h3 {  color: #ffffff; }
		#sidebar .brown p { padding: 0; }
	#sidebar form.quick-reservations { margin: 0 3px; }

#footer {
	clear: both;
	padding: 20px 0 30px 0;
	text-align: center; }
	#footer ul { color: #a15a0d; }
	#footer li { display: inline; }
	#footer p { padding: 15px 0 0 0; }
.buttons {
	clear: both;
	float: left;
	width: 100%;
	padding: 0 0 25px 0; }
a.btn_default {
	float: left;
	padding: 0 5px 0 0;
	margin: 0 10px 0 0;
	text-decoration: none;
	background: transparent url("../images/btn_default-right.png") 100% 0 no-repeat; }
	a.btn_default span {
		float: left;
		padding: 0 7px 2px 7px;
		line-height: 29px;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		color: #ffffff;
		background: transparent url("../images/btn_default-left.png") 0 0 no-repeat; }

.listing {
	clear: both;
	float: left;
	position: relative;
	width: 637px;
	padding: 8px;
	margin: 0 0 10px 0;
	border: 1px solid #dddddd;
	background: #ffffff; }
	.listing img {
		float: left;
		margin: 0 17px 0 0; }
	.listing .details { 
		padding-bottom: 20px;
		overflow: hidden; }
		.listing .details h3 {
			padding: 0 0 10px 0;
			font: normal 15px "Times New Roman", serif;
			text-transform: uppercase;
			color: #8e714d; }
		#main .listing .details p.actions {
			position: absolute;
			left: 211px;
			bottom: 8px;
			z-index: 1;
			padding: 0; }
		.listing .details a.btn_more-details {
			float: left;
			width: 57px;
			height: 31px;
			text-indent: -8685px;
			outline: none;
			background: transparent url("../images/btn_more-details.gif") 0 0 no-repeat; }

#overlay {
	background-color:#000;
	left:0;
	opacity:.5;
	filter:alpha(opacity=50);
	position:absolute;
	top:0;
	z-index:100;
	width:0;
	height:0; }

#modal {
	background-color:#fff;
	position:absolute;
	top:0;
	left:0;
	z-index:125;
	opacity:1;
	padding: 30px; }
	#modal p.close { text-align:right; }
	#modal p.close a{ }
	
/* Home Page Modal
-----*/		

#overlayHP{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .8;
	filter: alpha(opacity=80);}

	
#modalHP{
	display:none;
	top: 0;
	left: 0;
	position: fixed;	
	z-index: 1000; }
	
#modalHP a{
	position: absolute;
	display: block;	
	text-indent: -8685px;
	z-index:1100;
	background-image: url('../images/blank.gif'); 
}

#modalHP a#modalBookNow{
	height: 485px;
	left: 0px;
	top: 25px;
	width: 611px;
}

#modalHP a#modalClose{
	height: 20px;
	top: 20px;
	right: 10px;
	width: 100px;	
}

#modalHP a#modalContinue{
	height: 20px;
	top: 277px;
	left: 219px;
	width: 150px;	
}
	
div.modalContentHP{ display: none; }

/*--------------LOVE LETTERS--------------------*/

#main #love-letters {
    margin: 0;
    padding-left:2px;
    margin: 0 3px;
    /* border-bottom: 3px solid #866946; */
}

#main #love-letters-bottom {
	height:33px;
	background: transparent url("../images/loveLetterDivide.png") no-repeat;
	margin-bottom:10px;
}

#main #love-letters li {
    position: relative;
    float: left;
    width: 690px;
    _width: 688px; /* ie6 */
    height: 41px; /* 209 */
    padding: 0;
    margin: 0 3px 23px;
    border-bottom: 3px solid #866946;
    list-style: none;
    overflow: hidden;
}

#love-letters li span.room img {
    float: left;
    width: 200px;
    border: 4px solid #fff;
    border-width: 4px 5px 5px 4px;
    margin: 0 14px 0 0;
}

#love-letters li h3 {
    font-weight: normal;
    font-size: 14px;
    padding: 14px 12px 0 0;
    margin: 0 0 16px;
    color: #2e2d2a;
    margin: 0 0 16px;
    cursor: pointer;
    clear:none;
}

#love-letters li p {
    font-size: 11px;
    line-height: 16px;
    padding: 0 12px;
    margin: 0 0 18px;
    color: #9a8277;
}

#love-letters li p a {
    color: #b34526;
}

.view-details {
    position: absolute;
    top: 12px;
    right: 18px;
    cursor: pointer;
}