@charset "utf-8";
/* CSS Document */

* {
   margin: 0;
   padding: 0;
   border: none;
}

HTML, BODY {
   height: 100%;
   background: #F2F2F2;
   color: #808080;
   font-size: 13px;
   font-family: Arial, sans-serif;
}

A {
   text-decoration: none;
   color: #007CB8;
}
A:hover {
   text-decoration: underline;
}

#main {
   background: url(../images/bg.jpg) center top no-repeat;
   min-height: 100%;
   height: auto !important; /*ie6*/
   height: 100%;
   width: 100%;
   margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}

#wrapper-shadow {
   min-height: 100%;
   height: 100%;
   margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
   padding: 0 10px;
}

#wrapper-all {
   margin: 0 auto;
   width: 900px;
}

/*oooooooooooooooooooo Header*/
#wrapper-header {
   height: 180px;
   width: 900px;
}

#logo {
	margin-top: 30px;
	width: auto;
	height: auto;
	float: left;
}

#book-online-now {
   float: right;
   margin-top: -40px;
   margin-bottom: 25px;
   margin-right: -10px;
}

#phone {
   float: right;
   clear: right;
}

/*oooooooooooooooooooo Navigation*/
#nav-horizontal {
   height: 30px;
	width: 566px;
   margin-right: 20px;
   margin-top: -45px;
   float: right;
}

#nav-horizontal LI {
   list-style: none;
   margin-right: 1px;
   float: left;
}

#nav-horizontal A {
	width: 96px;
	height: 11.5px;
	display: block;
}
#nav-horizontal A.book-online {
	width: 565px;
}
#nav-horizontal LI#home A {
	margin-right: 1px;
	background: url(../images/nav-home.png) center top;
}
#nav-horizontal LI#amenities A {
	margin-right: 21px;
	background: url(../images/nav-amenities.png) center top;
}
#nav-horizontal LI#attractions A {
	margin-right: 31px;
	background: url(../images/nav-attractions.png) center top;
}
#nav-horizontal LI#reservations A {
	margin-right: 25px;
	background: url(../images/nav-rooms-n-rates.png) center top;
}
#nav-horizontal LI#contact A {
	background: url(../images/nav-contact-us.png) center top;
}
#nav-horizontal A.active, #nav-horizontal A:hover, #nav-horizontal A:active {
   background-position: center bottom !important;
}
#nav-horizontal IMG#navBookOnline {
	margin-top: -10px;
	margin-bottom: 10px;
}

/*oooooooooooooooooooo Content*/
#wrapper-content {
   width: 850px;
   clear: both;
   margin: 60px 25px;
}

#column-a1 {
	margin-left: -13px;
	padding-top: 8px;
	float: left;
}

#column-a2 {
	margin-top: 2px;
	width: 443px;
	float: right;
}

#column-a2 #book-button {
   float: left;
   margin-top: 20px;
}

#column-b1 {
   margin-top: 30px;
   width: 925px;
   height: 175px;
   clear: both;
}
BODY#contactinfo #column-b1 {
	height: 300px;
}

#column-b1 img {
   margin: 10px 25px 0 0;
   width: 283px;
   float: left;
}

#column-b2 {
   width: 525px;
   float: left;
}
#column-b3 {
   padding-left: 25px;
   width: 253px;
   float: right;
}
BODY#policies #column-b3 {
	margin-top: 43px;
}
#column-b3 #book-button {
   float: left;
   margin-top: 20px;
}

/*oooooooooooooooooooo Footer*/
 #footer, #sticky-footer-push {
   height: 60px; /* #sticky-footer-push must be the same height as #footer */ /*do not replace with min-height*/
   width: 850px;
   padding: 0 25px;
   margin: 0 auto;
}

#sticky-footer-push {
   background: #848A73;
   clear: both;
   visibility: hidden;
}

#footer {
   color: #808080;
   clear: both;
   text-align: right;
   font-size: 9pt;
}

#footer-ob-logo {
   margin: 15px 0 0 -13px;
   float: left;
}

#footer-links {
	text-align: right;
	float: right;
	margin-top: 20px;
	text-decoration: none;
}

#footer-links A {
   color: #808080;
	text-decoration: none;
}

#footer-links A:hover {
	text-decoration: underline;
}

/*Sticky Footer by Ryan Fait: http: //ryanfait.com/*/
h1 {
    font-size: 22px;
    margin-bottom: 15px;
}

h2 {
   font-size: 14pt;
   margin-bottom: 1em;
}

p {
   line-height: 20px;
   font-size: 9pt;
   margin-bottom: 1em;
}
UL, DL {
	margin-bottom: 15px;
}
DT {
	font-weight: bold;
}
#wrapper-content ul {
   margin-left: 20px;
}
.right {
	float: right;
}
.clear {
   clear: both;
}

/* Slider Gallery (dynamic */
.slideInfoZone {display: none;}
#myGallery, .jdgallery {
   width: 400px !important;
   height: 298px !important;
}