#Nav a, #Logo, #Tagline, #SpotlightNav, #Footer *{display: block; font-size: 0; text-indent: -9999px; line-height: 0;}

html{font-size: 100%; height: 100%;}
body{background: #b2be92; font-size: 62.5%; font-family: Georgia, Palatino, serif; height: 100%;}


/* LAYOUT */
#Wrapper{background: url(../images/Wrapper.png) 0 100% repeat-x; position: relative; text-align: center; min-width: 880px; width: 100%; min-height: 100%; height: auto!important; height: 100%;}
.wrap{text-align: left; width: 880px; margin: 0 auto;}
	
	#Top{background: #daddd0 url(../images/Top.png) repeat-x; border-bottom: 1px solid #d3d6c9; height: 49px;}
		#Nav{width: 803px; height: 49px; margin: 0 auto;}
			#Nav li{float: left;}
				#Nav a{height: 49px;}
				#Nav li.home a{background-image: url(../images/home.png); width: 79px;}
				#Nav li.rooms a{background-image: url(../images/rooms.png); width: 92px;}
				#Nav li.facilities a{background-image: url(../images/facilities.png); width: 116px;}
				#Nav li.location a{background-image: url(../images/location.png); width: 119px;}
				#Nav li.local-attractions a{background-image: url(../images/local-attractions.png); width: 189px;}
				#Nav li.gallery a{background-image: url(../images/gallery.png); width: 104px;}
				#Nav li.contact a{background-image: url(../images/contact.png); width: 104px;}
					#Nav a:hover, #Nav a.current, #Nav a.section{background-position: 0 -100%;}

	#Container{background: url(../images/Container.png) repeat-x; font-family: Tahoma, Verdana, sans; font-size: 1.4em; line-height: 1.4; color: #fff; min-height: 200px; padding: 55px 0 120px;}
		.clear{clear: both; display: block; width: 100%;}
	
	#Footer{position: absolute; left: 0; bottom: 0; width: 100%; height: 96px;}
		#Footer .wrap{position: relative;}
			#Address{display: block; position: absolute; top: 20px; left: 0; background: url(../images/Address.png) no-repeat; color: #788564; width: 320px; height: 50px;}
			#Savvy{position: absolute; top: 41px; right: 0; background: url(../images/Savvy.png) no-repeat; width: 161px; height: 10px;}
			#Bluetwist{position: absolute; top: 56px; right: 0; background: url(../images/Bluetwist.png) no-repeat; width: 196px; height: 15px;}
				#Footer a:hover{background-position: 1px 1px;}


/* [PAGE] Home Page */

	/* [OBJ] Spotlight */
	#Spotlight{background: #ebebeb url(../images/Spotlight.jpg) 50% 100% repeat-x; height: 525px; overflow: hidden;}
		#Spotlight .wrap{position: relative; height: 525px;}
		#Logo{}
		#Tagline{position: absolute; top: 63px; right: 8px; background: url(../images/Tagline.png) no-repeat; width: 529px; height: 44px;}
		#SpotlightNav{position: absolute; bottom: 0; left: -5px; background: url(../images/SpotlightImage.jpg) no-repeat; width: 907px; height: 348px;}
			#SpotlightNav li{position: absolute; bottom: 13px;}
			#SpotlightNav li.book-now{left: 51px; width: 204px;}
			#SpotlightNav li.find-us{left: 379px; width: 159px;}
			#SpotlightNav li.contact-us{left: 649px; width: 215px;}
				#SpotlightNav a{display: block; height: 22px; padding: 5px;}

	/* [OBJ] Container */
	#Container.Home{background-image: url(../images/Container-Home.png);}

		/* [OBJ] Panels */
		#Panels{}
			.Panel{float: left; width: 260px;}
			.middle{background: url(../images/Gallery.jpg) 50% 40px no-repeat; padding: 0 40px;}
				.Panel h3{border-bottom: 1px solid #fff; text-align: center; padding: 6px 0;}
				.middle a{position: relative; display: block; text-decoration: none; height: 350px;}
					.middle h3{position: absolute; left: 0; bottom: 0; border-top: 1px solid #fff; border-bottom: 0; color: #fff; width: 260px;}


/* [PAGE] Page */

	/* [OBJ] Header */
	#Header{background: #ebebeb; min-height: 198px; height: auto!important; height: 198px;}
		#Logo{float: left; background: url(../images/Logo.png); width: 298px; height: 91px; margin-top: 58px;}
		#Section{color: #788564; font-variant: small-caps; line-height: 1.3; letter-spacing: 0.05em; margin: 0 0 0 373px; padding-top: 52px;}
			#Section h1{font-size: 2.2em; font-weight: normal;}
			#Section p{font-size: 1.8em;}
			
	/* [OBJ] Container */
	.Sidebar #Container{}
		#Sidebar{float: right; background: url(../images/Content-Sidebar.png) repeat-y; width: 260px; margin: 0 0 30px 17px; padding: 9px 0 0 25px;}
			#SubNav{margin-bottom: 11px;}
				#SubNav li{border-bottom: 2px solid #c4cdac;}
				#SubNav li.Section{background: #bcc6a0; font-size: 0.9em; padding: 5px;}
					#SubNav a{display: block; font-size: 1.1em; font-family: Georgia, Palatino, serif; color: #fff; text-decoration: none; font-variant: small-caps; padding: 5px;}
						#SubNav a:hover, #SubNav a.current{background: #b5c197; text-indent: 1px;}
						#SubNav a.current{font-weight: bold;}
			#Sidebar .book{border-bottom: 2px solid #C4CDAC; font-size: 0.9em; padding: 5px 2px;}
			#Sidebar .SidebarContent{text-align: center;}
		#Content{position: relative; width: 578px;}
		.home #Content, .gallery #Content{width: 100%;}
			#Breadcrumbs{position: absolute; top: -33px; left: 0; border-bottom: 1px dotted #d0dab6; font-size: 0.8em; padding: 2px 10px;}
				#Breadcrumbs a{color: #667156;}
					#Breadcrumbs a:hover{color: #717c5f;}

	/* [OBJ] Main Image */
	#MainImage{display: block; border: 0; width: 578px; margin: 0 0 1em 0;}


/* [PAGE] Gallery */
#ImageGallery table{border-collapse: collapse; width: 100%!important; margin-top: 10px;}

#dateSelector_3087_FromDate_DayPart{color: red!important;}
	
	/* [OBJ] Thumbnail */
	#ImageGallery a{display: block; background: #ebebeb; width: 132px; height: 111px; margin: 10px auto; padding: 10px;}
		#ImageGallery a:hover{background: #f4f4f4;}
			#ImageGallery img{display: block; border: 1px solid #ccc;}