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

body {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #4e4d56; }

#sitewrapper {
	width: 1200px;
	margin: 0 auto; }

#header {
	position: relative;
	height: 603px;
	background: transparent url("../images/img_header.jpg") 0 0 no-repeat; }
	#header #reserve {
		position: absolute;
		left: 100px;
		top: 51px;
		z-index: 1;
		width: 190px;
		height: 393px;
		padding: 0 0 26px 0;
		background: transparent url("../images/bg_reserve-bottom.png") 0 100% no-repeat; }
			#header #reserve h1 a {
				display: block;
				height: 210px;
				text-indent: -8685px;
				outline: none;
				background: transparent url("../images/logo.png") 0 0 no-repeat; }
		#header #reserve form {
			height: 183px;
			overflow: hidden;
			background: #ffffff; }
		#header #reserve fieldset {
			padding: 0 17px;
			border: none; }
		#header #reserve h3 {
			display: block;
			width: 156px;
			height: 29px;
			padding: 0 0 10px 0;
			text-indent: -8685px;
			background: transparent url("../images/hdr_book-room.gif") 0 0 no-repeat; }
		#header #reserve label {
			clear: both;
			display: block;
			font-size: 10px;
			color: #8b8b8c; }
		#header #reserve input.input-text {
			float: left;
			width: 117px;
			height: 12px;
			padding: 2px 5px 0 5px;
			margin: 0 5px 5px 0;
			font: normal 11px Arial, Helvetica, sans-serif;
			color: #8b8b8c;
			border: 1px solid #999999; }
		#header #reserve a.btn_calendar {
			float: left;
			width: 11px;
			height: 11px;
			margin: 2px 0 0 0;
			text-indent: -8685px;
			outline: none;
			background: transparent url("../images/btn_calendar.gif") repeat; }
		#header #reserve .drop-down {
			float: left;
			width: 60px;
			padding: 0 8px 14px 0; }
			#header #reserve .drop-down ul {
				float: left;
				border: 1px solid #999999;
				background: #ffffff url("../images/icon_drop-down.gif") 48px 4px no-repeat; }
			html > body #header #reserve .drop-down ul { float: none; }
			#header #reserve .drop-down li { padding: 2px; }
			#header #reserve .drop-down a {
				display: block;
				width: 100%;
				font-size: 10px;
				color: #8b8b8c;
				text-decoration: none; }
		#header #reserve p.best-rate {
			height: 15px;
			text-indent: -8685px;
			background: transparent url("../images/img_best-rate-guarantee.gif") 5px 100% no-repeat; }
	#header ul#nav {
		position: absolute;
		left: 296px;
		bottom: 133px;
		z-index: 5;
		width: 804px;
		background: transparent url("../images/bg_navigation.png") 0 0 no-repeat; }
		#header ul#nav li {
			position: relative;
			float: left; }
		#header ul#nav a {
			display: block;
			width: 100px;
			height: 44px;
			text-indent: -8685px;
			outline: none;
			background: transparent url("../images/bg_navigation.png") 100px 44px no-repeat; }
		#header ul#nav li.reservations a { width: 102px; }
		#header ul#nav li.reservations a:hover,
		#header ul#nav li.reservations.active a { background-position: 0 100%; }
		#header ul#nav li.specials a:hover,
		#header ul#nav li.specials.active a { background-position: -101px 100%; }
		#header ul#nav li.experience a:hover,
		#header ul#nav li.experience.active a { background-position: -201px 100%; }
		#header ul#nav li.accommodations a { width: 101px; }
		#header ul#nav li.accommodations a:hover,
		#header ul#nav li.accommodations.active a { background-position: -301px 100%; }
		#header ul#nav li.dining a:hover,
		#header ul#nav li.dining.active a { background-position: -402px 100%; }
		#header ul#nav li.conferences a:hover,
		#header ul#nav li.conferences.active a { background-position: -502px 100%; }
		#header ul#nav li.recreational-facilities a:hover,
		#header ul#nav li.recreational-facilities.active a { background-position: -602px 100%; }
		#header ul#nav li.attractions a { width: 101px; }
		#header ul#nav li.attractions a:hover,
		#header ul#nav li.attractions.active a { background-position: 100% 100%; }
		#header ul#nav ul {
			display: none;
			position: absolute;
			bottom: 44px;
			z-index: 50;
			width: 100px;
			height: 363px;
			padding: 0 0 10px 0; }
			#header ul#nav ul li { float: none; }
				#header ul#nav ul li a {
					width: 100%;
					height: auto;
					padding: 15px 0;
					text-indent: 0;
					text-align: center;
					line-height: 140%;
					color: #ffffff;
					text-decoration: none;
					background: transparent; }
		#header ul#nav li.experience ul { background: transparent url("../images/bg_subnav-experience.png") repeat; }
			#header ul#nav li.experience ul li a:hover { background: #005e6e; }
		#header ul#nav li.accommodations ul {
			width: 101px;
			background: transparent url("../images/bg_subnav-accommodations.png") repeat; }
			#header ul#nav li.accommodations ul li a:hover { background: #a31a7e; }
		#header ul#nav li.dining ul { background: transparent url("../images/bg_subnav-dining.png") repeat; }
			#header ul#nav li.dining ul li a:hover { background: #0098db; }
		#header ul#nav li.conferences ul { background: transparent url("../images/bg_subnav-conferences.png") repeat; }
			#header ul#nav li.conferences ul li a:hover { background: #331c54; }
		#header ul#nav li.recreational-facilities ul { background: transparent url("../images/bg_subnav-recreational-facilities.png") repeat; }
			#header ul#nav li.recreational-facilities ul li a:hover { background: #822433; }
		#header ul#nav li.attractions ul { background: transparent url("../images/bg_subnav-area-attractions.png") repeat; }
			#header ul#nav li.attractions ul li a:hover { background: #b4a76c; }
	#header ul#subnav {
		position: absolute;
		right: 127px;
		top: 34px;
		z-index: 2; }
		#header ul#subnav li {
			display: inline;
			font-size: 11px;
			color: #4e4d56; }
		#header ul#subnav a {
			color: #4e4d56;
			text-decoration: none; }
a.left-promo {
	display: block;
	width: 154px;
	height: 103px;
	padding: 23px 18px 0 18px;
	color: #ffffff;
	text-decoration: none;
	background: transparent url("../images/img_promos-left.png") 0 0 no-repeat; }
#header a.left-promo {
	position: absolute;
	left: 100px;
	bottom: 0;
	z-index: 2;
	text-align: right; }
	a.left-promo strong {
		display: none;
		font-size: 16px;
		font-weight: normal;
		padding: 0 0 10px 0; }
	a.left-promo span { display: none; }
a.left-promo:hover { background-position: 0 100%; }
	a.left-promo:hover strong,
	a.left-promo:hover span { display: block; }
	#header #promos {
		position: absolute;
		left: 296px;
		bottom: 0;
		z-index: 3;
		padding: 0 0 0 32px;
		background: transparent url("../images/bg_promo-left.png") 0 0 no-repeat; }
		#header #promos #promos-repeat {
			float: left;
			padding: 2px 0;
			background: transparent url("../images/bg_promo-repeat.gif") 0 0 repeat-x; }
		#header #promos .promo {
			float: left;
			padding: 0 1px 0 0;
			background: transparent url("../images/bg_promo-separator.gif") 100% 50% no-repeat; }
			#header #promos .promo img { display: block; }
		#header #promos form {
			float: left;
			width: 235px;
			padding: 18px 0 0 0;
			color: #ffffff; }
		#header #promos fieldset {
			padding: 0 25px 0 30px;
			text-align: center;
			border: none; }
		#header #promos h3 {
			display: block;
			width: 100%;
			height: 15px;
			padding: 0;
			text-indent: -8685px;
			background: transparent url("../images/hdr_email-signup.gif") 50% 0 no-repeat; }
		#header #promos p { font-size: 10px; }
		#header #promos input.input-text {
			width: 181px;
			height: 13px;
			padding: 2px 3px 0 3px;
			margin: 0 0 15px 0;
			font: normal 10px Arial, Helvetica, sans-serif;
			color: #777777;
			border: 1px solid #aaaaaa; }
		#header #promos #promos-right {
			float: left;
			width: 32px;
			height: 126px;
			background: transparent url("../images/bg_promo-right.png") 0 0 no-repeat; }

#content {
	clear: both;
	position: relative;
	float: right;
	width: 737px;
	padding: 20px 125px 30px 0;
	margin: -133px 0 0 0;
	/*top: -133px;*/ }
#index #content {
	margin: 0;
	padding-top: 45px; }
	#content a { color: #33ade2; }
	#content h1 {
		padding: 0 0 20px 0;
		font-size: 32px;
		font-weight: normal;
		color: #a31a7e; }
	#index #content h1 {
		padding: 0 0 30px 0;
		color: #0098db; }
	#content p {
		padding: 0 0 20px 0;
		line-height: 140%; }
	#content ul { padding: 0 0 20px 18px; }
		#content ul li {
			padding: 0 0 5px 0;
			list-style: square; }

#sidebar {
	float: left;
	position: relative;
	margin: -128px 0 0 0;
	width: 190px;
	padding: 0 0 0 100px; }
#index #sidebar {
	margin: 0;
	padding-top: 120px; }
	#sidebar address {
		width: 134px;
		padding: 0 0 30px 0;
		margin: 0 auto;
		text-align: right;
		font-size: 11px;
		line-height: 160%; }
	#sidebar a.logo img {
		display: block;
		margin: 0 auto; }

#footer {
	clear: both;
	position: relative;
	width: 980px;
	padding: 20px 0;
	margin: 0 auto;
	font-size: 11px;
	background: #cccccc url("../images/bg_footer.gif") 0 0 no-repeat; }
	#footer a { color: #4e4d56; }
	#footer a.logo_aldar {
		float: right;
		margin: 0 30px 0 0; }
	#footer ul.social-media {
		float: left;
		width: 180px;
		padding: 0 0 0 49px; }
		#footer ul.social-media li {
			float: left;
			padding: 0 17px 0 0; }
		#footer ul.social-media a {
			display: block;
			width: 28px;
			height: 28px;
			text-indent: -8685px;
			outline: none; }
		#footer ul.social-media a.btn_facebook { background: transparent url("../images/icon_facebook.gif") 0 0 no-repeat; }
		#footer ul.social-media a.btn_twitter { background: transparent url("../images/icon_twitter.gif") 0 0 no-repeat; }
	#footer ul.footer-nav { margin: 0 0 0 229px; }
		#footer ul.footer-nav li { display: inline; }
		#footer ul.footer-nav a { text-decoration: none; }
	#footer p {
		padding: 20px 0 0 0;
		margin: 0 0 0 229px; }

#content ul.breadcrumbs {
	padding: 0 0 44px 0;
	font-size: 13px; }
	#content ul.breadcrumbs li {
		display: inline;
		padding: 0;
		list-style: none; }
	#content ul.breadcrumbs a {
		color: #4e4d56;
		text-decoration: none; }
	#content ul.breadcrumbs li.active a { color: #a31a7e; }
#content ul.suites { padding: 0 0 25px 0; }
	#content ul.suites li {
		clear: both;
		position: relative;
		height: 127px;
		padding: 0;
		margin: 0 0 12px 0;
		list-style: none;
		background: transparent url("../images/bg_suite.gif") 0 100% repeat-x; }
	#content ul.suites img {
		float: left;
		margin: 0 28px 0 0; }
	#content ul.suites .details {
		overflow: hidden;
		padding: 14px 0 0 0; }
		#content ul.suites .details h3 {
			padding: 0 0 10px 0;
			font-size: 14px;
			font-weight: normal;
			color: #a31a7e; }
			#content ul.suites .details h3 a {
				color: #a31a7e;
				text-decoration: none; }
	#content ul.suites .actions {
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 1; }
		#content ul.suites .actions a {
			float: left;
			height: 21px;
			margin: 0 0 0 15px;
			text-indent: -8685px;
			outline: none; }
		#content ul.suites .actions a.btn_view-details {
			width: 131px;
			background: transparent url("../images/btn_view-details.gif") 0 0 no-repeat; }
		#content ul.suites .actions a.btn_check-availability {
			width: 146px;
			background: transparent url("../images/btn_check-availability.gif") 0 0 no-repeat; }
	#content h2 {
		padding: 0 0 25px 0;
		font-size: 20px;
		font-weight: normal;
		color: #33ade2; }

#sidebar #promos {
	padding: 29px 0 0 0;
	margin: 4px 0 20px 0;
	color: #ffffff;
	background: #8b8b8c url("../images/bg_promo-sidebar_top.gif") 0 0 no-repeat; }
	#sidebar #promos .promo {
		padding: 0 0 1px 0;
		background: transparent url("../images/bg_promo-separator_sidebar.gif") 50% 100% no-repeat; }
		#sidebar #promos .promo img {
			display: block;
			margin: 0 auto; }
	#sidebar #promos form {
		padding: 20px 0 24px 0;
		text-align: center;
		background: transparent url("../images/bg_promo-sidebar_bottom.gif") 0 100% no-repeat; }
	#sidebar #promos fieldset { border: none; }
	#sidebar #promos h3 {
		display: block;
		width: 100%;
		height: 15px;
		padding: 0 0 15px 0;
		text-indent: -8685px;
		background: transparent url("../images/hdr_email-signup.gif") 50% 0 no-repeat; }
	#sidebar #promos p {
		padding: 0 0 2px 0;
		font-size: 10px; }
	#sidebar #promos input.input-text {
		width: 168px;
		height: 13px;
		padding: 2px 3px 0 3px;
		margin: 0 0 15px 0;
		font: normal 10px Arial, Helvetica, sans-serif;
		color: #777777;
		border: 1px solid #aaaaaa; }