/* CSS Document */
/*---------------------------------------*/
/* global whitespace reset */
/*---------------------------------------*/
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,li,pre,blockquote{
	margin:0;
	padding:0;
	border:0;
}
p,h1,h2,h3,h4,h5,h6,ul{
	margin: 10px 0;
}
p {
	line-height: 1.23;
}
ul{
	padding-left:20px;
}
/*
	----------------------------
	HTML SELECTORS
	____________________________
*/
body,input,select,textarea{
	font: 11px Helvetica, Arial, sans-serif;
}
body{
	background-color:#e6e2d2;
	text-align:center; /* IE centering trick */
	color:#282828;
}
a, h1{
	color:#325a58;
}
img{
	border:0;
}
h1,h2,h3,h4{
	letter-spacing: -1px;
	font-size:14px;
}
h1,h2{
	font-size:17px;
	color:#325a58;
	line-height: 1.3;
}
h3{
	color:#000;
}
h3 span{
	color:#60a09d;
	font-size:13px;
}
hr{
	clear:both;
	border:0;
	width:100%;
	color:#709eb5;
	background-color:#709eb5;
	height:1px;
	margin:0;
}
hr.seperator{
	margin:10px 0;
}
/*
	----------------------------
	LAYOUT STYLES
	____________________________
*/
#wrapper{
	width:980px;
	margin: 0 auto;
	text-align:left;/* corrects IE centering trick */
}
/*--- MASTHEAD ------------------------------------*/
#masthead{
	padding:0;
	border-bottom:8px solid #325a58;
	position:relative; /* for absolute positioning of nav and other elements in the masthead, the container must be relative */
	height:95px;
}
#masthead h3#callToday{
	position:absolute;
	top:8px;
	right:0;
	margin:0;
	text-align:right;
}
#masthead h3#callToday b{
	font-size:18px;
}
/*--- CONTENT ------------------------------------*/
#content_container{
	background-color:#f4f2eb;
}
#main{
	width:760px;
	float:left;
	margin: 0;
}
#main #content{
	width:486px;
	float:left;
	padding: 0 10px 10px 10px;
	margin-top: -10px;
}
#landing{
	width:740px;
	float:left;
	padding: 0 10px 10px 10px;
}
body.course #main #content {
	margin-top: 0;
}
#main #content_wide{
	width:740px;
	padding:10px;
}
#main #secondary{
	width:233px;
	float:right;
	padding:0 10px 10px 10px;
	margin-top: -10px;
	border-left:1px solid #709eb5;
}
body.course #main #secondary {
	margin-top: -1px;
}
#search{
	background-color:#89b2a3;
	border-top:1px solid #89b2a3;/*TRICK: fixes margin collapse*/
	height:248px;
	padding:0 10px;
	color:#fff;
}
#sidebar{
	background-color:#c8ddd5;
	float:right;
	width:200px;
	padding:0px 10px 10px 10px;
}
#quickquote {width:700px; margin:10px;}
#quickquotethanks {width:400px; margin:10px; float:left;}

/*--- SECONDARY COLUMN ADS ------------------------------------*/
div.secondaryAd{
	margin:10px 0;
}
div.secondaryAdsmall{
	margin:10px 0;
}
#featuredSpecial{
	background:url('../media/featuredSpecial.jpg') no-repeat top left;
}
#golfPackages{
	background:url('../media/golfSpecials.jpg') no-repeat top left;
}
div.secondaryAdsmall a{
	display:block;
	width:200px;
	text-decoration:none;
}
div.secondaryAd a{
	display:block;
	width:233px;
	text-decoration:none;
}
#featuredSpecial a{
	height:196px;
}
#golfPackages a{
	height:235px;
}
div.secondaryAd a h3, div.secondaryAdsmall a h3{
	display:block;
	padding:10px 7px;
	margin:0;
	color: #ffffff;
}
#featuredSpecial a h3{
	background-color:#325A58;
}
#golfPackages a h3{
	background-color:#81B700;
}
div.secondaryAd a h3 span, div.secondaryAdsmall a h3 span{
	display:block;
	margin-top: 3px;
	color:#464646;
}
div.secondaryAd a h3 span.inverse, div.secondaryAdsmall a h3 span.inverse {
	color: #b2b2b2;
}
/*--- TOP DEALS ------------------------------------*/
#topDeals{
	background-color:#f4f8e9;
	padding:10px 10px 0;
}
#topDeals a{
	display:block;
	padding:10px 0;
}
#topDeals a.seo {
	display:block;
}
#topDeals a.deal{
	text-decoration:none;
	color:#000;
	border-bottom:1px solid #d9e4d4;
	margin-bottom: 5px;
}
#topDeals h2{
	margin:0;
}
#topDeals a.deal strong{
	font-size:12px;
	display:block;
}
#topDeals a.deal:hover{
	text-decoration:underline;
}
/*--- FOOTER ------------------------------------*/
#footer{
	clear:both;
	padding:15px 5px;
	position:relative; /* for absolute positioning of footerNav, the container must be relative */
}
#footerNav{
	position:absolute;
	right:5px;
	top:15px;
}

/*--- EMAIL UPDATES ---*/

#newsletter {margin-bottom:10px;}
#newsletter h2 {color:#fff; background-color:#90b213; width:188px; padding:7px;}

/* ---- Resorts page - Amenities Search -------------------------*/
div#amenSearchLink, div#amenSearch { margin:10px 0; padding:1px 10px; background-color:#f4f8e9; }
div#amenSearchLink p, div#amenSearch p { margin:10px 0; }
div#amenSearch { display:none; }
ul.amenities {float:left; margin-left:-20px; margin-right:35px;}
ul.amenities li {list-style:none;}
#accom {padding:5px 0px; font-size:13px; line-height:16px;}
#accom p#virtualTour { text-align: right; margin-bottom: 0; }

#rates {}
#rates .dateRange {background-color:#e6e2d2; padding:0; margin:0; color:#325a58; line-height:1em;}
#rates .dateRangeRow {background-color:#e6e2d2; padding:0; margin:0; color:#325a58; font-size:9px;}
#rates .dateRangeRow td {border-right: 1px solid #000; padding:0 2px;}
	#rates .dateRangeRow td.noborder {border-right: 0px solid #000; padding:0 2px;}
#rates .ratesRow td {border-right: 1px solid #000; padding:0 2px;}
	#rates .ratesRow td.noborder {border-right: 0px solid #000; padding:0 2px;}
td.noborder, tr.noborder {border-right: 0 none;}

/*--RESORT DETAILS--*/

#homepageGallery { float: right; width: 450px; border: 1px solid #ccc; padding: 5px; margin-left: 20px; }
	#homepageGallery .viewport { height:350px; background-color: #efefef; overflow: hidden}
	#homepageGallery .viewport div img{ height:350px; background-color: #efefef; overflow: hidden; clear: both;}
	#homepageGallery .viewport div p{margin: -2px 0px 0px 3px;font-size: 14px;}
	
	#homepageGallery #controls { position: relative; top:3px; text-align: center; }
	#homepageGallery #controls #prev2 {float: left; margin-right:145px;}
	#homepageGallery #controls #pause2 {float: left;}
	#homepageGallery #controls #next2 {float: right;}
	#homepageGallery #controls #prev2 img {height: 30px;}
	#homepageGallery #controls #next2 img {height: 30px;}
	a.button {text-decoration:none; font-weight:bold; padding:2px 4px;}
	a.button:hover {color:#90b213;}
	
/* date form */
form.resBox { width: 500px; float: right; background-color:#f4f8e9; padding: 5px; }
form.resBox ul { list-style: none; margin: 10px 0; padding: 0; z-index: 1000 !important;  }
form.resBox ul li { float:left; width: 110px; padding-right: 5px; }
form.resBox ul li, form.resBox ul li label, form.resBox ul li input { vertical-align: middle; }
form.resBox ul li.label { width: 80px; text-align: right; }
form.resBox ul li.submitItem { width: 76px; padding: 0; }
form.resBox ul li label { display: inline; }
form.resBox ul li input { width: 80px; padding: 2px; }
form.resBox ul li input.reservenowbttn { width: 75px; }

a.date-picker span { display: none; }

/*
	----------------------------
	NAVIGATION STYLES
	____________________________
*/
ul#navigation, ul#navigation li{
	margin:0;
	padding:0;
	list-style:none;
}
ul#navigation{
	position:absolute;
	bottom:0;
	right: -3px;
}
ul#navigation li{
	float:left;
	width:102px;
}
ul#navigation li a{
	color:#f4f8e9;
	text-decoration:none;
	padding:5px 0;
	background-color:#81b700;
	display:block;
	text-align:center;
	margin:0 3px 0 0;
	line-height:1em;
	font-weight:bold;
}
ul#navigation li a.oneline { padding: 11px 0 10px 0; }
ul#navigation li a:hover{
	color:#fff;
}
/* Navigation highlights*/
body.home ul#navigation li a.nav_search,
body.courses ul#navigation li a.nav_courses,
body.resorts ul#navigation li a.nav_resorts,
body.golfPackages ul#navigation li a.nav_golfPackages,
body.specials ul#navigation li a.nav_specials,
body.area ul#navigation li a.nav_area,
body.contact ul#navigation li a.nav_contact,
body.quick-quote ul#navigation li a.nav_quick-quote
{
	background-color:#325a58;
}
/*--- SUBNAV - area information ---------------------*/
p#subnav{
	padding:5px 0;
	line-height:1.5em;
}
/*--- categoryNav - resorts / view all properties page ---------------------*/
ul#categoryNav, ul#categoryNav li{
	margin:0;
	padding:0;
	list-style:none;
	border-bottom: 1px solid #709eb5;
	padding:5px 0;
	text-align:center;
}
ul#categoryNav li{
	background-color: #d9e4d4;
	border-bottom: 0;
	display: inline;
	color:#000;
	padding:5px 5px;
	margin: 0 1px;
}
ul#categoryNav li a{
	color:#000;
	text-decoration: none;
}
ul#categoryNav li.on{
	background-color: #709eb5;
}
ul#categoryNav li.on a{
	color:#fff;
}
.cleared {
	clear: both;
}
/*
	----------------------------
	PAGE SPECIFIC STYLES
	____________________________
*/
#home_slideshow{
	float: left;
	width: 740px;
	height: 249px;
	padding: 10px;
	position: relative;
	overflow: hidden;
}
#home_tease {
	position: absolute;
	right: -239px;
	top: 10px;
	width: 213px;
	height: 229px;
	background-color: #325A58;
	opacity: .82; filter: alpha(opacity=82); -moz-opacity: 0.82;
	padding: 10px;
}
#home_tease h1 { color: #ffffff; margin-top: 0; }
#home_tease p { color: #ffffff; margin-top: 20px; font: 14px/22px Helvetica, Arial, sans-serif; letter-spacing: -.028em; }
#home_tease ul { position: absolute; bottom: 0; left: 0; list-style: none; padding-left: 10px; width: 213px; }
#home_tease ul li { display: inline; margin-right: 5px; padding-right: 5px; border-right: 1px solid #ffffff;}
#home_tease ul li.last { border: 0px; } 
#home_tease ul li a { font: 16px Helvetica, Arial, sans-serif; font-weight: bold; letter-spacing: -.028em; color: #ffffff; text-decoration: none; }
#home_tease ul li a:hover { color: #000000; }
#search{
	margin:-10px -10px 0 -11px;
}
/* Register to Win Page (popup) */
body.win{
	text-align:center;
}
#win{
	margin:0 auto;
	text-align:left;
	margin:10px;
	padding:10px;
	background-color:#fff;
}
/* ---- Area Information -------------------------*/
table#listings td{
	padding:5px;
	height:55px;
	width:49%;
	vertical-align:top;
}
.light{
	background-color:#f4f8e9;
}
.dark{
	background-color:#d9e4d4;
}
table{
	width:100%;
}
ul#accomTabs {
	list-style: none;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	border-bottom: 2px solid #31595A;
}
ul#accomTabs li {
	float: left;
	margin-right: 5px;
}
ul#accomTabs li a {
	color: #fff;
	display: block;
	background: #84B600;
	text-decoration: none;
	padding: 5px;
}
ul#accomTabs li a.selected {
	background: #31595A;
}

img.thumbnail {width:200px;}
/*
	----------------------------
	MAP STYLES
	____________________________
*/
div#interactiveMap {
	width: 585px; 
	padding-top: 1px; 
	overflow: hidden;
}
div#map {
	width: 583px;
	height: 439px;	
	border:1px solid #ccc;
	float:left;
}
.infoWindow {
	width: 300px;
	color: #333;
}
div.maplocations {
	padding: 5px;
	color: #333;
	float:left;
}
div#mapaccom, div#mapcourses {
	margin: 5px 10px; 
	padding: 4px;
	overflow:auto;
	border: 1px solid #ccc;
	height: 180px; 
	width: 250px;
}
div#mapaccom a, div#mapcourses a {
	display: block;
	padding: 2px 0px; 
	text-decoration: none; 
	color: #375970;
}

/*-- GOLF PACKAGES --*/
#golfContent {margin:0 10px;}
#golfContent .starRatings ul {margin-left:0; padding-left:0;}
#golfContent .starRatings ul li {list-style:none;}

#courseInfo .icon {width:50px; margin:0 auto;}
#courseInfo .courseName {width:20%;text-align: left;}
#courseInfo .golfInsider {width:20%;text-align: center;}
#courseInfo .multi {width:10%;text-align: center;}
#courseInfo .ratesFrom {padding-left:15px; text-align: right;}
#courseInfo .ratesHeader{text-align: center; text-decoration: underline; padding-left: 25px;}

/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear{
	clear:both;
	height:1px;
	overflow:hidden;
}
.alignLeft{
	float:left;
	margin: 0 10px 10px 0;
}
img.alignRight{
	float:right;
	margin: 10px 0 10px 10px;
}
p.notice{
	padding:10px 10px 10px 10px;
	background: #C8DDD5;
	font-size:12px;
}
.top {
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	}
div#weatherRadarImage{
	position:relative;
	height:449px;
	margin:5px 0 5px 5px;
}

.baseRadarImage{
	position:absolute;z-index:0;top:0;left:0;
}

.overlayRadarImage{
	position:absolute;z-index:1;top:0;left:0;
}

.seoblog{
	font-size:17px;
	color:#0070a7;
	font-weight:bold;
}

#form label {width:35px; display:inline-block; float:left; clear:left; padding-top:5px;}
.contact-us {margin-left:70px;}

/*--- Send-To-Friend Form ---*/
#sendFriend fieldset { border: none; margin:0; padding:0;}
#sendFriend legend { color: #325a58; font-size: 14px; padding-top: 15px; margin:0; }
#sendFriend label { display: block; margin: 8px 0 2px 0; }
#sendFriend input {}
#sendFriend input.submit { text-transform: uppercase; width: auto; }

#mapHotelList a {display:block; width:200px; float:left; margin:2px 0;}

/*golf packages located at /specials/  */
#golf-package {width: 730px; float: left; padding: 0px 10px;overflow: hidden;}
#golf-package .pkgwrap{ background: #C8DDD5; padding: 10px; margin-left: 10px;}
#golf-package .package-details{background: #fff;margin-bottom: 10px; padding: 10px;}
#golf-package h3{font-size: 16px;padding: 0px; margin: 0px 0px 5px 0px; color: #325A58;}
#golf-package .pkgwrap img{margin:10px;}

.pkgwrap .package-description { display: none; }

div#golf-package div.pkgwrap div.pkgheading a {color: #325A58; }
div#golf-package div.pkgwrap div.pkgheading {color: #325A58; font-size: 14px; font-weight: bold;}
div#golf-package div.pkgwrap div.pkgmorelink a {color: #325A58; }
div#golf-package div.pkgwrap div.pkgdate  {padding: 2px 0 5px 0; color: #325A58; }

.buttons {float:right;}
.buttons img {display:block;}