@charset "UTF-8";

/* -- RESET -- */
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset { margin:0; padding:0; border:0; }

input,select { vertical-align: middle; }


/* CSS Document */

/*-- colors 

light blue -- #00a-4cf
gray/charcoal -- #59594d
gold -- #c7c763
orange - #f78028
green - #859c27


*--/

/*--HTML--*/

body { background: url(/media/layout/bg.jpg) repeat-x top center; font:13px/18px Helvetica, Arial, sans-serif; color:#59594d; }
h1{color: #859c27; font-size: 22px; font-family: "Times New Roman", Times, serif; text-transform: uppercase; margin: 20px 0px 10px 0px;}
h1#homepage{margin: 0px 0px 10px 0px;}
h2{color: #859c27; font-size: 18px; font-family: "Times New Roman", Times, serif;}
h3{color: #859c27; font-size: 16px; font-family: "Times New Roman", Times, serif;}
h4{color: #859c27; font-size: 14px; font-family: "Times New Roman", Times, serif;}

a, a:visited, a:hover{color: #859c27;}

.box h2{font-size: 16px;}

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

#palms-wrapper{width: 100%; margin: 0px auto; background: url(/media/layout/palms-trans.png) no-repeat top center;}
#header{margin: 0px auto; width: 980px; height: 15px;}
	#logo{flaot: left; width: 200px; padding: 10px 0px 0px 0px;}
	#phoneNum{float: right; font-size: 22px; color: #fff; font-weight: bold; font-style: italic; font-family: "Times New Roman", Times, serif;text-align: right; width: 300px;  padding: 0px 0px 10px 0px; }
	#phoneNum h2{font-size: 22px; color: #fff; margin-top: 5px;}
	
#nav{background: transparent url(/media/layout/nav-bg.png) repeat top left; width: 100%; margin-top: 75px; margin-bottom: -5px; padding: 8px 0px; text-align: center;}
	#nav ul li{margin: 3px; display: inline; }
	#nav ul li a{text-transform:uppercase; font-size: 13px; color: #59594d; text-decoration: none; font-weight: normal;}
	#nav ul li a:hover{color: #000;text-decoration: underline;}

#wrapper {width:980px; margin: 0 auto; background: #fff; }

#splashImg{width: 770px; height: 360px; margin: 0px auto 10px auto; background: #fff; padding: 4px; border: 1px solid #c7c763;float: right; position: relative;}
	/*#splashImg img{width: 970px; padding: 4px; border: 1px solid #c7c763;}*/
	
	#splashImg #mastheadImg{width: 770px; height: 360px; background: #fff;}
	#headerTag{ background: transparent url(/media/layout/orangebar.png) no-repeat top right; font-size: 24px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: bold; padding: 10px 75px 10px 10px; position: absolute; bottom: 20px; left: 5px;z-index: 20; color: #fff;}

/* -- footer exists outside of the wrapper, so the span is 100% of the width of the window -- */
#footer {width: 100%; text-align: center; padding: 65px 0px 0px 0px; background:transparent url(/media/layout/footer-bg.jpg) repeat-x bottom left; font-size: 11px;}
	#footerContent{width: 790px; color: #000; margin: 0px auto; text-align: left;}
	#footerContent a{color: #000;}
	#footerLogo{width: 175px;float: left; margin-right: 10px;}
	#footerCopy{float: left; display: block; width: 480px;}
	#footerList{width: 980px; margin: 0px auto; text-align: center;color: #000;}
	#footerList ul{list-style-type: none;}
	#footerList ul li{margin: 0px 3px; display: inline;}
	#footerList ul li a{color: #000;}


	#footerNav{width: 100%; margin: 0px auto; text-align: center;color: #5d5d5d;}
	#footerNav ul{list-style-type: none;}
	#footerNav ul li{margin: 0px 2px; display: inline;}
	#footerNav ul li a{color: #5d5d5d;}
	#footerNav ul li a:hover{text-decoration:none;}

/*-- RIGHT COLUMN --*/ 

#rightColumn{width: 180px; float: left; margin-top: 20px;}	
	.rightBox{background: transparent url(/media/layout/grass.jpg) no-repeat top left; padding-left: 40px; margin-bottom: 20px; }
	.rightBox h2{ font-size: 20px; margin-bottom: 0px;font-style: italic;  }
	.rightBox .hr{background: transparent url(/media/layout/rightbox-hr.jpg) no-repeat top center; height: 1px; margin: 3px auto; color: #fff;}
	.rightBox .price{font-size: 50px; font-family: "Times New Roman", Times, serif; letter-spacing: -4px; line-height: 1.1em;  }
	
	.moreDetails{text-transform: capitalize; text-decoration: underline;color: #f78028;}
	.moreDetails a:hover{color: #f78028;}
	
	#golfSpecialsCaro{display: block; clear: both;height: 120px;overflow: hidden;}
	
	#golfSpecialsNav{list-style: none;}
	#golfSpecialsNav li{float: left;display: inline;}
	#golfSpecialsPrev a, #golfSpecialsNext a{font-size: 20px;margin-top: -1px; text-decoration: none;}
	#golfSpecialsPrev{margin-right: -5px;}
	#golfSpecialsNav a{color: #f78028; margin-right: 10px;}
	
	
	
/*-- LEFT COLUMN --*/
#leftColumn{width: 180px; float: left; margin-right: 20px; position: relative;height: 360px;}		
	.box{ width: 180px; background: #fff url(/media/layout/box-bg.jpg) repeat-x top left; border: 1px solid #c7c763; margin-bottom: 10px; padding: 5px;}	
		.box h2{font-style: italic; color: #59594d; text-align: center; margin: 0px auto; padding: 0px;}
		.box .hr{background: transparent url(/media/layout/box-hr.jpg) no-repeat top center; height: 1px; margin: 3px auto; color: #fff;}
	
		.box input{border: 1px solid #cdcdcd; }
		#leftEdealSignup{position: relative; bottom: 0px;}
		#edealsEmail{width: 90px; float: left; padding: 1px; margin-right: 2px;}
		#emailSubmit{width: 75px; float: left;background: #f78028; color: #fff; font-size: 11px; text-transform:uppercase; text-align: center; padding: 0px;}
		
		#ratesBox{}
		#ratesBox input, #ratesBox select{padding: 2px; border: 1px solid #CDCDCD; color: #59594d; margin-bottom: 10px;}
		#ratesBox input.SearchButton{width: 75px; float: left; padding: 1px; margin-left: 2px;}
		#ratesBox input#specialsCode{width: 75px; float: left;}
		
		#ratesBox label{}
		#ratesBox .dropdown{float: left; margin-right: 3%; width: 30%;}
		#ratesBox input.hidden{border: 0px; display: none; height: 0px;}
		#ratesBox #retrieveItinerary{color: #f78028;}
		#ratesBox .date-picker-holder input{width: 150px;}
		#ratesBox input#go_button{background: #f78028; color: #fff; font-size: 11px; text-transform:uppercase; margin: 3px auto; text-align: center;}
		

	
/*-- MAIN --*/
#main, #mainBig { width: 580px; margin: 0px 10px; float: left; }
#mainBig { width: 780px; }
	#main p, #mainBig p{margin:5px 0px;}
	#main ul, #main ol, #mainBig ul, #mainBig ol{ margin:15px 0; }
	#main h2, #mainBig h2{margin: 15px 0px 5px 0px;}
	
	.homepageArticle{width: 370px; margin-right: 20px; float: left;}
	.homepageVideo{width: 210px; margin:15px 20px 0 0; float: right;}
	.homepageVideo img{width: 210px;}
	
	/*--- Slideshow ---*/
	#slideshow-container { position: relative;}
	#slideshow { position: relative; width: 770px; height: 360px; border: 1px solid #fff; margin: 0px 0 20px; }
	/*#slideshow div { display: none; }*/
	#slideshow div div { display: block; }
	#slideshow div img { display: block; }
	#slideshow p {position: absolute; left:0; bottom:100px;}
		#slideshow-nav { position: absolute; right: -1px; bottom: 0; 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; }
	
/*-- PAGES --*/
	
	
	
	/*-- ACCOM / AMEN / DINING --*/
		#sidebar{width: 180px; float: left; margin: 0px 20px 0px 0px;} 
		#sidebar h2{font-style: italic; color: #f78028;}
		#sidebar .hr{background: transparent url(/media/layout/rightbox-hr.jpg) no-repeat top center; height: 1px; margin: -5px 0px; width: 148px;}
		
		#sidebar ul{list-style: none;}
			#sidebar ul li{margin-bottom: 10px;}
	
		.list-spacer{background: transparent url(/media/layout/rightbox-hr.jpg) no-repeat top center; height: 1px; margin: 0px 0px 10px 0px; width: 148px;}
	
		#accom-copy{width: 560px; float: left; margin-right: 20px;}
		#accom-rooms ul{list-style-type: none; margin-left: 5px;}
			#accom-rooms ul li{}
			#accom-rooms ul li a{color: #859c27; text-decoration: none;}	
		
		#accom-copy .booknow-orange{float: right; margin: 0px 0px 10px 10px;}
		
		
		ul#accomImages{list-style: none;}
			ul#accomImages li{float: left; margin-right: 20px; min-height: 250px;}
	
		.article-image{float: right; width: 275px; margin: 0px 0px 10px 10px; padding: 4px; border: 1px solid #c7c763;}
		
		
	
	/*-- CONTACT / MEETINGS --*/
		
		#mainContact{float: left; width: 90%; overflow: hidden; padding-bottom: 10px;border: 0px solid #cdcdcd; padding: 10px 15px; margin: 0px 20px 100px 10px;}
		#mainContact input, #mainContact textarea, #mainContact select{display: block; padding: 3px; border: 1px solid #cdcdcd;}
		#mainContact label{ display: block; color: #859c27; font-size: 16px; font-weight: normal;line-height: 1.2em;margin-top:10px;}
		#mainContact textarea{height: 90px; width: 230px;}
		
		#meetingForm{float: left; width: 90%; overflow: hidden; padding-bottom: 10px;border: 0px solid #cdcdcd; padding: 10px 15px; margin: 0px 20px 100px 10px;}
		#meetingForm input, #meetingForm textarea, #meetingForm select{display: block; padding: 3px; border: 1px solid #cdcdcd;}
		#meetingForm label{ display: block; color: #859c27; font-size: 16px; font-weight: normal;line-height: 1.2em;margin-top:10px;}
		#meetingForm textarea{height: 90px; width: 230px;}
		
		#meetingForm input.hidden, #mainContact input.hidden{display: none; border: 0px; padding: 0px; margin: 0px; }
		#meetingForm .button, #mainContact .button{margin: 5px 0px;background: #f78028 ;color: #fff;}
		
		.formLeft, .formRight{width: 40%; float: left;}	
	
	
	
	/*-- MEETINGS --*/
		table#meetingsTypes {float: left;}
		table#meetingsTypes td, table#meetingsTypes th {padding-right: 15px; border-bottom: 1px solid #dcdcdc;}
		table#meetingsTypes th{font-weight: bold;text-align: center; }
		table#meetingsTypes td.name{text-align: left;}
		table#meetingsTypes td{text-align: right;}
		
	
	
	/*-- GOLF --*/
		.golfPackage{width: 240px; padding: 0px 10px; float: left;margin-bottom: 20px;}
		.golfPackage h2{font-style: italic;}

	/*-- Events --*/
		.eventsRSSicon{width: 18px; margin: 0px 5px 0px 0px; position: relative; top: 3px;}

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

.orange{color: #f78028;}
.blue{color: #859c27;}
.gray{color: #59594d;}
.italic{font-style: italic;}

.booknow-orange a, a.booknow-orange{color: #fff; font-size: 11px;background: #f78028; color: #fff; text-transform: uppercase; padding: 3px 3px 2px 3px; text-decoration: none;border: 1px solid #cdcdcd;}
.booknow-bttn{ font-size: 11px; padding: 3px; border: 1px solid #CDCDCD; color: #fff; background: #f78028; text-transform: uppercase; text-decoration: none;}
.booknow-bttn:hover{color: #fff;}
a.booknow-bttn:link, a.booknow-bttn:visited, a.booknow-bttn:active {color:#fff;}

/* 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: inline; }
#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: 8px; 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; }

/*-- VIP CARD PAGE --*/
#vipcard {width:700px;}
#vipcard table, #vipcard div {width: 700px !important;}
#vipcard ul li {list-style:none; padding-right:50px;}
#vipcard h2 {color:#59594D !important;}
#vipcard h3 {color:#859C27 !important;}
#vipcard div {border:1px solid #C7C763 !important;}
	#vipcard div div, #vipcard div.clear {border:0 !important;}
	#vipcard .vipcardimg {margin:0 0 0 20px;}
	
	#vip {float:left; margin:0 25px;}