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

@font-face { 
    font-family: "Avenir";
    src: url("../fonts/AvenirLTStd-Book.otf") format("opentype");
}

#header ul#nav a { font-family: "Avenir", helvetica, arial, sans-serif; }

body {
	font: normal 11px Verdana, Geneva, sans-serif;
	color: #666666;
	background: #ffffff; }
body.gallery-layout {
	color:white; background-color: black;
}
a:active { outline: none; }
 :focus  { -moz-outline-style: none; }

div.object-left {
	float: left;
	margin-right: 10px;	}	

#sitewrapper {
	position: relative;
	width: 980px;
	margin: 0 auto; }
	
#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;
	/*position:fixed;*/
	top:0;
	left:0;
	z-index:125;
	border:10px solid #976d48;
	opacity:1;}
	#modal-content{ padding: 10px; }	
	#modal-content p.close{ text-align:right; }
	#modal-content p.close a{ 
		color: #976d48;
		text-transform: uppercase; }
#header {
	position: relative;
	float: left;
	width: 199px;
	height: 275px;
	padding: 90px 0 0 0;
	margin: 30px 0 0 0;
	background: #976d48 url("../images/bg_header-top.gif") 0 0 no-repeat; }
#homepage #header { height: 430px; }
	#header h1 {
		position: absolute;
		left: 48px;
		top: -10px;
		z-index: 2; }
		#header h1 a {
			display: block;
			width: 109px;
			height: 89px;
			text-indent: -8685px;
			background: transparent url("../images/logo.gif") 0 0 no-repeat; }
	#header ul#nav {
		width: 100%;	
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
		background: transparent url("../images/bg_nav.gif") 0 0 repeat-y; }
		#header ul#nav li {
			float: left;
			width: 100%;
			position: relative;			
			text-transform: uppercase;
			line-height:9px; }
		html > body #header ul#nav li { float: none; }
		html >/**/body #header ul#nav li { }
		#header ul#nav a {
			display: block;
			padding: 3px 15px;
			color: #ffffff;
			text-decoration: none;
			width: 169px;
			font-size: 10px; }
		#header ul#nav a:hover,
		#header ul#nav li.active a { background: #4d371e; }
		#header ul#nav li.active ul{display:block;}
		#header ul#nav ul {
			display: none;
			position: absolute;
			left: 100%;
			z-index: 100;
			width: 194px;
			/*padding: 9px 1px 7px 1px;*/
			padding: 7px 0px;
			background: transparent url("../images/bg_subnav.png") repeat; }
			#header ul#nav ul li { padding: 0 0 0 0; }
			/*#header ul#nav ul a { padding: 3px 15px; }*/
			#header ul#nav ul a:hover,
			#header ul#nav li.active ul a { background: transparent; }
			#header ul#nav ul a:hover,
			#header ul#nav ul li.active a { color: #a6815a; }
form.quick-reservations {
	position: relative;
	padding: 0 0 5px 26px; }
	form.quick-reservations fieldset { border: none; }
	form.quick-reservations h3 {
		height: 18px;
		text-indent: -8685px;
		background: transparent url("../images/hdr_quick-reservations.gif") 0 0 no-repeat; }
	form.quick-reservations label {
		display: block;
		padding: 0 0 2px 0;
		font-size: 9px;
		color: #c7ac96; }
	form.quick-reservations .date-select {
		clear: both;
		float: left;
		padding: 0 0 5px 0; width: 120px;}
		form.quick-reservations .date-select select.month,
		form.quick-reservations .date-select select.day {
			float: left;
			margin: 0 5px 0 0; }
	form.quick-reservations input.dropdown {
		float: left;
		padding: 2px 4px;
		margin: 0 5px 0 0;
		font-size: 9px;
		color: #ffffff;
		cursor: pointer;
		border: 1px solid #ffffff;
		text-align: left;
		background: transparent url("../images/icon_dropdown.gif") 100% 5px no-repeat; }
	form.quick-reservations input.month { width: 45px; }
	form.quick-reservations input.day { width: 15px; }
	form.quick-reservations .rooms { float: left; }
		form.quick-reservations .rooms select { float: left; }
	form.quick-reservations div.dropdown-layer{
		display:none;
		position: absolute;
		padding: 2px 4px 2px 4px;
		z-index: 50;
		border: 1px solid white; 
		background-color: #976d48;
		color: white; } 
	form.quick-reservations a { 
		color: white; 
		text-decoration: underline; }
	/*form.quick-reservations div.dropdown-month { width: 45px; }
	form.quick-reservations div.dropdown-room {	width: 15px; }
	form.quick-reservations div.dropdown-day {	
		margin-left: 60px; 
		width: 15px; }	*/	
	form.quick-reservations a.calendar-popup {
		float: left;
		width: 11px;
		height: 11px;
		margin: 4px 5px 0 0;
		text-indent: -8685px;
		background: transparent url("../images/btn_calendar-popup.gif") 0 0 no-repeat; }
	form.quick-reservations p {
		clear: both;
		font-size: 8px; }
		form.quick-reservations p a { color: #c7ac96; }
	form.quick-reservations input.btn_submit {
		position: absolute;
		right: 15px;
		top: 60px;
		z-index: 2; }
.spring-getaway {
	clear: both;
	height: 47px;
	padding: 25px 0 0 141px;
	margin: 0 0 2px 0;
	background: transparent url("../images/bg_spring-getaway.png") 10px 0 no-repeat; }
	.spring-getaway h3,
	.spring-getaway p { display: none; }
	.spring-getaway a {
		display: block;
		width: 53px;
		height: 37px;
		text-indent: -8685px; }
				
#top-promo, .top-promo{
	padding: 0 auto; position: relative; left:10px; }
	
.sidebar-slides {
	clear: both;
	position: relative;
	width: 184px;
	height: 72px;
	margin: 0 0 0 10px;
	overflow: hidden; }
	.sidebar-slides .slide {
		float: left;
		width: 184px;
		height: 72px; }
	.sidebar-slides #special-5for4 {
		width: 53px;
		padding: 25px 0 0 131px;
		background: transparent url("../images/bg_special-5for4.png") 0 0 no-repeat; }
		.sidebar-slides #special-5for4 p { display: none; }
		.sidebar-slides #special-5for4 a.more {
			display: block;
			width: 53px;
			height: 37px;
			text-indent: -8685px; }
	.sidebar-slides ul.slide-pager {
		position: absolute;
		left: 17px;
		bottom: 5px;
		z-index: 100; }
		.sidebar-slides ul.slide-pager li {
			float: left;
			padding: 0 3px 0 0; }
		.sidebar-slides ul.slide-pager a {
			display: block;
			width: 6px;
			height: 6px;
			font-size: 1px;
			text-indent: -8685px;
			border: 1px solid #7a563a; }
		.sidebar-slides ul.slide-pager a.activeSlide { background: #7a563a; }

ul#top-nav {
	position: absolute;
	right: 0px;
	top: 10px;
	z-index: 30; }
	ul#top-nav li {
		display: inline;
		padding: 0 10px 0 0;
		font-size: 9px;
		text-transform: uppercase; }
	ul#top-nav a {
		color: #a5683f;
		text-decoration: none; }
#top-images {
	float: right;
	position: relative;
	width: 781px;
	height:365px;
	overflow: hidden;
	margin: 30px 0 0 0; }	
	#homepage #top-images{height: 520px;}
	#top-images img { display: block; }
	#top-images a.btn_photo-tour {
		position: absolute;
		display: block;
		right: 20px;
		top: 332px;
		z-index: 100;
		width: 111px;
		height: 23px;
		padding: 10px 5px 0 10px;
		text-indent: -8685px;
		background: #738eb9 url("../images/btn_photo-tour.gif") 10px 100% no-repeat; }
	#homepage #top-images a.btn_photo-tour { top: 487px; }

#content{
	clear: both;
	float: right;
	width: 698px;
	padding: 20px 30px 15px 0; }
	#content #map{
		width: 500px;
		height: 350px;
		margin-bottom: 10px;
		border: 1px solid black; }
#homepage #content { padding-top: 35px; }
	#content h1, #modal-content h1  {		
		font: normal 28px Georgia, serif;
		color: #738eb9; }
	#homepage #content h4 {
		font: normal 20px Georgia, serif;
		color: #738eb9;
		border-bottom: 1px solid #DFE8F5;
		padding-bottom: 14px;
		margin-bottom: 14px; }		
	#content h2, #modal-content h2 {
		padding: 0 0 10px 0;
		font-size: 14px;
		font-weight: bold;
		color: #a5683f;
		clear: both; }
	#content h3, #modal-content h3{
		font: normal 16px Georgia, serif;
		line-height: 20px;
		margin-bottom: 16px;
		color: #A5683F;
		font-weight: bold;	}
	#content p, #modal-content p {
		padding: 0 0 20px 0;
		line-height: 170%; }
	#content a, #modal-content a { color: #666666; }
	#content ul, #modal-content ul { padding: 10px 0 20px 40px; }
		#content ul li, #modal-content ul li {
			padding: 0 0 7px 0;
			list-style: disc; }
	#content tr.alt, #modal-content tr.alt{background-color: #E0E0E0;}

#sidebar {
	float: left;
	width: 199px;
	padding: 20px 0 0 0; }
	#sidebar form.email-subscribe {
		position: relative;
		padding: 10px;
		margin: 0 0 9px 0;
		background: #dfe8f5; }
		#sidebar form.email-subscribe fieldset {
			padding: 11px 0 8px 17px;
			border: none;
			background: #ffffff; }
		#sidebar form.email-subscribe h3 {
			height: 15px;
			text-indent: -8685px;
			background: transparent url("../images/hdr_email-exclusives.gif") 0 0 no-repeat; }
		#sidebar form.email-subscribe p {
			clear: both;
			padding: 0 5px 5px 0;
			font-size: 9px;
			color: #a5683f; }
		#sidebar form.email-subscribe input.input-text {
			float: left;
			width: 94px;
			height: 11px;
			padding: 2px 3px 0 3px;
			margin: 0 0 7px 0;
			font: normal 9px Verdana, Geneva, sans-serif;
			color: #666666;
			border: 1px solid #cccccc; }
		#sidebar form.email-subscribe input.btn_submit {
			position: absolute;
			right: 5px;
			top: 78px;
			z-index: 5; }
		#sidebar form.email-subscribe a { color: #8ba1c4; }
	#sidebar .location {
		clear: both;
		padding: 14px 15px 12px 17px;
		margin: 0 10px;
		border: 1px solid #dfe8f5;
		border-width: 1px 0; }
		#sidebar .location h4 {
			height: 20px;
			text-indent: -8685px;
			background: transparent url("../images/hdr_hilton-short-hills.gif") 0 0 no-repeat; }
		#sidebar .location address {
			font-size: 9px;
			color: #a5683f; }

#footer {
	clear: both;
	padding: 20px 0;
	font-size: 10px;
	text-align: center;
	width: 980px;
	border-top: 1px solid #cccccc; }
	#footer a {
		color: #8ba1c4;
		text-decoration: none; }
	#footer ul {
		width: 850px;
		line-height: 22px;
		margin: 0 auto;
		padding: 0 0 7px 0; }
		#footer ul li {
			display: inline;
			padding: 0 5px 0 0;
			color: #8ba1c4;
			white-space: nowrap; }
	#footer p { padding: 20px 0 0 0; }
	#footer img { margin: 0 20px; }

/* Local Attractions
------------------*/
.brown-module {
	clear: both;
	padding: 10px 0;
	margin: 0 0 10px 0;
	background: #976d48; }	
.blue-module {
	clear: both;
	padding: 10px 0;
	margin: 0 0 10px 0;
	background: #dfe8f5; }
p.breadcrumbs {
	font-size: 9px;
	text-transform: uppercase;
	color: #4d371e; }
	p.breadcrumbs a {
		color: #738eb9;
		text-decoration: none; }

/* Guestrooms
-----------*/
.listing {
	clear: both;
	padding: 0 0 10px 0; }
.listing.last { padding-bottom: 25px; }
	.listing img { float: left; }
	.listing .details {
		position: relative;
		min-height: 160px;
		/* IE hack. Remove at your own risk!!! */
		_height: 113px;
		padding: 14px 108px 14px 20px;
		margin: 0 0 0 246px;
		border: 10px solid #dfe8f5; }
		.listing .details img { float: none; }
		.listing .package { margin: 0px; }
	.listing h3 {
		/*padding: 0 0 5px 0;*/
		font: normal 17px Georgia, serif;
		text-transform: uppercase;
		color: #4d371e;
		margin-bottom: 10px !important; }
	.listing p.actions {
		position: absolute;
		right: -5px;
		top: 45px;
		z-index: 2; }
		.listing p.actions a {
			display: block;
			width: 103px;
			margin: 0 5px 15px 0; 
			/*text-indent: -8685px;*/ }

			.listing p.actions a.btn_request-table {
				height: 27px;
				/*background: transparent url("../images/btn_request-table.gif") 0 0 no-repeat;*/ }
				
				.listing p.actions a.btn_view-details {
					height: 27px;
					/*background: transparent url("../images/btn_view-details.gif") 0 0 no-repeat;*/ }
				.listing p.actions a.btn_check-availability {
					height: 37px;
					/*background: transparent url("../images/btn_check-availability.gif") 0 0 no-repeat;*/ }
					.listing p.actions a.btn_request-table {
						height: 37px;
						/*background: transparent url("../images/btn_request-table.gif") 0 0 no-repeat;*/ }				
				

/* Experience
-----------*/
form.map-controls {
	padding: 10px;
	margin: 0 0 25px 0;
	font-size: 9px;
	border: 1px solid #999999;
	background: #efefef; }
	form.map-controls fieldset { border: none; }
	form.map-controls label { color: #952534; }
	form.map-controls select { }
	form.map-controls p {
		display: inline;
		color: #952534; }
#content ul.amenities {
	float: left;
	width: 100%;
	padding: 0 0 25px 0; }
	#content ul.amenities li {
		float: left;
		position: relative;
		width: 165px;
		padding: 0 10px 0 0;
		margin: 0 0 10px 0;
		list-style: none; }
	#content ul.amenities li.last { padding: 0; }
	#content ul.amenities li a p {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 165px;
		height: 20px;
		padding: 5px 0;
		overflow: hidden;
		font-size: 12px;
		text-transform: uppercase;
		text-align: center;
		color: #6881a8;
		text-decoration: none;
		border: 0px none; 
		background: transparent url("../images/bg_amenities-title.png") repeat; }
		#content ul.amenities li p .learn_more {
			display: block;
			width: 52px;
			height: 36px;
			margin: 5px auto 0px auto;
			text-indent: -8685px;
			background: transparent url("../images/btn_learn-more.png") 0 0 no-repeat; }
		#content #btn-nav { margin-bottom: 16px; }
		#content #btn-nav a { /*margin-right: 10px;*/}
		
/* Contact
--------*/
form#contact { color: #4d371e; }
	form#contact p {
		padding: 0 0 30px 0;
		font-weight: bold; }
	form#contact fieldset {
		clear: both;
		padding: 0 0 7px 0;
		border: none; }
	form#contact fieldset.address { padding: 0; }
	form#contact label {
		float: left;		
		width: 190px; }
		form#contact fieldset.required label { font-weight: bold; }
	form#contact input.input-text {
		width: 194px;
		height: 14px;
		padding: 2px 4px 0 4px;
		font: normal 10px Verdana, Geneva, sans-serif;
		color: #4d371e;
		border: 1px solid #cccccc; }
	form#contact select{
		color: #4D371E;
		font: normal 10px Verdana, Geneva, sans-serif;
		border: 1px solid #cccccc;}
	form#contact input.name { width: 104px; }
		form#contact fieldset.address input {
			display: block;
			margin: 0 0 7px 190px; }
	form#contact input.city {
		width: 104px;
		margin: 0 10px 0 0; }
	form#contact input.zipcode { width: 54px; }
	form#contact input.small { width: 34px; }
	form#contact input.date {
		width: 64px;
		margin: 0 4px 0 0; }
	form#contact textarea {
		width: 334px;
		height: 77px;
		padding: 4px;
		font: normal 10px Verdana, Geneva, sans-serif;
		border: 1px solid #cccccc; }
		form#contact fieldset p {
			padding: 10px 0 10px 190px;
			font-size: 9px;
			font-weight: normal; }
	form#contact ul.radios {
		float: left;
		width: 160px;
		padding: 0; }
		form#contact ul.radios li {
			padding: 0 0 6px 0;
			list-style: none; }
		form#contact ul.radios label {
			float: none;
			width: auto;
			font-weight: normal; }
		form#contact ul.radios input { margin: 0 3px 0 0; }
	form#contact a.btn_calendar {
		padding: 0 20px 0px 0;
		text-indent: -8685px;
		background: transparent url("../images/btn_calendar.gif") 0 0 no-repeat; }
	form#contact input.btn_submit { margin: 0 0 0 170px; }

.contact-details { padding: 5px 0 20px 15px; }
	.contact-details p {
		padding: 0 0 8px 0;
		color: #a5683f; }
	.contact-details strong {
		font-weight: normal;
		text-transform: uppercase;
		color: #4d371e; }
#map-content-holder { clear: both; }		
		#map-content-holder #map{	
			width: 698px;
			height: 365px; }