#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 30px; float:left; clear:right; width:900px; height:36px; margin-top:-35px;}
.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:40px 0; height:204px; float:left; background:url(/shell/bg-titles.png) no-repeat left center; padding:5px 0 0 50px; width:250px;}=======*/
#titles {margin:10px 0 0 75px; height:204px; float:left;  padding:5px 0 0 0px; width:280px;}
#titles p a{font-size:34px; text-transform:uppercase; color:#ebebeb; text-decoration:none;}
#titles p a span {font-size:14px; 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:605px; clear:right;  margin-top:-85px; height:264px; margin-right:25px; margin-bottom:0px; padding-left:0px; }

.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:-25px; width:995px;}
#sidebar {display:table-cell; width:230px; float:right; text-align:center; margin-left:25px; margin-right:20px;}
.dockclass{position:relative;}


#reservations {margin:12px; background:url(/shell/bg-reservations-gray.jpg) no-repeat bottom center; width:230px; height:128px; text-align:left; color:#0c66df; margin-left:0px; border:1px solid #666; padding-left:5px;}
.button {background:url(/images/go.png) no-repeat top left; height:20px;}

#main { width:585px; padding-left:75px; float:left;}
<!---#main {display:table-cell; width:585px; padding-left:75px; float:left;}--->
#back {display:table; border-collapse:collapse; clear:both; margin-top:150px; width:995px;} 
<!---#gallery {display:table-cell; width:680px; float:right;}--->
#gallery {width:680px; float:right; border:1px solid #666;}
#box {background:url(/shell/bg-gallery.jpg) repeat-x top left; width:300px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #a5a5a5; float:right; margin-top:40px; margin-right:20px; }
#box2 {background:url(/shell/bg-gallery.jpg) repeat-x top center; width:365px;  -moz-border-radius: 10px; -webkit-border-radius: 10px;   float:right; margin-top:40px; margin-right:20px; border: 1px solid #a5a5a5; }
larger { width:290px; height:200px;}

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

.leftImages {margin-left:0px; float:left; margin-right:15px; margin-top:5px;}

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%; float:left; clear:both; text-align:left; height:100px; padding:55px 0 0 55px; font-size:11px;  }
#footer .content {margin:0 auto; width:995px;}
#footer span {color:#053a7c;  padding:0 20px;}