/* Site-wide imports
------------------------------------------------- */

@import "reset.css";
@import "jquery-ui.css";
@import "colorbox.css";
@import "nivo-slider.css";


/* Site CSS
------------------------------------------------- */

html {  }
html.ie7.home-section-html { overflow: hidden; }

body { background: #fff url('../img/layout/bg.jpg'); text-align: center; }

	.home-section, .newsite-section { overflow: hidden !important; }

	#header-container { background: #fff; height: 62px; text-align: center; position: relative; z-index: 1000; }

		#header { width: 970px; height: 62px; margin: 0 auto; text-align: left; position: relative; }
		
			#main-nav { margin: 0; padding: 0; position: absolute; top: 25px; left: 0; }
				#main-nav li { display: inline; float: left; list-style: none; margin-right: 23px; }
					#main-nav li a { display: block; height: 13px; background: url('../img/layout/top-nav.png') no-repeat; text-indent: -9000px; outline: 0; }
						#nav-rooms { width: 45px; }
							#nav-rooms:hover, #nav-rooms.active { background-position: 0 -13px !important; }
						#nav-spa { width: 25px; background-position: -69px 0 !important; }
							#nav-spa:hover, #nav-spa.active { background-position: -69px -13px !important; }
						#nav-play { width: 32px; background-position: -117px 0 !important; }
							#nav-play:hover, #nav-play.active { background-position: -117px -13px !important; }
						#nav-dine { width: 30px; background-position: -172px 0 !important; }
							#nav-dine:hover, #nav-dine.active { background-position: -172px -13px !important; }
						#nav-weddings { width: 68px; background-position: -225px 0 !important; }
							#nav-weddings:hover, #nav-weddings.active { background-position: -225px -13px !important; }
						#nav-events { width: 50px; background-position: -317px 0 !important; }
							#nav-events:hover, #nav-events.active { background-position: -317px -13px !important; }
						#nav-photos { width: 52px; background-position: -391px 0 !important; }
							#nav-photos:hover, #nav-photos.active { background-position: -391px -13px !important; }
							
			#sub-nav { margin: 0; padding: 0; position: absolute; top: 43px; }
				.rooms-sub-nav { left: 0; }
				.spa-sub-nav { left: 68px; }
				.play-sub-nav { left: 116px; }
				.dine-sub-nav { left: 171px; }
				
				#sub-nav li { display: inline; float: left; list-style: none; margin-right: 23px; }
					#sub-nav li a { display: block; height: 8px; text-indent: -9000px; outline: 0; }
					
					/* Rooms Sub Nav */
						#nav-estate { width: 48px; background: url('../img/layout/sub-nav-rooms.png'); }
							#nav-estate:hover, #nav-estate.active { background-position: 0 -8px; }
						#nav-patio { width: 38px; background: url('../img/layout/sub-nav-rooms.png') -69px 0; }
							#nav-patio:hover, #nav-patio.active { background-position: -69px -8px; }
						#nav-suites { width: 47px; background: url('../img/layout/sub-nav-rooms.png') -127px 0; }
							#nav-suites:hover, #nav-suites.active { background-position: -127px -8px; }
							
					/* Spa Sub Nav */
						#nav-manifesto { width: 75px; background: url('../img/layout/sub-nav-spa.png'); }
							#nav-manifesto:hover, #nav-manifesto.active { background-position: 0 -8px; }
						#nav-treatments { width: 87px; background: url('../img/layout/sub-nav-spa.png') -95px 0; }
							#nav-treatments:hover, #nav-treatments.active { background-position: -95px -8px }
						#nav-sweat { width: 126px; background: url('../img/layout/sub-nav-spa.png') -202px 0; }
							#nav-sweat:hover, #nav-sweat.active { background-position: -202px -8px }
						#nav-deck { width: 66px; background: url('../img/layout/sub-nav-spa.png') -349px 0; }
							#nav-deck:hover, #nav-deck.active { background-position: -349px -8px }
						
							
					/* Sports Sub Nav */
						#nav-sports { width: 51px; background: url('../img/layout/sub-nav-play.png'); }
							#nav-sports:hover, #nav-sports.active { background-position: 0 -8px; }
						#nav-swim { width: 31px; background: url('../img/layout/sub-nav-play.png') -72px 0; }
							#nav-swim:hover, #nav-swim.active { background-position: -72px -8px; }
							
					/* Dine Sub Nav */
						#nav-normas { width: 59px; background: url('../img/layout/sub-nav-dine.png'); }
							#nav-normas:hover, #nav-normas.active { background-position: 0 -8px; }
						#nav-mp { width: 117px; background: url('../img/layout/sub-nav-dine.png') -80px 0; }
							#nav-mp:hover, #nav-mp.active { background-position: -80px -8px; }
						#nav-mb { width: 57px; background: url('../img/layout/sub-nav-dine.png') -218px 0; }
							#nav-mb:hover, #nav-mb.active { background-position: -218px -8px; }	
							
			#check-in { margin: 0; padding: 0; position: absolute; top: 18px; right: 0; }
				#check-in div { float: left; }
					#check-in label { font-size: 9px; font-family: Verdana, sans-serif; font-weight: normal; color: #000; margin-right: 3px; }
					#check-in-date, #check-out-date { margin: 0; padding: 3px 2px; border: 1px solid #afafaf; background: #fff; font-size: 9px; }
						#check-in-date { width: 65px; margin-right: 8px; text-align: center; }
						#check-out-date { width: 65px; margin-right: 4px; text-align: center; }
					#submit-check-in { background: #fff; border: 0; color: #b08d5a; cursor: pointer; font-size: 9px; }
					
			#boldcall { position: absolute; top: 0; right: 350px; width: 78px; height: 49px; }
					
			#deals-banner { position: absolute; top: 0; left: -50px; width: 33px; height: 103px; }
			.ie #deals-banner {  }
			.iphone #deals-banner { left: 0; top: 62px; }
			
	#homepage-top-layer { position: absolute; left: 0; top: 62px; z-index: 9000; width: 100%; }
		#homepage-top-layer h1 { width: 226px; height: 64px; background: url('../img/layout/logo.png') no-repeat; text-indent: -9000px; position: absolute; top: 30px; left: 50%; margin-left: -113px; }

		#deals-banner-hp { position: absolute; top: 0; left: 50%; margin-left: -485px }
		.iphone #deals-banner-hp { margin-left: -500px; }

	#homepage-top-layer-test { position: absolute; left: 0; top: 62px; z-index: 9000; width: 100%; }
		#homepage-top-layer-test h1 { width: 226px; height: 64px; background: url('../img/layout/logo.png') no-repeat; text-indent: -9000px; position: absolute; top: 30px; left: 50%; margin-left: -113px; }

		#deals-banner-hp-test { position: absolute; top: 0; left: 50%; margin-left: -440px }
		.iphone #deals-banner-hp-test { margin-left: -500px; }
						
	#homepage-container { position: fixed; overflow: hidden; }
	.ie7 #homepage-container { position: absolute; left: 0 !important; }
		#homepage-container img { height: 100%; position: absolute; width: 100%; z-index: 0 }

	#container { width: 970px; margin: 0 auto; }
		#main-link { border: 0; text-decoration: none; outline: 0; }
		#container h1 { width: 228px; height: 64px; background: url('../img/layout/logo-inner.png') no-repeat; text-indent: -9000px; margin: 30px auto 30px auto; }
		
		#rooms-landing { margin: 0 auto; padding: 0; width: 848px; overflow: hidden; text-align: left; }
		.ipad #rooms-landing, .iphone #rooms-landing { margin-bottom: 30px; }
			#rooms-landing li { list-style: none; display: inline; float: left; margin-right: 10px; }
			#rooms-landing li.last { margin-right: 0; }
				#rooms-landing li a { display: block; text-indent: -9000px; height: 247px; outline: 0; }
					#estate-landing { width: 275px; background: url('../img/layout/landing-page-estate.png') no-repeat; }
						#estate-landing:hover { background-position: 0 -247px; }
					#patio-landing { width: 277px; background: url('../img/layout/landing-page-patio.png') no-repeat; }
						#patio-landing:hover { background-position: 0 -247px; }
					#suites-landing { width: 276px; background: url('../img/layout/landing-page-suites.png') no-repeat; }
						#suites-landing:hover { background-position: 0 -247px; }
						
		#play-landing { margin: 0 auto; padding: 0; width: 851px; overflow: hidden; text-align: left; }
		.ipad #play-landing, .iphone #play-landing { margin-bottom: 30px; }
			#play-landing li { list-style: none; display: inline; float: left; margin-right: 10px; }
			#play-landing li.last { margin-right: 0; }
				#play-landing li a { display: block; text-indent: -9000px; height: 244px; outline: 0; }
					#croquet-landing { width: 276px; background: url('../img/layout/landing-page-croquet.png') no-repeat; }
						#croquet-landing:hover { background-position: 0 -244px; }
					#tennis-landing { width: 277px; background: url('../img/layout/landing-page-tennis.png') no-repeat; }
						#tennis-landing:hover { background-position: 0 -244px; }
					#petanque-landing { width: 278px; background: url('../img/layout/landing-page-pentaque.png') no-repeat; }
						#petanque-landing:hover { background-position: 0 -244px; }
						
					.tennis-image, .petanque-image { display: none; }
						
		#dine-landing { margin: 0 auto; padding: 0; width: 850px; overflow: hidden; text-align: left; }
		.ipad #dine-landing, .iphone #dine-landing { margin-bottom: 30px; }
			#dine-landing li { list-style: none; display: inline; float: left; margin-right: 10px; }
			#dine-landing li.last { margin-right: 0; }
				#dine-landing li a { display: block; text-indent: -9000px; height: 248px; outline: 0; }
					#normas-landing { width: 276px; background: url('../img/layout/landing-page-normas.png') no-repeat; }
						#normas-landing:hover { background-position: 0 -248px; }
					#mp-landing { width: 277px; background: url('../img/layout/landing-page-mp.png') no-repeat; }
						#mp-landing:hover { background-position: 0 -248px; }
					#minibar-landing { width: 277px; background: url('../img/layout/landing-page-minibar.png') no-repeat; }
						#minibar-landing:hover { background-position: 0 -248px; }
			
			.dine-header { margin: 40px 0 2px 0; }
			.book-online { color: #000; text-transform: uppercase; font-weight: bold; }
			
		#events-landing { margin: 0 auto; padding: 0; width: 974px; overflow: hidden; text-align: left; }
		.ipad #events-landing, .iphone #events-landing { margin-bottom: 30px; }
			#events-landing li { list-style: none; display: inline; float: left; margin-right: 3px; }
			#events-landing li.last { margin-right: 0; }
				#events-landing li a { display: block; text-indent: -9000px; width: 159px; height: 247px; outline: 0; background: url('../img/layout/landing-page-events.png') no-repeat; }
					#meetings-landing {  }
						#meetings-landing:hover { background-position: 0 -247px !important; }
					#parties-landing { background-position: -163px 0 !important; }
						#parties-landing:hover { background-position: -163px -247px !important; }
					#testimonials-landing { background-position: -327px 0 !important; }
						#testimonials-landing:hover { background-position: -327px -247px !important; }
					#chart-landing { background-position: -490px 0 !important; }
						#chart-landing:hover { background-position: -490px -247px !important; }
					#floorplans-landing { background-position: -654px 0 !important; }
						#floorplans-landing:hover { background-position: -654px -247px !important; }
					#request-landing { background-position: -817px 0 !important; }
						#request-landing:hover { background-position: -817px -247px !important; }	
		
		#inner-container { background: #fff; width: 930px; margin: 0 0 60px 0; padding: 20px; text-align: left; overflow: hidden; }
		
			#media-side { float: left; width: 604px; position: relative; }
			#media-side2 { float: left; width: 504px; position: relative; }
				#media-side img { margin: 0; padding: 0; }
				.post-video { display: none; }
					.post-video img { display: none; }
			
			#text-side { float: right; width: 302px; font-size: 10px; font-family: Verdana, Arial, sans-serif; }
			#text-side2 { float: right; width: 402px; font-size: 10px; font-family: Verdana, Arial, sans-serif; }
			
				#estate-page-header { margin-bottom: 70px; }
				
				#patio-page-header { margin: 0 0 7px 0; padding: 0; }
					#patio-sections {  }
						#patio-tabs { margin: 0 0 60px 0; padding: 0; }
							#patio-tabs li { list-style: none; margin-bottom: 7px; }
								#patio-tabs li a { outline: 0; display: block; height: 12px; text-indent: -9000px; }
									#patio-header { background: url('../img/layout/sub-nav-patio.png'); width: 78px; }
										#patio-header.active { background-position: 0 -12px; }
									#lanai-header { background: url('../img/layout/sub-nav-patio.png') -98px 0; width: 36px; }
										#lanai-header.active { background-position: -98px -12px; }
										
				#suites-page-header { margin: 0 0 7px 0; padding: 0; }
					#suites-sections {  }
						#suites-tabs { margin: 0 0 40px 0; padding: 0; }
							#suites-tabs li { list-style: none; margin-bottom: 7px; }
								#suites-tabs li a { outline: 0; display: block; height: 13px; text-indent: -9000px; }
									#gene-header { background: url('../img/layout/sub-nav-suites.png'); width: 163px; }
										#gene-header.active { background-position: 0 -13px; }
									#villas-header { background: url('../img/layout/sub-nav-suites.png') -183px 0; width: 43px; }
										#villas-header.active  { background-position: -183px -13px; }
										
									#video-villas { display: none; }
				
				#psyc-logo { margin-bottom: 16px; }
									
				#treatments {  }
					#treatment-tabs { margin: 0 0 40px -18px; padding: 0; }
						#treatment-tabs li { margin-bottom: 4px; font-size: 10px; list-style: none; padding-left: 18px; }
						#treatment-tabs li.ui-state-active { background: url('../img/layout/treatment-arrow.png') 0 3px no-repeat; }
						#treatment-tabs li.ui-state-active a { color: #335781; }
							#treatment-tabs li a { color: #000; text-decoration: none; outline: 0; }
							#treatment-tabs li a:hover { color: #335781; }
					
					.treatment-title { font-family: "Gill Sans", "Trebuchet MS", Calibri, sans-serif; font-size: 10px; font-weight: bold; color: #002d62; text-transform: uppercase; letter-spacing: 2px; }
						.treatment-title a { font-family: Verdana, sans-serif; font-weight: normal; margin-left: 8px; color: #002d62; text-transform: none; letter-spacing: normal; }
						.treatment-title a:hover { text-decoration: none; }
						
					.treatment-type { margin: 0 0 20px 0; padding: 0; }
						.treatment-type li { list-style: none; margin: 0; padding: 0; }
						.treatment-name { color: #38bffa; font-weight: bold; }
						
				#treatment-imagery { width: 603px; height: 487px; overflow: hidden; }
					.tt2-large, .tt3-large, .tt4-large, .tt5-large { display: none; }
			
				#text-side p { line-height: 1.8; }
					#text-side p.area-header { line-height: 1; margin-bottom: 2px; }
					
				.room-thumbs { margin: 0; padding: 0; }
					.room-thumbs li { list-style: none; display: inline; margin-right: 2px; }
						.room-thumbs li a { outline: 0; cursor: pointer; }
						
				.spa-text { color: #002d62; }
				
				#sports {  }
				
					#sports-nav { margin: 0 0 36px 0; padding: 0; }
						#sports-nav li { margin: 0 0 7px 0; padding: 0; list-style: none; }
							#sports-nav li a { outline: 0; display: block; height: 13px; text-indent: -9000px; }
								#croquet-header { background: url('../img/layout/sub-nav-sports.png'); width: 64px; }
									.ui-state-active #croquet-header { background-position: 0 -13px; }
								#tennis-header { background: url('../img/layout/sub-nav-sports.png') -85px 0; width: 49px; }
									.ui-state-active #tennis-header { background-position: -85px -13px; }
								#petanque-header { background: url('../img/layout/sub-nav-sports.png') -155px 0; width: 71px; }
									.ui-state-active #petanque-header { background-position: -155px -13px; }
									
					#sports ol { margin: 0 0 16px 18px; padding: 0; }
						#sports ol li { color: #b3915f; font-weight: bold; }
							#sports ol li span { font-weight: normal; color: #000; }
							
				#events-page-header { margin-bottom: 4px; }
				.events-sub-header { margin-bottom: 1px; }
					#events-nav { margin: 0 0 80px 0; padding: 0; }
						#events-nav li { margin: 0 16px 10px 0; padding: 0; list-style: none; display: inline; float: left; }
							#events-nav li a { outline: 0; display: block; height: 9px; text-indent: -9000px; background: url('../img/layout/sub-nav-events.png'); }
								#meetings-header { width: 65px; }
									#meetings-header:hover, #meetings-header.active { width: 65px; background-position: 0 -9px !important; }
								#parties-header { width: 54px; background-position: -84px 0 !important; }
									#parties-header:hover, #parties-header.active { width: 54px; background-position: -84px -9px !important; }
								#testimonials-header { width: 97px; background-position: -156px 0 !important; }
									#testimonials-header:hover, #testimonials-header.active { width: 97px; background-position: -156px -9px !important; }
								#chart-header { width: 45px; background-position: -268px 0 !important; }
									#chart-header:hover, #chart-header.active { width: 45px; background-position: -268px -9px !important; }
								#floorplans-header { width: 85px; background-position: -331px 0 !important; }
									#floorplans-header:hover, #floorplans-header.active { width: 85px; background-position: -331px -9px !important; }
								#request-header { width: 61px; background-position: -435px 0 !important; }
									#request-header:hover, #request-header.active { width: 61px; background-position: -435px -9px !important; }
									
				.chart-table { font-size: 9px; display: none; height: 250px; }
					.chart-table tr th { font-weight: normal; color: #b3915f; }
					.chart-table tr th.space-name { color: #000; }
					
				div#page1 { display: block; }
				
				#table-nav { margin: 0; padding: 0; float: right; }
					#table-nav li { list-style: none; display: inline; float: left; margin-left: 4px; }
						#table-nav li a { display: block; padding: 0 4px; border: 1px solid #000; text-decoration: none; }
							#table-nav li a:hover, #table-nav li a.active { background: #b3915f; color: #fff; }	
							
				#floorplans, #request { margin: 0; padding: 0; }
					#floorplans li, #request li { list-style: none; margin-bottom: 4px; }
					
					.floorplan { display: none; }
					
					#floorplans li a { cursor: pointer; }
					
				.requests { border: 1px solid #e8e8e7; width: 100%; min-height: 485px; position: relative; display: none; }	
					.form-title { margin: 20px 0 0 30px !important; }
					.requests fieldset { border: 0; }
						.required { position: absolute; color: #000; font-size: 10px; text-transform: uppercase; top: 14px; right: 70px; margin: 0; padding: 0; }
						.requests ul { margin: 0 0 0 60px; padding: 0; }
							.requests ul li { list-style: none; overflow: hidden; margin-bottom: 0; padding: 1px 0; }
								.requests ul li label { font-weight: normal; font-size: 10px; float: left; width: 250px; }
								.requests ul li input.text { width: 200px; margin: 0; padding: 2px; border: 1px solid #e0dac2; }
								.requests ul li input.text-small { width: 57px; margin: 0 6px 0 0; padding: 2px; border: 1px solid #e0dac2; }
								.requests ul li select { margin: 0; width: 206px; }
								.requests ul li .textarea { margin: 0; padding: 2px; border: 1px solid #e0dac2; width: 450px; height: 120px; overflow: auto; }
				
				#meeting-request {  }
				.win #meeting-request { height: 530px; }
					.submit-request { position: absolute; right: 20px; bottom: 20px; }
							
				#contact-us { margin: 0; padding: 0; }
					#contact-us ul { margin: 0; padding: 0; }
						#contact-us ul li { list-style: none; margin-bottom: 10px; }
							#contact-us ul li label { display: block; font-size: 11px; font-weight: bold; }
							#contact-us ul li input.text { width: 300px; border: 1px solid #a6a6a6; margin: 0; padding: 2px 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; }
							#contact-us ul li textarea { width: 300px; height: 80px; overflow: auto; border: 1px solid #a6a6a6; margin: 0; padding: 2px 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; }
					.submit-contact { background: none; border: 0; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #000; margin: 0; padding: 0; cursor: pointer; }
					.success { text-align: center; font-weight: bold; display: none; }
					.success-request { width: 300px; position: absolute; left: 50%; margin-left: -150px; bottom: 10px;}
					
				#deals-board { width: 932px; height: 428px; margin-bottom: 20px; position: relative; }
					#deal-sj { position: absolute; top: 0; left: 0; }
					#deal-gd { position: absolute; top: 0; right: 0; }
					#deal-pp { position: absolute; bottom: 0; left: 0; }
					#deal-hh { position: absolute; bottom: 0; right: 0; }
					
				#deal-left { float: left; width: 462px; height: 130px; position: relative; }
					#have-questions { width: 170px; position: absolute; top: 0; left: 0; }
					#no-spam { position: absolute; top: 0; right: 0; }
				
				#deal-right { float: right; width: 462px; height: 130px; }
					#deal-right ul { margin: 0; padding: 0; }
						#deal-right ul li { list-style: none; float: left; width: 216px; height: 38px; margin: 0 12px 8px 0; }
							#deal-right ul li label { display: block; font-size: 11px; }
							#deal-right ul li input.text { width: 200px; margin: 0; padding: 2px; }
							#deal-right ul li select { margin: 0; }
					
					.small-print { font-size: 9px; }
					
				
			#full-width { position: relative; }
			
				#photo-slideshow { width: 930px; height: 487px; margin-bottom: 80px; }
				.press-page { min-height: 466px; }
					.press-page img { position: absolute; }
						.press-page img.hover { z-index: 1000; }
					#press-contact { position: absolute; top: 0; right: 0; width: 160px; font-size: 11px; }
		
	#footer-container { width: 100%; height: 32px; background: #fff; position: fixed; bottom: 0; left: 0; z-index: 90000; }
	.iphone #footer-container, .ipad #footer-container { position: relative !important; clear: both; }
	.iphone .home-section #footer-container, .ipad .home-section #footer-container { display: none; }
		#footer { width: 970px; margin: 0 auto; text-align: left; position: relative; }
			
			#footer-nav { margin: 0; padding: 0; position: absolute; left: 0; top: 13px; }
				#footer-nav li { display: inline; float: left; list-style: none; margin-right: 23px; }
					#footer-nav li a { display: block; height: 13px; background: url('../img/layout/footer-nav.png') no-repeat; text-indent: -9000px; outline: 0; }
						#nav-press { width: 36px; }
							#nav-press:hover, #nav-press.active { background-position: 0 -13px !important; }
						#nav-jobs { width: 31px; background-position: -59px 0 !important; }
							#nav-jobs:hover, #nav-jobs.active { background-position: -59px -13px !important; }
						#nav-contact { width: 54px; background-position: -113px 0 !important; }
							#nav-contact:hover, #nav-contact.active { background-position: -113px -13px !important;  }
			
			#footer-address { margin: 0; padding: 0; text-indent: -9000px; background: url('../img/layout/footer-address.png') no-repeat; width: 404px; height: 13px; position: absolute; left: 50%; top: 10px; margin-left: -202px; }
			
			#visit-ny { display: block; text-indent: -9000px; background: url('../img/layout/visit-ny.png') no-repeat; width: 197px; height: 10px; position: absolute; top: 12px; right: 0; } 
			
			
	.clearBoth { clear: both; margin: 0; padding: 0; line-height: 0; height: 1px; }
	
	.skip-video, .skipper, .view-video { clear: both; text-align: right; font-size: 11px; font-weight: bold; color: #B08D5A; cursor: pointer; text-decoration: none; }
			
/* jQuery UI Tabs */

.ui-tabs-panel {  }
.ui-widget-content {  }
.ui-tabs-hide { display: none; }