/* orange: #e87f20; green: #91b455 */

body {
	font: normal 12px Verdana, Geneva, sans-serif;
	color: #666666; }

	a {  text-decoration:underline; color: #666666;}
	a:hover { text-decoration:underline; color: #e87f20; }

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

#header {
	position: relative;
	width: 990px;
	height: 525px;
	margin: 0 auto; }
		#header h1 a {
			display: block;
			width: 203px;
			height: 100px;
			overflow: hidden;
			text-indent: -8685px;
			background: transparent url("../images/logo.gif") 50% 50% no-repeat; }
ul#nav {
	position: absolute;
	left: 0;
	top: 99px;
	z-index: 20;
	width: 204px;
	height: 325px;
	background: transparent url("../images/bg_nav.png") 0 -25px repeat-x; }
	ul#nav li { padding: 0 0 3px 0; }
	ul#nav a {
		display: block;
		width: 203px;
		height: 26px;
		overflow: hidden;
		text-indent: -8685px;
		background: transparent url("../images/bg_nav-items.png") 0 0 no-repeat; }
	ul#nav a.btn_reservations:hover, ul#nav li.active a.btn_reservations { background-position: 100% 0; }
	ul#nav a.btn_special { background-position: 0 -31px; }
	ul#nav a.btn_special:hover, ul#nav li.active a.btn_special { background-position: 100% -31px; }
	ul#nav a.btn_rooms { background-position: 0 -62px; }
	ul#nav a.btn_rooms:hover, ul#nav li.active a.btn_rooms { background-position: 100% -62px; }
	ul#nav a.btn_restaurant { background-position: 0 -93px; }
	ul#nav a.btn_restaurant:hover, ul#nav li.active a.btn_restaurant { background-position: 100% -93px; }
	ul#nav a.btn_activities { background-position: 0 -152px; }
	ul#nav a.btn_activities:hover, ul#nav li.active a.btn_activities { background-position: 100% -152px; }
	ul#nav a.btn_weddings { background-position: 0 -185px; }
	ul#nav a.btn_weddings:hover, ul#nav li.active a.btn_weddings { background-position: 100% -185px; }
	ul#nav a.btn_photos { background-position: 0 100%; }
	ul#nav a.btn_photos:hover, ul#nav li.active a.btn_photo { background-position: 100% 100%; } 
	
	*/
	
	
#girlfriend-getaway {
	position: absolute;
	left: 0;
	top: 356px;
	z-index: 101;
	width: 204px; }
	#girlfriend-getaway h3 {
		height: 22px;
		text-indent: -8685px;
		background: transparent url("../images/hdr_girlfriend-getaway.png") 50% 0 no-repeat; }
	#girlfriend-getaway img {
		display: block;
		margin: 0 auto; }
	#header #slideshow {
		position: absolute;
		left: -155px;
		bottom: 37px;
		z-index: 2;
		width: 1094px;
		height: 52px;
		padding: 5px 0 5px 206px;
		color: #ffffff;
		background: transparent url("../images/bg_header-slideshow.png") repeat; }
		#header #slideshow .details {
			float: left;
			width: 726px; }
		#header #slideshow h3 {
			height: 29px;
			text-indent: -8685px;
			background: transparent url("../images/hdr_girlfriend-getaway_index.png") 0 0 no-repeat; }
		#header #slideshow p { display: inline; }
		#header #slideshow .slides {
			float: left;
			width: 200px;
			height: 111px;
			overflow: hidden;
			margin: -32px 0 0 0; }
			#header #slideshow .slides img { display: block; }
		#header #slideshow ul {
			display: inline;
			padding: 0 0 0 32px;
			background: transparent url("../images/bg_header-slideshow_nav.gif") 5px 8px no-repeat; }
		#header #slideshow li {
			display: inline;
			color: #ffff66; }
			#header #slideshow li a { color: #ffff66; }
			#header #slideshow li a.activeSlide { color: #000000; }
ul#top-nav {
	position: absolute;
	right: 5px;
	top: 80px;
	z-index: 1; }
	ul#top-nav li {
		float: left;
		margin: 0 0 0 25px;
		font-size: 11px;
		text-transform: lowercase;
		color: #e87f20;
		list-style: disc; }
	ul#top-nav li:first-child { list-style: none; }
	ul#top-nav a { color: #e87f20; text-decoration:none;}
	ul#top-nav a:hover { color: #000000; text-decoration:none; }

#content-wrapper {
	float: left; width: 100%; min-height: 100px;
	background: transparent url("../images/bg_content-wrapper.gif") 0 0 repeat-x; }
#content {
	width: 990px;
	padding: 1px 0 0 0;
	margin: 0 auto; }
body#gallery #content { padding: 27px 0 0 0; }
#masthead {
	height: 130px;
	padding: 0 4px;
	margin: 0 0 35px 0;
	background: transparent url("../images/bg_masthead.gif") 0 28px no-repeat; }
	#masthead h3 {
		cursor: pointer;
		height: 25px;
		text-indent: -8685px;
		border: 1px solid #ffffff;
		border-width: 0 1px; }
	#masthead .inner {
		height: 92px;
		padding: 8px 8px 0 8px; }
	#masthead .map {
		float: left;
		width: 328px; }
		.map h3 { background: #e87f20 url("../images/hdr_map.gif") 15px 7px no-repeat; }
		#masthead .map .inner { border-right: 1px solid #e87f20; }
	.weather { color: #e87f20; }
	#masthead .weather {
		float: left;
		width: 327px; }
		.weather h3 { background: #e87f20 url("../images/hdr_weather.gif") 15px 7px no-repeat; }
		#masthead .weather h3 { border-left: none; }
		#masthead .weather .inner {
			height: 83px;
			padding-top: 17px;
			border-right: 1px solid #e87f20; }
		.weather .details {
			float: left;
			width: 80px; }
		#masthead .weather .details { width: 130px; }
		.weather img {
			float: left;
			margin: 0 17px; }
		#masthead .weather img { margin: 0 10px 0 55px; }
		.weather p.temp {
			float: left;
			font-size: 28px; }
		.weather p.f { background: transparent url("../images/icon_fahrenheit.gif") 92% 90% no-repeat; }
		.weather p.name {
			clear: both;
			padding: 0 0 4px 0;
			font-size: 14px; }
		.weather p.range { color: #91b455; }
	#masthead .specials {
		float: left;
		width: 326px; }
		.specials h3 { background: #e87f20 url("../images/hdr_trip-advisor.gif") 15px 7px no-repeat; }
		#masthead .specials h3 { border-left: none; }

#main {
	float: right;
	width: 654px;
	padding: 64px 46px 0 0; }
body#index #main {
	float: none;
	width: auto;
	padding: 0 50px 40px 50px; }
	#main h1 { padding: 0 0 30px 0; color: #e87f20; font-family: AvenirLight, Sans; font-size: 24px;}
	#main p {
		padding: 0 0 20px 0;
		line-height: 150%; }
	#main ul,
	#main ol { padding: 0 0 20px 18px; }
		#main ul li {
			padding: 0 0 5px 0;
			line-height: 150%;
			list-style: disc; }
		#main ol li {
			padding: 0 0 5px 0;
			line-height: 150%;
			list-style: decimal; }
/* h1.hdr_activities {
	height: 20px;
	text-indent: -8685px;
	background: transparent url("../images/hdr_activities.gif") 0 0 no-repeat; } */

#sidebar {
	float: left;
	position: relative;
	width: 205px;
	padding: 0 6px 6px 6px;
	margin: 25px 0 40px 0;
	background: transparent url("../images/bg_sidebar.gif") 0 100% no-repeat; }
	#sidebar h3 {
		clear: both;
		height: 25px;
		text-indent: -8685px; }
		#sidebar .map h3 {
			position: absolute;
			left: 6px;
			top: -25px;
			z-index: 1;
			width: 203px;
			border: 1px solid #ffffff;
			border-width: 0 1px; }
	#sidebar .inner { padding: 8px; }
		#sidebar .weather .inner {
			float: left;
			padding: 15px 8px; }
		#sidebar .weather p.range { font-size: 10px; }

#footer-wrapper {
	clear: both;
	font-size: 11px;
	color: #ffffff;
	background: #91b455; }
ul#footer-nav {
	width: 1090px;
	padding: 10px 0;
	margin: 0 auto;
	text-align: center; }
	ul#footer-nav li {
		display: inline;
		padding: 0 4px 0 0; }
	ul#footer-nav a,  p#copyright a {
		margin: 0 4px 0 0;
		color: #ffffff; text-decoration: none; }
	ul#footer-nav a:hover, p#copyright a:hover  { color: #e87f20; text-decoration:underline; }	
.footer-stripe {
	float: left;
	width: 100%;
	padding: 12px 0;
	background: #e87f20; }
#company-info {
	width: 1000px;
	margin: 0 auto; }
	#company-info address {
		float: left;
		width: 260px;
		margin-left: 60px;
		padding: 5px 10px 5px 0;
		line-height: 150%;
		background: transparent url("../images/bg_footer-separator.gif") 100% 0 repeat-y; }
	.propertyAddressSmall {font-size:9px;}
	#company-info a.logo {
		float: left;
		padding: 4px 20px;
		height:85px;
		background: transparent url("../images/bg_footer-separator.gif") 100% 0 repeat-y; }
		#company-info a.logo img { display: block; }
		#company-info a#logo-zebra { display:none; }
		
	#company-info .social-media {
                float: left;
                width: 220px;
                padding: 10px 0; }
		#company-info .social-media p {
			float: left;
			padding: 9px 20px 0 0;
			font-size: 13px;
			text-transform: uppercase; }
		
		#company-info .social-media a.btn_facebook {
			margin: 0 0 0 0;
			float: left;
			width: 60px;
			height: 35px;
			overflow: hidden;
			text-indent: -8685px;
			background: transparent url("../images/icon_facebook.png") 0 0 no-repeat; }
                #company-info .social-media a.btn_youtube {
                        float: left;
                        width: 60px;
                        height: 35px;
                        overflow: hidden;
                        text-indent: -8635px;
                        margin: 0 0 0 -15px;
                        background: transparent url("../images/youtube_logo.png") 0 0 no-repeat; }
		#company-info .social-media a.btn_twitter { 
			float: left;
			width: 35px;
			height: 36px;
			overflow: hidden;
			text-indent: -8685px;
			background: transparent url("../images/icon_twitter.png") 0 0 no-repeat; }
p#copyright {
	clear: both;
	width: 990px;
	padding: 7px 0;
	margin: 0 auto;
	text-align: center; }

/* Listings
---------*/
.listing {
	clear: both;
	float: left;
	width: 100%;
	padding: 0 0 20px 0; }
	.listing img {
		float: left;
		padding: 15px;
		margin: 0 20px 0 0;
		background: transparent url("../images/bg_room-image.gif") 0 0 no-repeat; }
	.listing .details {
		overflow: hidden;
		padding: 18px 0 0 0; }
		.listing .details h3 {
			font-family: AvenirLight, Sans;
			padding: 0 0 5px 0;
			font-size: 20px;
			font-weight: normal;
			color: #e87f20; }
		#content .listing .details p { padding: 0 0 10px 0; }
a.btn_check-availability {
	display: block; float:left; 
	width: 168px;
	height: 28px;
	overflow: hidden;
	text-indent: -8685px;
	background: transparent url("../images/btn_check_availability.png") 0 0 no-repeat; }
a.btn_check-availability:hover { background: transparent url("../images/btn_check_availability.png") 100% 0 no-repeat; }
a.btn_rates {
	display: block; float: left; 
	width: 168px;
	height: 28px;
	overflow: hidden;
	text-indent: -8685px;
	background: transparent url("../images/btn_rates.png") 0 0 no-repeat; }
a.btn_rates:hover { background: transparent url("../images/btn_rates.png") 100% 0 no-repeat; }

a.btn_faq {
	display: block; float:left; 
	width: 168px;
	height: 28px;
	overflow: hidden;
	text-indent: -8685px;
	background: transparent url("../images/btn_faq.png") 0 0 no-repeat; }
a.btn_faq:hover { background: transparent url("../images/btn_faq.png") 100% 0 no-repeat; }

/* Gallery
--------*/
#photo-gallery {
	position: absolute;
	left: -154px;
	top: 100px;
	z-index: 20; }
	#photo-gallery .slides {
		position: relative;
		width: 1300px;
		height: 425px;
		overflow: hidden; }
		#photo-gallery .slides img { display: block; }
	#photo-gallery .overlay {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 900;
		width: 1300px;
		height: 425px;
		background: transparent url("../images/bg_photo-overlay.png") 0 0 repeat-y; }

		#gallery #controls a.btn_prev { background: transparent url("../images/btn_prev-slide.gif") 0 0 no-repeat; }
		#gallery #controls a.btn_next { background: transparent url("../images/btn_next-slide.gif") 0 0 no-repeat; }
		#gallery #controls a.btn_pause { background: transparent url("../images/btn_pause.gif") 50% 0 no-repeat; }
		#gallery #controls a.btn_pause.paused { background: transparent url("../images/btn_play.jpg") 50% 0 no-repeat; }
		

		
		#header #promo-banners .pager a.activeSlide,
		body#index #header #promo-banners .pager a.activeSlide { color: #e87f20; background-color:white; font-weight: bolder; }