/* CSS Document */

html {}
body {margin: 0em; background: url(../images/static/florida-bg.jpg) repeat-x top #F6EBCC; font-family: trebuchet ms, tahoma, arial; font-size: 13px;}

/* Layout */

a:link, a:visited, a:active {color: #000000; text-decoration: underline;}
a:hover {color: #666666;}

#main-container {background: url(../images/static/bg-grey.png) repeat-y;}

#header-text {height: 79px; background: url(../images/static/top-bar-bg.png); min-width: 100%; position: absolute; top: 0; left: 0;}
#header-text-inner {width: 1000px;}
#header-text-inner h1 {margin: 0em; float: right; color: #666666; font-size: 13px; margin-top: 50px;}

#container-outside {width: 1000px;}
#container-main {width: 804px; background: url(../images/static/bg-white.png); padding-top: 50px;}
#container-right {margin-top: 80px; float: right; width: 180px;}
.side-bar-nav {text-align: right; height: 33px; padding: 5px; color: #FFFFFF; background: url(../images/static/side-bar-topround.png) top left no-repeat; margin-top: 15px;}
.side-bar-nav a {color: #FFFFFF; font-weight: bold; text-decoration: none;}

#slide-1 {display: block; border-bottom: 1px solid #CCCCCC; overflow: hidden; height: auto; text-align: right; padding-right: 5px;}
#slide-2 {display: block; border-bottom: 1px solid #CCCCCC; overflow: hidden; height: auto; text-align: right; padding-right: 5px;}
#slide-3 {display: block; border-bottom: 1px solid #CCCCCC; overflow: hidden; height: auto; text-align: right; padding-right: 5px;}

form {margin: 0px;}
select {margin: 0px; border: 1px solid #123456;}
input {margin: 0px; border: 1px solid #123456;}

#content-header {width: 800px;}
.header-01 {height: 220px; background: url(../images/static/headers/header-01.jpg) top left no-repeat;}
.header-02 {height: 220px; background: url(../images/static/headers/header-02.jpg) top left no-repeat;}
.header-03 {height: 220px; background: url(../images/static/headers/header-03.jpg) top left no-repeat;}
.header-04 {height: 220px; background: url(../images/static/headers/header-04.jpg) top left no-repeat;}
.header-05 {height: 220px; background: url(../images/static/headers/header-05.jpg) top left no-repeat;}
#navmenu-holder {padding-top: 190px;}

#content-body {width: 800px;}
#main-body {padding: 15px;}

h1 {font-size: 16px; margin: 2px;}
h2 {font-size: 16px; margin: 2px;}
h3 {font-size: 16px; margin: 2px;}
h2.noshow {display: none;}

.page-content {border-bottom: 1px solid #CCCCCC; padding-top: 15px; margin-bottom: 20px;}

.attractions-panel a {font-weight: bold; color: #000000; font-size: 12px; text-decoration: none;}
.attractions-panel a:hover {color: #666666;}

#navmenu {border: 0; padding: 0; margin: 0;}
#navmenu li {float: left; list-style: none; padding: 0; font-size: 13px; height: 30px; width: 160px; margin: 0px; overflow: hidden;}
#navmenu li a {color: #FFFFFF; text-decoration: none; text-align: center; padding-top: 7px; display: block; width: 100%; height: 100%; background: url(../images/static/button-bg-dark.png) repeat-x;}
#navmenu li a:hover, #navmenu li a.active {color: #000000; background: url(../images/static/button-bg-light.png) repeat-x;}

#container-footer {background: #292929; padding: 5px;}
.left-foot {color: #999999; font-size: 10px; float: left;}
.left-foot a {color: #999999; font-size: 10px;}
.right-foot {color: #999999; font-size: 10px; float: right;}
.right-foot a {color: #999999; font-size: 10px;}
.clear {clear: both;}

.price-text {font-size: 14px; font-weight: bold;}
.reserve-td {border-top: 1px solid #CCCCCC;}
.reserve-td-top {background: #123456; height: 8px; overflow: hidden;}

.cal-td {text-align: center; color: #000000;}
.cal-td h2 {font-size: 16px;}
.cal-td a {color: #666666;}
.cal-td-cal {text-align: left;}

.price-breakdown {display: none; font-size: 11px; color: #666666; padding: 2px;}
.house-breakdown {display: block; font-size: 11px; color: #666666; padding: 2px;}
.house-breakdown-more {display: none; font-size: 11px; color: #666666; padding: 2px;}

.calendar-area {padding-top: 20px; color: #000000; text-align: left;}

#cal-dates-text {display: block; font-size: 11px;}
#cal-dates-form {display: none; font-size: 11px;}
#cal-dates-form form {margin: 0em;}

#preload {height: 1px; overflow: hidden; display: none;}
#preload img {display: none;}

#page-left {width: auto; padding: 5px;}
#page-right {width: 65%; float: right;}

.blackbox {border: 1px solid #000000;}
.redText {color: #FF0000;}

table, tr, td {font-family: trebuchet ms, tahoma, arial; font-size: 13px;}

#item-1 {display: block;}
#item-2 {display: none;}
#item-3 {display: none;}
#item-4 {display: none;}

#gallery-viewport {text-align: center; padding: 5px;}
#gallery-viewport img {border: 1px solid #000000;}
#gallery-text {text-align: center; font-weight: bold;}
#gallery-browser {text-align: center; padding: 25px;}
#gallery-browser a {color: #000000;}
#gallery-browser a img {border: 1px solid #000000;}

#gallery-nav {width: 600px; margin-left: auto; margin-right: auto; height: 30px;}
.gallery-nav-right {float: right;}
.gallery-nav-right a {color: #000000;}
.gallery-nav-left {float: left;}
.gallery-nav-left a {color: #000000;}

/* Cal */
.nocol {}
.blue {background: #0099FF; font-weight: bold;}
.red {background: #FF0000; font-weight: bold;}
.black  {background: #999999; font-weight: bold;}
.pink {background: #FF6699; font-weight: bold;}
.yellow {background: #FFCC33; font-weight: bold;}