@charset "UTF-8";
@import "/css/reset.css";

/* CSS Document */

/* -- colors 

gray/charcoal/text -- #5d5d5d
green -- #8cc63f
blue -- #00aaad
yellow -- #ffde4f
orange -- #f58220
lt gray -- #cecece
magenta -- #d70b8c

-- */

/*
	----------------------------
	HTML SELECTORS
	____________________________
*/

body { background:#8cc63f url(/media/layout/bg.jpg) top center no-repeat; color:#5d5d5d; font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; line-height: 1.5em; font-size: 12px; text-align:left; }
h1, h2, h3, h4, h5 {text-transform: capitalize; line-height: 1.2em;}
h1{font-size: 24px; color:#f58220; font-weight:normal; margin:0 0 10px 0;}
h2{font-size: 19px; color:#00aaad; font-weight:normal; margin:0 0 5px 0;}
h3{font-size: 17px; color:#8cc63f; font-weight:normal; text-transform:uppercase; margin:0 0 5px 0;}
h4{font-size: 15px; color:#00aaad; font-weight:normal; margin:0 0 5px 0;}
h5{font-size: 14px; color:#5d5d5d; font-weight:bold; margin:0;}
p{margin-top: 6px;}
b, strong{font-weight: bold;}
i, em{font-style: italic;}

hr {border:0; width:100%; color:#cecece; background-color:#cecece; height:1px; margin:0px;}
img {border: 0px; padding: 0px; margin: 0px; display:block;}
img.border {border:1px solid #b0b0b0;}

ol { margin-left: 20px; }
ol li { margin-bottom: 5px; }

a {color:#00aaad; text-decoration:none;}
a:hover {color:#8cc63f;}

/*
	----------------------------
	LAYOUT
	____________________________
*/

#wrapper {width:980px; margin: 0 auto; background:url(/media/layout/bg-large.png) top center no-repeat;}

#header {margin:0; padding:0; background:none; border:0 none;}
	#header a {font-weight:normal;}
	#logo {padding:57px 0 0 37px; margin:0;}
	#topnav {float:right; padding:60px 40px 0 0; color:#8cc63f; text-transform:uppercase;}
		#topnav a {color:#8cc63f;}
		#topnav a:hover {color:#00aaad;}
	
#navigation {height:32px; font-size:13px; color:#7e7e7e; text-align:center; text-transform:uppercase; margin-top:10px; letter-spacing:.02em;}
	#navigation .nav {margin:0 auto; padding:0;}
	#navigation .nav ul {display:inline;}
	#navigation .nav ul li {list-style:none; display:inline; margin:0 4px;}
	#navigation .nav ul li a {color:#7e7e7e; text-decoration:none;}
	#navigation .nav ul li a:hover {color:#00aaad;}

	#homeimage {border:1px solid #00aaad; width: 660px; height: 244px; }
	#leftCol {width:200px; float:left; margin-left:50px;}
	#rightCol {width:662px; float:right; margin-right:50px;}
		#rightCol ul li {list-style:none;}
	
	#lowrates, #videoplayer, #map, #rates, #emailbox, #webcam, #reserv, .leftBanner {margin-bottom:18px;}
	#vip {margin:-10px 0 18px 0;}
	
#checkrates {width:200px; font-weight:normal;}	
#rates {padding:0 0 0 15px; width:183px; border:1px solid #00b7bb; border-top:0; background: #91f9fd url(/media/layout/rates-bkgd.gif) top center no-repeat;}
	#rates p {font-size:12px; margin:0; padding:0;}
	#rates select {float:left; margin:0 10px 10px 0;}
	#rates input.searchbtn {margin:5px 0 10px 25px;}
	#adultsKidsRooms {list-style: none; margin: 0 0 20px 0;}
	#adultsKidsRooms li {float: left; text-align: center; margin: 0; padding:0;}
	#adultsKidsRooms li label {display: block; text-align:left;}	

#emailbox {width:200px; font-weight:normal;}
#landingemailbox {width:400px; font-weight:normal;}
#email {font-size:12px; padding:0 0 0 15px; width:183px; border:1px solid #8cc63f; border-top:0px; margin-top:-1px;}
	#email p {margin:0 0 10px 0;}
		#emailSignup label {font-size:12px; font-weight:normal; width:30px; float:left; line-height:25px; padding:0 0 0 10px;}
		#emailSignup input {margin:2px 5px; border:1px solid #9c9c9c; height:19px; width:110px; padding:3px 0 0 3px;}
		#emailSignup input.signup {margin:5px 0 10px 23px; border:0; width:115px; height:26px;}
		
		#landingemailSignup label {font-size:12px; font-weight:normal; width:30px; float:left; padding:13px 0 0 0;}
		#landingemailSignup input {margin:2px 5px; border:1px solid #9c9c9c; height:19px; width:180px; padding:3px 0 0 3px;}
		#landingemailSignup input.signup {margin:5px 0 10px 5px; border:0; width:115px; height:26px;}
#lemail label {float:left; width:100px; clear:both; margin-bottom:10px;}
#lemail label.question {width:200px; clear:both; margin-bottom:10px; float:none; font-weight:bold;}
#lemail input {margin-bottom:5px;}
		
#resorts {margin-left:10px;}
	#resorts h3 {margin-bottom:5px;}

#footer {width:980px; margin:0 auto; text-align:center; color:#a5a5a5; background:url(/media/layout/bg-footer.jpg) top center no-repeat; height:150px; line-height:1.7em;}
	#footer .nav {margin:0 auto; padding:35px 0 0 0;}
	#footer .nav ul {display:inline;}
	#footer .nav ul li {list-style:none; display:inline; margin:3px;}
	#footer .nav ul li a {color:#a5a5a5; text-decoration:none;}
	#footer .nav ul li a:hover {color:#00aaad;}
	
/*-- Featured Property section --*/
#rightCol .featured {background-color:#ecf5df; border:1px solid #f58220; float:left; width:470px; margin-top:18px; padding:10px; overflow:hidden;}
		#rightCol .featured h3 {margin:0 0 10px 0; color:#f58220;}
		#rightCol .featured h2 {margin:0px;}
		
	#featurednav {width:165px; float:left;}
	#featurednav ul {width:165px; margin:0 0 10px 0; padding:0;}
	#featurednav li {list-style:none; background:url(/media/layout/nav-tab.gif) left top no-repeat; overflow:hidden; margin-bottom:4px;}
	#featurednav a {color:#fff; text-decoration:none; height:22px; width:165px; display:block; font-size:11px; line-height:2em; padding-left:5px;}
	#featurednav a.selected, #featurednav a:hover {background:url(/media/layout/nav-tab.gif) left -22px no-repeat;}
		
#video {float:right; margin:0 0 15px 15px;}
#video img {border:1px solid #f58220;}
#buttons {margin-left:15px;}
#buttons img {float:left; margin:10px 10px 0 0; border:0;}
#buttonsbottom {margin:15px auto 0; text-align:center;}
#buttonsbottom img {float:left; margin:20px 8px 0 0; border:0;}

.slideshow {width:266px; float:left; margin-right:20px; display: block; height: 166px;}
	#controls {margin:0 auto; padding:5px 0 0 80px; height:26px; clear: left;}
	#controls ul {display:inline;}
	#controls ul li {list-style:none; display:inline; padding:0px 3px; float:left;}
	
#resortmap {display:block; text-align:center; width:180px; height:170px; float:left;}
	#resortmap h4 {margin:0;}
	#resortmap img {display:inherit; width:180px;}
	
#specialoffers {margin-top:10px;}
	.offer {width:115px; float:left; margin:10px 40px 0 0;}
	#offerlast {margin:10px 0 0 0;}
	
#blog {width:475px; float:left; margin-top:10px;}
	#blog h3 {margin:0;}
	#blog h5 {margin-top:10px;}
	
/*--Third Column--*/

#left {float:left; width:492px;}	
#right {width:165px; float:left; margin-top:18px;}
#events {margin-left:15px;}
#news {margin:10px 0 0 15px;}


/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/

/* -- home page photo gallery -- */
#slideshow-container { position: relative; }
	#slideshow { position: relative; width: 660px; height: 244px; margin: 0; padding: 0px; }
	/*#slideshow img { display: none; } */
	#slideshow img.helloWorld { display: inline; }
		#slideshow-nav { position: absolute; right: 0px; bottom: -15px; z-index: 99; font-size: 10px; color: #333; padding: 0 8px; background-color: #fff; filter: alpha(opacity=65); -moz-opacity: .65; opacity: .65; list-style: none; }
			#slideshow-nav li { display: block; float: left; margin-right: 4px; }
				#slideshow-nav a { color: #333; padding: 4px; }
				#slideshow-nav a:hover { color: #a28557; }

/* -- home page photo gallery - version 2 - smaller-- */
#homeimage2 #slideshow-container { position: relative; }
#homeimage2 #slideshow { position: relative; width: 530px; height: 240px; margin: 0; padding: 0px;  overflow: hidden;  }
#homeimage2 #slideshow img {  }
#homeimage2 #slideshow img.helloWorld { display: inline; }
		#homeimage2 #slideshow-nav { position: absolute; right: 125px; bottom: -16px; z-index: 99; font-size: 10px; color: #333; padding: 0 8px; background-color: #fff; filter: alpha(opacity=65); -moz-opacity: .65; opacity: .65; list-style: none; }
			#slideshow-nav li { display: block; float: left; margin-right: 4px; }
				#slideshow-nav a { color: #333; padding: 4px; }
				#slideshow-nav a:hover { color: #a28557; }

/* -- google ad manager 120x240 slot -- */
#homeimage2 #slideshow-container #gam-slot-120x240 { position: absolute; right: 5px; top:0; width: 120px; height: 240px; }

/* --- home page scroller --- */
#scroller-wrapper {background-color:#d70b8c; margin-top:20px; padding:5px 10px; height:20px; width:638px; position:relative;}
	#scroller a {display:block; color:#fff; font-size:14px; width:620px;}
	#scroller a:hover {color:#ffde4f;}
	#scroller-nav {position:absolute; right:10px; top:9px;} 
	#scroller-nav img {float:left;}

/* -- maps -- */
#map_canvas { height: 500px; border: 1px solid gray; }
#maps {margin-top:10px;}
#maps ul {margin:0; padding:0;}
#maps ul li {list-style:none; float:left; width:160px;}

/* -- Resorts page -- */
#resortBlock {border:1px solid #cecece; padding:10px; width:45%; float:left; margin:0 10px 10px 0;}
#resortbuttonsright {float:right;}
#resortbuttonsright img {margin:0 0 6px 5px; width:130px;}
#resortSingle {border:1px solid #cecece; padding:10px; width:442px; margin:0 20px 10px 0;}
	#resortFull {border:1px solid #cecece; padding:10px; margin:0 0 10px 0;}
#resortRightCol {float:right; width:180px;}

#resort-left {width:480px; overflow:hidden;}
#topoffers {width:140px; float:right;}
#topoffers .deal {margin:5px 0 10px 0;}
#topoffers .deal p a span { color: #555; }
.viewSpecials {text-align:right;}

/* -- Resort section -- */
#resortsPages {border:1px solid #cecece; padding:10px;}
#resortsPages h2{font-size: 15px; color:#00aaad; font-weight:normal; margin:0 0 5px 0;}
#resortsPages h3{font-size: 15px;}
#resortsPagesleft {float:left; width:450px; margin-right:20px;}
	#resortsPagesleft img { max-width: 435px; }
#resortsPages ul {margin:0;}
#resortsPages ul li {list-style:none;}
#bulletsyes ul li {list-style: disc; margin-left:20px;}
	.amenphoto {width:250px;}
#resortsPagesright {float:left; width:160px;}
	#resortsPagesright h4 {color:#f58220; margin-top:10px;}
	#resortsPagesright ul li {list-style:disc; color:#00aaad; margin-left:15px;}

#resortsNav {background:#00aaad url(/media/layout/res-nav-tab.gif) left top no-repeat; height:22px;}
#resortsNav ul {margin:0; padding:0 15px;}
#resortsNav ul li {float:left; list-style:none; display:inline;}
#resortsNav ul li a {color:#fff; padding:0 15px; line-height:22px;}
#resortsNav ul li a:hover {color:#fff36f;}

#resortbuttons {background-color:#ecf5df; border:1px solid #f58220; margin:15px 0; padding:0 0 7px 18px;}
#resortbuttons img {float:left; margin:7px 25px 0 0; border:0;}


/* -- Photo Gallery -- */
#imgNav img {float:left; margin-right:10px;}
#galleryThumbs img {width:32px; height:32px; float:left; margin:0 15px 15px 0; border:1px solid #b0b0b0;}

/* -- Special Deals -- */
#specials {border:1px solid #cecece; padding:10px; margin-bottom:20px;}
#specials #imgbox {width:140px; height:100px; overflow:hidden; float:right; margin:0 0 15px 15px; border:1px solid #b0b0b0;}
#specialsThird {float:left; width:190px; padding-right:20px;}
	#specialsThirdResort {width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #cecece;}
	#specialbox {}
	.special-details { display: none; }
p.booknow {position:relative; bottom:0px;}

/* -- Area Info -- */
#arealeft {float:left; width:450px; margin-right:20px; overflow:hidden;}
#arearight {float:left; width:190px; overflow:hidden;}
#arearight ul li {list-style:none;}

/* -- Enter To Win -- */
#entertowin label {width:100px; display:block; float:left; margin:5px 0;}
#entertowin input {margin:5px 0;}
#entertowin .submitbtn {margin:10px 0 0 135px;}

/* -- News -- */
#icon {float:left; width:30px;}
#newsitem {display:block; margin-left:35px;}
	#newsitem hr {margin-bottom:10px;}
	#calendar {width:25px; height:25px; border:1px solid #8dc73f;}
	#month {font-size:7px; color:#fff; background-color:#8dc73f; height:8px; text-align:center; line-height:7px; text-transform:uppercase;}
	#date {font-size:14px; color:#22b5b8; text-align:center;}

/* -- Events -- */
#filterEvents input, #filterEvents select {margin-right:15px;}
#arealeftNews {float:left; width:440px; padding-right:14px; margin-right:15px; overflow:hidden; border-right:1px solid #cecece;}


/* -- Golden Ticket -- */
.gtDiv { padding:25px; }
form.gt { }
form.gt label { display: block; margin: 7px 0 0; color: #000; }
form.gt label.error { padding: 5px 10px; background: #990000; border-top: 1px solid #600; border-bottom: 1px solid #600; margin: 5px 0; width: 335px; color: #fff; font-weight: bold; }
form.gt input { width: 350px; }
form.gt input[type="checkbox"] { float:left; width:15px; margin-top:10px; }
form.gt input[type="submit"] { width:100px; margin-top:15px; }
form.gt textarea { width: 500px; height: 175px; }
form.gt fieldset.submits { margin-top: 10px; }
form.gt fieldset.submits input { width: auto; }



/* -- Low Rates Pop -- */
#lowratesexpand {background:#8dc73f url(/media/layout/bg-corner.gif) top left no-repeat; color:#fff; width:400px; position:absolute; z-index:999; padding:20px;}
#lowratesexpand h1 {font-size:18px; font-weight:bold; color:#fff;}
#lowratesexpand p {margin-bottom:0; padding-bottom:0;}
#lowratesexpand a { color: #00aaad; }
#lowratesexpand a.button {border:1px solid #fff; padding:2px 4px; color:#fff; background-color:#00aaad;}
#lowratesexpand a.button:hover {background-color:#8dc73f;}
#closebutton {float:right;}

/* -- Call for Reservations Pop -- */
#resexpand {background:#00aaac url(/media/layout/bg-corner-blue.gif) top left no-repeat; color:#fff; width:300px; position:absolute; z-index:999; padding:20px; font-size:14px; line-height:1.7em; font-weight:bold;}
#resexpand h1 {font-size:18px; font-weight:bold; color:#fff;}
#resexpand p {margin-bottom:0; padding-bottom:0;}
#resexpand a {color: #ffde4f;}
#resexpand a:hover {color:#fff;}
#resexpand a.button {border:1px solid #fff; padding:2px 4px; color:#fff; background-color:#8dc73f;}
#resexpand a.button:hover {background-color:#249b9b;}

/* -- WEBCAMS -- */
div.alignRight {float:right;}
.webcam {padding:20px; margin-bottom:20px; border:1px solid #cecece;}
.webcam img {float:right; border:1px solid #cecece; margin-left:20px;}
/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear { overflow:hidden; height:0px; clear:both; }
div.clearLeft { overflow:hidden; height:0px; clear:left; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }
.confirm { padding: 5px 10px; background: #a1c671; border-top: 2px solid #8CC63F; border-bottom: 2px solid #8CC63F; margin: 5px 0; color: #fff; font-weight: bold; }
.alert { padding: 5px 10px; background: #c67171; border-top: 2px solid #c63f3f; border-bottom: 2px solid #c63f3f; margin: 5px 0; color: #fff; font-weight: bold; }

ul.thumbnails { list-style: none; }
ul.thumbnails li { float: left; }
ul.thumbnails li img { width: 75px; height: 75px; }

.hidden { display: none; }




/* --- admin styles --- */
table.admin { border-collapse: collapse; border: 1px solid gray; width: 100%; }
table.admin th { padding: 2px 4px; background: #8CC63F; color: #5d5d5d; font-weight: bold; }
table.admin td { padding: 2px 4px; border-bottom: 1px dotted gray; }
table.admin th.resortHeader, table.admin th.golfHeader { text-align: left; cursor: pointer; }

form.admin { }
form.admin label { display: block; margin: 7px 0 0; color: #000; }
form.admin label.error { padding: 5px 10px; background: #990000; border-top: 1px solid #600; border-bottom: 1px solid #600; margin: 5px 0; width: 335px; color: #fff; font-weight: bold; }
form.admin input { width: 350px; }
form.admin textarea { width: 500px; height: 175px; }
form.admin fieldset.submits { margin-top: 10px; }
form.admin fieldset.submits input { width: auto; }




#admin_gmap { width: 500px; height: 300px; border: 1px solid gray; }

div#weatherRadarImage { height:449px; margin:5px 0pt 5px 5px; position:relative; }
.baseRadarImage { left:0pt; position:absolute; top:0pt; z-index:0; }
.overlayRadarImage { left:0pt; position:absolute; top:0pt; z-index: 1; }

form.moreInfo label { display: block; clear: left; float: left; width: 95px; }
form.moreInfo input { margin-bottom: 5px; }
form.moreInfo label.checkbox { float: none; display: inline; }
form.moreInfo input.checkbox { margin: auto; }
form.moreInfo p.form { margin: 10px 0 0 0; }
form.moreInfo input.submit { clear: left; margin: 10px 0; }

.checkRatesResort { width: 100%; text-align: center; }
.checkRatesResort img {margin-bottom: 8px; display: inline; }
.calltoaction { text-align: center; }
#lowratesexpand .calltoaction a { font-weight: bold; color: #ffffff; text-decoration: underline; }

/*--BLOG--*/
#content {width:880px; margin-left:50px;}
#content-inner {width:860px;}
.layout-wt #alpha {width:670px;}
#alpha-inner {padding-left:0;}
.content-nav {text-align:left;}
.archive-title {font-size: 24px; color:#f58220; font-weight:normal; margin:0 0 10px 0;}