#wrapper {width:995px; margin:0 auto;}
H2 {margin:0 0 5px 0; color:#0c66df; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:31px; font-weight:normal; text-transform:uppercase;}
H3 {margin:5px 0; color:#053a7c; font-size:24px; font-weight:normal; text-transform:uppercase;}
p {margin:0 0 10px 0;}
a {color:#523000;}
a:hover {color:#bb5a04;}

/*======= HEADER STYLES =======*/
#nav {margin:0 10px 15px 10px; float:right; clear:right; width:770px; height:36px;}
.nav ul {margin:0; padding-left:0; list-style-type:none;}
.nav li {float:left; position:relative; z-index:100; list-style:none; padding-top:8px;}
.nav a, .nav a:visited {color:#053a7c; text-decoration:none; display:block; text-transform:uppercase; font-size:14px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; padding:0 8px;}
.nav a:hover {text-decoration:underline;}

#homeheader {clear:both; height:273px;}
#titles {margin:50px 0; height:204px; float:left; background:url(/shell/bg-titles.png) no-repeat left center; padding:30px 0 0 50px; width:250px;}
#titles p a{font-size:24px; text-transform:uppercase; color:#ebebeb; text-decoration:none;}
#titles p a span {font-size:12px; text-transform:uppercase; color:#8b8b8b; text-decoration:none;}


/*======= NAVIGATION =======*/
#dropmenudiv{position:absolute; border:1px solid white; border-bottom-width: 0; font:normal 11px Arial; line-height:21px; z-index:100;}
#dropmenudiv a{width: 100%; display: block; text-indent: 5px; border-bottom: 1px solid white; padding: 1px 0; color:#053a7c; font-size:11px; font-family:arial, verdana, sans-serif; text-decoration: none;}
#dropmenudiv a:hover{ /*hover background color*/ background-color:#ccc; color:#053a7c;}

/*======= CAROUSEL STYLES =======*/
#mainslideshow {float:right; width:695px; clear:right; margin-top:10px;}

.stepcarouselMAIN{position: relative; /*leave this value alone*/
margin-top:5px;
border:1px solid #b5b5b5;
float:right;
overflow: scroll; /*leave this value alone*/
width: 600px; /*Width of Carousel Viewer itself*/
height: 254px; /*Height should enough to fit largest content's height*/}

.stepcarouselMAIN .belt{
position: absolute; /*leave this value alone*/
left: 0; top: 0;}

.stepcarouselMAIN .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px; /*margin around each panel*/
width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*======= MAIN CONTENT STYLES =======*/
#content {display:table; border-collapse:collapse; clear:both; margin-top:35px; width:995px;}
#sidebar {display:table-cell; width:380px; float:left; text-align:center;}
.dockclass{position:relative;}


#reservations {margin:12px; background:url(/shell/bg-reservations-gray.jpg) no-repeat bottom center; width:352px; text-align:center; color:#0c66df;}
.button {background:url(/shell/btn-go-blue.jpg) no-repeat top left; height:20px;}

#main {display:table-cell; width:585px; padding-left:20px; float:right;}
#back {display:table; border-collapse:collapse; clear:both; margin-top:150px; width:995px;} 
#gallery {display:table-cell; width:380px; float:left;}
#box {background:url(/shell/bg-gallery.jpg) repeat-x top left; width:380px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #a5a5a5;}
.roundcont p {margin: 0 10px; text-align:center;}
.roundtop {background: url(/shell/bg-top-rt.jpg) no-repeat top right; position:relative; top:-1px; left:-1px; width:382px;}
.roundbottom {background: url(/shell/bg-bottom-rt.jpg) no-repeat top right; position:relative; bottom:-1px; left:-1px; width:382px;}

img.corner {width: 13px; height: 12px; border: none; display: block !important;}

/*======= RATES CALENDAR =======*/
#rates-calendar {border: 1px solid #333; border-collapse: collapse; background: #F0F8FF;}
#rates-calendar td {font-size: 11px; padding: 2px 4px;border: 1px solid #663F66;}
table.calendar-month {margin-top: 1em;border: 1px #ccc solid; background: #F0F8FF;}
table.calendar-month td{font-size: 12px; border: 1px solid #ccc;  border-collapse: collapse; padding: 3px 3px;}


/*======= FORM STYLES =======*/
label  {position:absolute; top:0; left:0}
:focus {outline: 0;}

form {padding: 0 20px 20px 20px;}
form, form fieldset input, form fieldset textarea, form label {font-family: Helvetica, Arial; font-size: 12pt;}
form p { position: relative; margin: 10px 0;}
form p label { position: absolute; top: 0; left: 0;}
form p br {display: none;}
form fieldset p input,
form fieldset p textarea {display: block; padding: 4px; width: 400px;margin: 0;}
form fieldset p label {width: 380px; display: block; margin: 5px 5px 5px 6px; padding: 0;}
form fieldset p textarea {padding: 2px;	width: 404px;}
form fieldset p label {color: #777;}

/*======= FOOTER STYLES =======*/
#footer {background:#000 url(/shell/bg-footer.jpg) repeat-x top left; width:100%; clear:both; text-align:center; height:100px; padding:55px 0; font-size:11px;}
#footer .content {margin:0 auto; width:995px;}
#footer span {color:#053a7c; float:right; padding:0 20px;}