/*_________________________ Globals */
*{margin:0; padding:0; outline:none;}
html, body{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background: #215093 url(../img/bg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-color: #c2bfba;
	color: #666666;
/*	color: #215093; */
	font-size:13px;
}
a:link{
	color:#006699;
	text-decoration:none;
}
a:visited{
	color:#009999;
	text-decoration:none;
}

a:active, a:hover{
	text-decoration:underline;
}

h1, h2, h3, h4 {
	color:#006699;
	}

#topBar h2 {
color:#fff;
}	

.fLeft{float:left;}
.fRight{float:right;}
.clear{clear:both;}
#container{
	margin: 0 auto;
	width: 750px; /*770px-20px padding*/
	padding: 0 10px;
	background: url(../img/container_repeat.png) repeat-y !important;
	background: url(../img/container_repeat_ie.png) repeat-y;/*For IE6*/
	
}
/*_________________________ Head/Top - Sidebar */
#topSidebar{
	float: left;
	width: 200px;
	height: 264px;
	background: #006699;
}
#reservationTitle{
	background: url(../img/top_wave.jpg) no-repeat;
	display: block;
	color: #fff;
	padding: 5px 0 0 0;
	width: 200px;
	height: 42px;
	font-size: 1.3em;
	text-align: center;
}
	#reservationTitle small{
		font-size: 0.7em;
	}

#groupRes{
	background: url(../img/groupres_bg.jpg) no-repeat;
	display: block;
	width: 195px; /*200px-5px padding*/
	height: 24px; /*39px-15px padding*/
	padding: 15px 0 0 5px;
	color: #fff;
	font-size: 1.4em;
	line-height: 1em;
	
}


#mailingList{
	width: 195px; /*200px-5px padding*/
	height: 40px; /*55px-15px padding*/
	padding: 0 0 0 3px;
	color: #fff;
	font-size: 1.4em;
	line-height: 1em;
	
}
	#mailingList small{
		font-size: 0.8em;
	}
	#mailingList:hover{
		color: #ffffff;
	}
/*_________________________ Reservation Form */
#reservation{
	height: 128px;
	margin-top: -5px;
	padding: 0 0 0 5px;
}
#reservation label{
	color: #FFF;
	display: block;
	width: 80px;
	font-size: 0.85em;
	margin-bottom: 1px;
}
#reservation select{margin-bottom: 5px;}
#reservation input{font-size: 0.85em}
#reservation #topOptions div{
	float: left;
	width:95px;
}
#reservation #date{width: 70px;}

#reservation #nights{
	font-size: 0.85em;
}
#reservation #rooms{
	font-size: 0.85em;
}
#reservation #adults{
	font-size: 0.85em;
}
#reservation #children{
	font-size: 0.85em;
}


#reservation #property{
	width: 90px;
	margin-left: 6px;
	font-size: 0.85em;
}
#reservation #bottomOptions{
	width: 100px;
	float: left;
}
#reservation #bottomOptions select{width: 40px;}
#reservation #bottomOptions label{width: 40px;}
#reservation #bottomOptions div{
	float: left;
	width:50px;
}
#reservation #submit{
	width: 82px;
	float: right;
	text-align: left;
	background: #3399CC url(../img/check.gif) no-repeat 2px center;
	padding: 3px 0 3px 18px;
	color: #FFF;
	border: 1px solid #000000;
	margin: 30px 10px 0 0;
	font-size: 0.9em;
	cursor: pointer;
}
#reservation #submit:hover{
	background-color: #33CCFF;
}
/*_________________________ Calendar popup */
input.calendar,select.calendar {width: 149px;}
button.calendar {
	background: url(../img/calendar.gif) no-repeat 0 0;
	border: 0;
	cursor: pointer;
	height: 14px;
	width: 14px;
	padding-top: 5px;
}
button.calendar:hover,button.calendar.active {background-position: 0 -14px;}
div.calendar {
	width: 147px;
	background: #01A89E;
	padding: 0 5px 5px 5px;
	text-align: center;
	border: 4px solid #EE922A;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
	}	
	div.calendar caption {
		color: #FFF;
		font-size: 1.1em;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		overflow: hidden;
		position: absolute;
		top: 8px;
		width: 1.1em;
		font-size: 1.1em;
		color: #FFF;
	}
	div.calendar caption a.prev {left: 0;}
	div.calendar caption a.next {right: 0;}
	div.calendar caption a:hover {background: #026962;}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {padding-right: 8px;}
	div.calendar caption span.month:after {content: ',';}
	div.calendar table {
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,div.calendar th {
		border: 0;
		color: #FFF;
		height: 19px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		color: #026962;
		font-size: 11px;
		padding-right: 5px;
		text-align: right;
		width: 16px;
	}
	div.calendar td.invalid {
		color: #026962;
	}
	div.calendar td.valid {
		color: #FFF;
		cursor: pointer;
	}
	div.calendar td.active,div.calendar td.hover {
		color: #FFF;
		background: #026962;
		cursor: pointer;
	}






/*_________________________ Head/Top - Main */
#topMain{
	float: right;
	width: 550px;
}
#topBar{
	height: 18px;
	padding: 8px 6px 4px 6px;
	background: #006699;
	text-align: right;
	color: #fff;
	border-bottom: 4px solid #c6b5a6;
}
	#topBar h2{
		font-size: 1.2em;
	}
	#topBar h2 small{
		font-size: 0.7em;
	}
#topMain ul{
	list-style: none;
	height: 26px !important;
	height: 25px;/*for IE6*/
	border-top: 4px solid #006699;
	width: 550px;
	text-align:center;
	float: left;
	background: #e8e0d0;
}
#topMain ul li{
	list-style: none;
	display: block;
	float: left;
}
#topMain ul li a:link, #topMain ul li a:visited{
	color: #006699;
	display: block;
	padding:4px 15px 0 15px;
	height: 22px !important;
	height: 21px;/*for IE6*/
	float: left;
}
#topMain ul li a:hover, #topMain ul li a:active{
	color: #006699;
	background-color:#fff;
	text-decoration: none;
}
#topMain ul .current a{
	color: #fff !important;
	background-color:#c6b5a6;
}
#topMain ul .current, #topMain ul .current a:active{
	color: #FFF !important;
	background-color:#006699;
}

#topMain ul .current a:hover{
	color: #006699 !important;
	background-color:#fff;
}

#imageRotator{
	width: 550px;
	height: 200px;
}


/*Home page differences*/
#topMain ul.home{
	height: 30px !important;
	height: 29px;/*for IE6*/
	background: #e8e0d0;
	border: none;
}
#topMain ul.home li a:hover, #topMain ul.home li a:active{
	color: #006699;
	background-color: #fff;
}
#topMain ul.home li a:link, #topMain ul.home li a:visited{
	color: #006699;
	padding:10px 12px 0 12px !important;
	padding-top: 9px;/*for IE6*/
	height: 20px;
}


#topMain ul.home .current{
	color: #fff;
	background-color: #c6b5a6;
	padding:10px 12px 0 12px !important;
	padding-top: 9px;/*for IE6*/
	height: 20px;
}


#imageRotator.home{
	width: 550px;
	height: 200px;
	padding-top: 0px !important;/*height of nav bar*/
	padding-top: 0;/*for IE6*/
}

#imageRotator2.home{
	width: 550px;
	height: 200px;
	padding-top: 30px !important;/*height of nav bar*/
	padding-top: 0;/*for IE6*/
}
 /* second-level lists */
#topMain ul li ul {
	position: absolute;
	top:264px;/*Meet at the bottom of the nav*/
	font-size: 0.8em;
	list-style: none;
	text-align:left;
	z-index: 1000;
	overflow: hidden;
	border-top: none;
	border-bottom: 2px solid #c6b5a6;
	border-left: 2px solid #c6b5a6;
	border-right: 2px solid #c6b5a6;
	float: none;
	height: auto !important;
	left: -999em; /*using left instead of display to hide menus because display: none isn't read by screen readers */
}
#topMain ul li a:hover ul, #topMain ul li.hover ul { /* lists nested under hovered list items */
	left: auto;
}
#topMain ul li ul li{
	float: none;
	border-top: 1px solid #c6b5a6;
	border-bottom: none !important;
	border-bottom: 1px solid #c6b5a6;/*Fixes spacing in IE6...whatever*/
}
#topMain ul li ul li a:link, #topMain ul li ul li a:visited{
	float: none;
	padding: 5px 0 5px 5px !important;
	height: auto !important;
	background: #e8e0d0 !important;
	color: #006699 !important;
}
#topMain ul li ul .current a:link, #topMain ul li ul .current a:visited{
	background-color: #FFF !important;
	color:#006699 !important;
}

#topMain ul li ul li a:hover, #topMain ul li ul li a:active{
	color: #006699 !important;
	background-color:#fff !important;
}










/*_________________________ Logo/Property Slider */
#logoScroller{
	width: 750px;
	background:url(../img/scroller_bg.gif) repeat-x;
}
#mask{
	height:60px;
	overflow:hidden;
	position:relative;
	width:715px !important;
	width:710px;/*for IE6*/
}
#properties{
	position:absolute;
	height: 60px;
	margin-left: 0px;
}
#properties a{
	display:block;
	float:left;
	padding-right: 4px;
	border-right: 1px solid #b9b9b9;
	margin-right: 5px;
}
#properties a img{border: none;}
#properties_controls {}
#properties_prev {
	float: left;
	background: url(../img/scroller_prev.gif) no-repeat;
	height: 60px;
	width: 17px;
	cursor:pointer;
}
#properties_next {
	float: right;
	background: url(../img/scroller_next.gif) no-repeat;
	height: 60px;
	width: 17px;
	cursor:pointer;
}
/*_________________________ Bottom/Footer */
#footer{
	margin: 0 auto;
	background: url(../img/footer.png) no-repeat !important;
	background: url(../img/footer_ie.png) no-repeat;/*For IE6*/
	height: 19px;
	width: 750px;/*770px-20px padding*/
	padding: 0 10px;
}
#footer.home{
	margin: 0 auto;
	background: url(../img/footer_home.png) no-repeat !important;
	background: url(../img/footer_home_ie.png) no-repeat;/*For IE6*/
	height: 72px;
	width: 750px;/*770px-20px padding*/
	padding: 0 10px;
}
#footer.home #city{
	text-align: right;
	float: right;
	font-size: 1.5em;
	color: #fff;
	padding: 1.2em 3em 0 0;
}
#footInfo{
	margin: 0 auto;
	width: 750px;/*770px-20px padding*/
	padding: 0 10px;
	color: #5175aa;
	margin-bottom: 10px;
}
#footInfo #copyright{float: left;}

#footInfo #designed{
	display: block;
	height: 24px;
	background: url(../img/cysy.gif) no-repeat right 0;
	padding-right: 75px;
	text-align: right;
	float: right;
	color: #5175aa;
	font-size: 1em !important;
	font-size: 0.9em;
	line-height: 1em;
}
#footInfo #designed:hover{
	background-position: right -24px;
	color: #92a9ca;
}
/*_________________________ Content */
.section{
	padding: 10px;
}

.section h1{
	font-size: 1.5em;
	margin-bottom: 0.21em; 
}
.section h2{
	font-size: 1.3em;
	margin-bottom: 0.21em; 
}
.section h3{
	font-size: 1.1em;
	margin-bottom: 0.21em; 
}
.section h4{
	font-size: 1.0em;
	margin-bottom: 0.21em; 
}
.section p{
	line-height: 1.1em;
	margin: .9em 0;
}
.section ul{
	margin: 0 1em 1em 1em;
	list-style: inside;
}
.section img{
	float: left;
	margin: 3px 10px 3px 10px;
}

.section img.nofloat{
	float: none;
	margin: 0px 10px 10px 10px;
}
.section img.right{
	float: right;
	margin: 0px 10px 10px 10px;
}

#destination_guide{
	display: block;
	float: right;
	background: url(../img/desination_guide_bg.jpg) no-repeat;
	width: 173px;/*238px-65px padding*/
	height: 80px;/*145px-65px padding*/
	margin: 5px;
	font-size: 1.4em;
	color: #215093;
	padding: 65px 0 0 65px;
}
	#destination_guide small{
		font-size: 0.6em;
		width: 8em;
		display: block;
		text-align: right;
		padding: 20px 0 0 0;
	}
	#destination_guide:hover{
		color: #122d53;
	}
#visitFlorida{
	display: block;
	margin: 0 auto;
	padding-bottom: 10px;
}
#visitFlorida.guide{
	margin:100px 5px 0px 5px;
	float: left;
}
/*_________________________ Image Galleries */
.photoGallery{
	float: left;
	width: 720px;
	padding:10px 10px 5px 0;
	border: 1px solid #dae6ec;
}
.thumb:link img, .thumb:visited img{
	float: left;
	margin:0 0 5px 10px;
	display: block;
	border: 1px solid #dae6ec;
	text-align: center;
}
.thumb:hover img, .thumb:active img{
	border: 1px solid #8da0da;
}
/*_________________________ Slimbox - JS image Viewer */
#lbOverlay{
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer{
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading {background: #fff url(../img/loading.gif) no-repeat center;}
#lbImage{
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink{
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink{left: 0;}
#lbPrevLink:hover {background: transparent url(../img/prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink{	right: 0;}
#lbNextLink:hover{background: transparent url(../img/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbCloseLink{
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}
#lbCaption, #lbNumber{margin-right: 71px;}
#lbCaption{font-weight: bold;}



.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../img/formbg.gif) repeat-x left top;
}