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

/* CSS Document */

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

body { background: url(/media/layout/bg.jpg) top center repeat-x #E7D38A; font:14px/21px Helvetica, Arial, sans-serif; color:#333; opacity: .9999; }
a { text-decoration: none; color: #3c4964; }
a:hover { text-decoration: underline; color: #402d23; padding: 3px 0; }
img { border: 0; }

h1, h2.blogTitle {font: 26px/30px "Times New Roman", Times, serif; color: #3A2A28;text-transform: uppercase; position: relative; font-style:italic; margin:0; padding:0;}
/*div { outline: 3px solid #fff; }*/
.error, .alert { color: red; }

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

#superwrapper { width: 978px; margin: 0 auto; background: url(/media/layout/leftStripe.jpg) repeat-x #E1C476; }
#wrapper { background: url(/media/layout/wrapperBG.jpg) no-repeat #E7D38A; width: 960px; margin: 0 8px 0 10px; }


#iframeCal{ z-index: 2; position: absolute; width: 275px; height: 136px; visibility: hidden; }

#header { position: relative; height:150px; }
	#nav { font-size: 13px;  background: transparent url(/media/layout/nav-stripe.png) no-repeat bottom left;}
		#nav ul { list-style: none; margin: 0; padding: 8px; }
			#nav ul li { display: inline; margin-right: 2px; }
				#nav ul li a { color: #f1edbe; padding: 5px; }
				#nav ul li a:hover { color: #fff; text-decoration: underline; }
	
	#weather { position: absolute; right: 2px; top: 8px; }
		#weather p { color: #fff; margin: 0; }
		#weather a { color: #f1edbe; padding: 5px; }
		#weather a:hover { color: #fff; text-decoration: underline; }
		
	#logo { width: 320px; position: absolute; left: 40px; top: 70px; }
		#logo img { width: 320px; }
		
	#callToday-header { position: absolute; right: 48px; top: 80px; }
		#callTodayNumber-header { position: absolute; right: 10px; top: 10px; font-size: 20px; letter-spacing: -1px; color: #F6EDA8; font-weight: normal; }
	
#sidebar { width: 235px; padding: 0 0 0 50px; float: left; margin-top: 20px; }
	
	#callToday { position: relative; }
		#callTodayNumber { position: absolute; right: 28px; top: 10px; font-size: 20px; letter-spacing: -1px; color: #F6EDA8; font-weight: normal; }
	
	#resForm {  }
		#resForm label { margin: 0; padding: 0; }
		#resForm p { margin: 0; padding: 8px 0 0 0; }
		#resFormTop { width: 221px; height: 34px; background: url(/media/layout/form-bg-top.gif) no-repeat transparent; }
		#resFormBottom { width: 221px; height: 22px; background: url(/media/layout/form-bg-bottom.gif) no-repeat transparent; }
		#resFormBG { background: url(/media/layout/form-bg.gif) repeat-y left top transparent; }
		#reservationForm { background: url(/media/layout/form-bg-middle.gif) no-repeat transparent; margin: 0; padding: 0 8px; }
			#reservationForm .ResBox_header { display: none; }
		
		#resForm div#HO_cal { margin-left: 10px; }
		#resForm img.cbCal { position: relative; top: 4px; }
		#resForm input#resFormSearch { float: left; margin-top: 10px; margin-left: 35px; }
		#verisignImg { margin:0 45px;}
		#retrieveItinerary { padding: 0 0 0 15px; }
		#retrieveItinerary2 { text-align:center; font-size:10px; margin:0 40px; }

	#leftEdealSignup {  }
		#leftEdealSignup form { margin-left: 16px; margin-bottom: 20px; }
		#leftEdealSignup p { text-align: center; padding-right: 10px; }
	
	#videoCall {  }
		#sidebar h5 { width: 140px; background: url(/media/layout/sidebarScroll.gif) no-repeat center; padding: 0 37px; font-family: "Times New Roman", Times, serif; color: #3c4964; font-size: 16px; text-align: center; font-weight: normal; margin: 0; }
		
	#latestEntries { width: 215px; }
		#latestEntries div { padding: 0 16px; }
	
	#webcam-call { width: 215px; }
	
	#virtual { width: 215px; margin-top:20px;}
		
	#memoriesCall { background: transparent url(/media/layout/polaroid.gif) no-repeat left 20px; text-align: right; width: 215px; }
		#memoriesCall p { width: 80px; float: right; clear: both; margin: 8px; }
		#memoriesCall a { color: #3c4964; text-decoration: underline; }
		#memoriesCall a:hover { color: #402d23; }
		
	#affiliates { text-align: center; }
		#affiliates img { margin-top: 10px; }

#main { float: right; width: 595px; padding: 0px 30px 0 0; margin-top:128px; }
	#slogan { text-align: center; }
	#slogan img { width: 576px; height: 106px; }
	#slogan h2 { font: 28px/34px "Times New Roman", Times, serif; color: #fff; }
	
	h2#sifrSlogan { width: 576px; height: 28px; font: 28px/34px "Times New Roman", Times, serif; color: #3A2A28; margin-top: 84px; opacity: 1; }
	h2.fancySlogan, h2.fancySlogan h2 { width: 576px; font: 26px/30px "Times New Roman", Times, serif; color: #3A2A28; padding-top: 52px; text-transform: uppercase; position: relative; font-style:italic; letter-spacing:1px; }
		h2.fancySlogan h2 { color: #fff; position: absolute; left: -2px; top: -1px; margin: 0; }
	
	#slideshow-container { position: relative;}
	#slideshow { position: relative; width: 563px; height: 241px; border: 1px solid #fff; margin: 0px 0 20px; padding: 4px; }
	#slideshow img { padding: 4px; display: none; }
	#slideshow img.helloWorld { display: inline; }
		#slideshow-nav { position: absolute; right: 27px; bottom: -10px; 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; }
				
	#copy { float: left; width: 308px; padding-right: 12px; }
		#copy .homepagep h3.copyHeadline { margin-bottom: 0px; }
		#copy .homepagep p { margin-top: 0px; }
		h3.copyHeadline { font: 18px/24px "Times New Roman", Times, serif; font-weight: bold; color: #3c4964; }
		h3.altCopyHeadline { color: #2a3854; font-weight: normal; font-size: 17px; }
			#copy p { margin-left: 8px; }
				#copy p a { margin-left: 10px; color: #3c4964; text-decoration: underline; }
				#copy p a:hover { color: #402d23; }
				
	#mainSidebar, #specials { float: right; width: 250px; text-align: center; }
		#specials h3 { width: 176px; background: url(/media/layout/specialsScroll.gif) no-repeat center; padding: 0 37px; font-family: "Times New Roman", Times, serif; color: #2a3854; text-transform: uppercase; font-size: 16px; margin: 20px 0 4px 0; }
			#rates { background: url(/media/layout/rates.gif) top left no-repeat transparent; margin-left: 44px; margin-bottom: 10px; padding-left: 38px; letter-spacing: -5px; text-align: left; height: 93px; font: 90px/100px "Times New Roman", Times, serif; color: #2a3854; }
		img#checkRatesLink { padding: 0 0 10px 0; margin: 0 0 10px 0; }
		p#signUpForEdeals { width: 200px; margin: 0 27px; padding-bottom: 12px; clear: both; }
		p#signUpForEdeals a { color: #3c4964; font-weight: bold; }
		p#signUpForEdeals a:hover { text-decoration: underline; }
		
		form#edealsSignup { margin-left:15px; padding-bottom:20px; }
		form#edealsSignup label {float:left; display:inline-block; width:50px; text-align:left; margin-bottom:5px;}
		input#edealsInput { float: left; width:120px;}
		input#edealsSubmit { margin: 1px 0 0 3px; float: left; }
		#signUpForEdeals {padding-top:20px;}
		
		#specials h4 { font-size: 16px; font-weight: normal; clear: both; width: 230px; margin: 0 0 0 10px; }
		
		#hotDealsContainer-ab  #specials h4 { padding-top: 4px; }
		#hotDealsContainer-ab  h4 a { color:#000; font-weight:bold; margin:0px; padding:0px; }
		
		#hotDealsContainer, #golfSpecialsContainer { width: 250px; height: 180px; }
		.hotDeal, .golfSpecial { width: 250px; }
			.hotDealImg, .golfSpecialImg { width: 90px; height: 90px; padding: 2px; border: 1px solid #fff; float: left; }
			.hotDealP, .golfSpecialP { text-align: left;  margin-top: 0px; }
			.hotDeaMore{text-decoration: underline;}
		#specials .hotDealP {padding:0px 15px;}	
		
		#hotDealsNavArrows, #golfSpecialsNavArrows { background: transparent url(/media/layout/hotDealsNav.gif) no-repeat right center; float: left; width: 43px; height: 19px; margin-left: 18px; }
		ul#hotDealsNav, ul#golfSpecialsNav { float: right; clear: both; text-align: left; margin: 0; list-style: none; width: 170px; }
			#hotDealsNav li, #golfSpecialsNav li { display: block; float: left; padding-left: 16px; }
			a.activeSlide { font-weight: bold; color: #3A2A2B; }
			
			#hotDealsNavBack, #hotDealsNavFwd, #golfSpecialsNavBack, #golfSpecialsNavFwd { display: block; float: left; width: 18px; height: 17px; }
			#hotDealsNavBack:hover, #hotDealsNavFwd, #golfSpecialsNavBack:hover, #golfSpecialsNavFwd:hover { text-decoration: none; padding: 0; }
			#hotDealsNav1, #hotDealsNav2, #hotDealsNav3, #hotDealsNav4, #golfSpecialsNav1, #golfSpecialsNav2, #golfSpecialsNav3, #golfSpecialsNav4 { padding; 4px; margin: 4px; }
	
#footer { clear: both; position: relative; width: 978px; margin: 0 auto 30px auto; }
	#footer-image { position: absolute; left: 0; top: 0; width: 250px; height: 250px; text-align: center; }
		#footer-image img { width: 240px; height: 183px; }
		
	#footer-links, #footer-info { width: 960px; text-align: right; }
	#footer-links {border-left: 10px solid #E1C476; border-right: 8px solid #E1C476; padding-top: 40px; font-size: 11px; }
	#footer-info { background-color: #858162; border-left: 10px solid #7F7558; border-right: 8px solid #7F7558; padding-bottom: 100px; }
	
	#footer p { margin: 0; padding: 4px 24px; }
	#footer a { color: #3c4964; text-decoration: underline; }
	#footer a:hover { color: #44291D; }
		#footer span.addy { color: #fff; }
		#footer strong { color: #000; font-weight: bold; }
		#footer span.copyright { color: #d7c883; }
		#footer span.preview, #footer span.preview a {color: #fff; font-size:11px;}
		#footer span.preview a:hover {text-decoration:none;}
		p.vmblogo {line-height:1em;}
		
		#footerList{width: 960px; text-align: right; color: #fff; font-size:11px; padding: 5px 48px 0 0;}
		#footerList ul{list-style-type: none; margin:0; padding: 0px 24px;}
		#footerList ul li{margin: 0px 3px; display: inline;}
		#footerList ul li a{color: #fff;}
		#footerList ul li a:hover{text-decoration:none; color:#fff;}
		
		#vip {float:left; margin:0 0 0 290px;}

/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/
	ul#accommodationTypes { text-align: left; list-style: none; }
	ul.accommodations { list-style: none; }
	
	ul#accomImages li { margin-left: 10px; }
	
	#accomGalleryThumbs img{float: left; width: 50px; height: 50px; margin: 0px 10px 10px 0px;}
	#accomLargeImage{width: 250px; position: relative; float: left;}
	#accomLargeImage img { border: 1px solid #fff; padding: 4px; display: none; position: absolute; top: 0; left: 0; width: 250px;}
	#accomLargeImage img.showMe { display: block; }
	
	
	
#one-column div.partner {  }
#one-column table ul { margin-left: 20px; }
#one-column .chunky img { width: 120px; float: left; padding: 0 15px 0 0; }

ul#ownerLogin { list-style: none; margin-left: 12px; width: 380px; height: 160px; background-color: #e7d38a; border: 1px solid #334a67; }
	ul#ownerLogin li { margin: 6px; }

#main dt { font-weight: bold; }
#main dd { margin: 0 0 8px 8px; }

/* -- GOLF --- */ 
	.golfBookBttn{float: right; padding: 0px 0px 10px 10px;}




/* Photo Gallery with thumbs */

#photoGallery { width: 410px; position: relative; float: left; }	
	#photoGallery img { border: 1px solid #fff; padding: 4px; display: none; position: absolute; top: 0; left: 0; }
	#photoGallery img.showMe { display: block; }
	
#photoGalleryThumbs { text-align: left; float: right; width: 144px; }
    #photoGalleryThumbs img { border: 1px solid #3b2b2b; margin-left: 8px; }
    #photoGalleryThumbs img:hover { cursor: pointer; }
    #photoGalleryThumbs img.selected { border-color: #fff; }
    	#photoGalleryThumbs img:hover { border-color: #fff; }
    	
#photoGalleryDescriptions { width: 410px; float: left; clear: left; margin-top: 18px; padding: 6px; }
	#photoGalleryDescriptions div { display: none; }
	#photoGalleryDescriptions div.showMe { display: block; }
    	
#galleryCategories { width: 144px; float: right; }

#galleryNav { width: 105px; font-size: 11px; text-align: center; }

/* blog */
#blogMain #blogContent { width: 99%; margin-top: 20px; }
#blogMain #comments-form label { display: block; }
#blogMain .asset-footer ul { list-style: none; }
#blogMain .asset-body img { text-align: left; }

/* Meetings */
table.meetingsTable { font-size: 11px;  }
	table.meetingsTable tr.tableHeader { background-color: #f2e3ae; }
	table.meetingsTable tr { border-bottom: 1px solid #4c3d3d; }
	table.meetingsTable th { text-align: center; padding: 2px; }
	table.meetingsTable td { text-align: center; }

div#meetingButtons { text-align: center; }
	
/* Careers */
	div.career { border-top: 1px solid #93917a; margin: 18px 0; }
	
/* Memories */
	ul.memoryChunk { border-top: 1px solid #93917a; }
	div#prevMemory { text-align: left; }
	div#memoryP { position: relative; }
	div#memoryP img#quoteMark { position: absolute; top: -12px; left: -18px; filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; }

/* Partners */
	div.partner { border-top: 1px solid #93917a; }
		div.partner img { margin-top: 10px; }
		
/* Homeowners */
	div.homeowner { border-top: 1px solid #93917a; margin: 15px 0; }
	
/* Edeal form */
	#theEdealForm {  }
		#theEdealForm label { display: block; margin-top: 8px; }
		#edealBorder {border:2px solid #5a6a8d; margin:10px 0; padding:0 5px; width:250px;}

/* Google map */

#largemap { width: 500px; height: 300px; border: 2px solid #3A2C24; }
#route { width: 494px; background-color: #3A2A28; color: #E7D38A; }
	#route tbody { background-color: #3A2A28; color: #fff; border: 1px solid #cdcdcd; }
		#route tbody a { color: #fff; }
		
/* TinyMCE */
div.formfield div textarea { width: 450px; height: 180px; }


/* Events */
	#events{width:630px; padding: 0px 20px; float: left;}
	.eventsRSSicon{width: 18px; margin: 0px 5px 0px 0px; position: relative; top: 3px;}

/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear { overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }

div.module { margin: 24px 0; }
p.small-links { font-size: 12px; }

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; }

/* FORMATTING CLASSES */

img.hasBorder { border: 1px solid #fff; padding: 4px; }
ul.noBull { list-style: none; }
ul.floatLeft li { float: left; margin-right: 16px; }
.noBold { font-weight: normal; }
input.submits { margin: 10px 0 0 14px; }


/*
	---------------------------
	BACKEND
	---------------------------
*/


form#backendLogin { height: 300px; }

form#contact label { clear: left; width: 75px; float: left; display: block; }
form#contact input { margin-bottom: 5px; }
form#contact textarea { width: 400px; height: 175px; }

/*-- VIP CARD PAGE --*/
#vipcard table, #vipcard div {width: 600px !important; text-align:left;}
	#vipcard .vipcardimg {margin-left:20px;}
#vipcard ul li {list-style:none; padding-right:50px;}
#vipcard h2 {color:#3A2A28 !important;}
#vipcard h3 {color:#2b3657 !important;}
#vipcard div {border:1px solid #59594D !important;}
	#vipcard div div, #vipcard div.clear {border:0 !important;}