html {height:100%;margin-bottom:1px;}
body {background: #FFFFFF url(/images/body-bg.gif) repeat-x; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666;padding: 0 0 30px 0;}

a:link, a:visited {font-size:12px; color: #aa8918; text-decoration:underline;}
a:hover {color:#222;}
strong {font-weight: bold;}
p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666666; margin:0 0 30px 0; line-height:18px;}
h1 {font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#aa8918; margin:0 0 15px 0;}
h2 {font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#222; margin:0 0 15px 0;}
h4 {font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#222; margin:0 0 15px 0;}
h4 a:link, h4 a:visited {font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#222; margin:0 0 15px 0; text-decoration:none;}
h4 a:hover {text-decoration:underline;}

/* Structure */
#layoutgrid {display:table; height:100%; width:100%;}
#layoutgrid td {vertical-align: middle; text-align: center;}
#container {width:960px; margin:0 auto; text-align: left; background-color:#fff;}
#subcontainer {position: relative; left:0; top:0; width:100%;}
#topbar {width:857px; height:31px; padding: 15px 0 0 40px; background: url(/images/bookingbg.gif) no-repeat; font-size: 12px; color: #858484;}
#topbar span {float: left;}
#topbar img {float: right; vertical-align: middle; margin: -5px 8px 0 0;}
#content { margin: 0 0 0 0; color: #FFFFFF; padding: 0 0 125px 0; background:#ffffff url(/images/floral-vector.png) no-repeat bottom right; }

.bookonline {width:162px; height:33px; float:left; background:url(/images/bookonline-btn.gif); margin:15px 0 15px 0;}

#mainnav {width:960px; height:52px; float:left; margin:4px 0 0 0; background: url(/images/nav-bg.gif);}

#nav {width:170px; min-height: 400px; padding: 15px; float: left; border-right:solid 1px #eee; margin:15px 0 0 0;}
#main {float:right; width:725px; padding:0 15px 0 0; margin:15px 0 0 0;}
#main-booking {float:right; width:930px; padding:0 15px 0 0; margin:15px 0 0 0;}
ul#images {width:722px; height:312px; float:left; margin:0 0 20px 0;}
#greybar {background: #EBEBEB; height: 8px; font-size: 1%;}
.clear {clear: both;}

#logo { float:left; background: url(/images/hoa-logo.gif) no-repeat; width:320px; height:64px; margin: 20px 0 0 35px; }
#logo a {width:320px; height:64px; display:block;}
#logo h1 a span {display:none;}

#tripadvisor {float:right; width:162px; height:44px; padding: 20px 0 0 0;}
#aa_award {float: right; width:229px; height:44px; margin: 18px 0 0 10px;}

#header {width:960px; height:106px; float:left; background:url(/images/header-bg.gif) no-repeat; }

#tabs {width:23px; height:491px; position: absolute; top: 110px; left: 0;}
#tabs img {margin: 0 0 2px 0;}

#nav ul li {font-size:12px; color: #aa8918; height:13px; background:url(/images/nav-image.gif) no-repeat; margin:0 0 10px 0;}
#nav ul li a:link, #nav ul li a:visited {font-size:12px; color: #aa8918; text-decoration:underline; height:13px; padding:0 0 0 20px;}
#nav ul li a:hover {color:#222;}


#address {color: #858484; position: absolute; bottom: 100px; left: 40px;}
#company_info {color: #858484; font-size:11px;}
#featuretabs {width:724px; height:179px; background: #000000;}
.featuresep {width:13px; height:179px; float:left;}
.featuresepwide {width:31px; height:179px; float:left;}
.feature_tab {position: relative; left:0; top:0; padding: 15px 10px 15px 10px; color:#999999; width:187px; height:149px; float:left; background:url(/images/tab.png) no-repeat;}
.feature_tab strong {color: #000000;}
.feature_tab img {position: absolute; left: 7px; bottom: 4px;}
.feature_tab a:link{color:#D7AF1C; text-decoration:none;}
.feature_tab a:visited {color:#D7AF1C; text-decoration:none;}
.feature_tab a:hover, .feature_tab a:active {color:#D7AF1C; text-decoration:underline;}

#footer-expand {height:145px; background:url(/images/footer-bg.gif); margin:0 0 0 0; padding:0 0 0 0;}
#footer {color:#444; text-align: center; width:960px; margin:0 auto; padding:50px 0 0 0;}
#footer p {color:#444; font-size:12px; line-height:18px;}
#footer a:link, #footer a:visited {color:#444; text-decoration:none;}
#footer a:hover {color:#444; text-decoration:underline;}


#textcontent {padding: 30px 10px 20px 20px; color: #666; font-size: 12px; line-height: 18px;}
#textcontent h1 {font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#aa8918; margin:0 0 20px 0; line-height:28px;}
#textcontent p, #content_text p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666666; margin:0 0 15px 0; line-height:18px;}
#textcontent a:link {text-decoration:underline;}
#textcontent a:visited {text-decoration:underline;}
.popupimages {width:218px; height:218px;  margin: 22px 10px 0 0; float:left; background:#FFFFFF; vertical-align:bottom; float:left;}
.imagesmall {margin: 0 0 -10px 0;padding: 5px 0 0 0; font-size:12px; color:#999999;}
.gold {color: #aa8918; font-size:14px; font-weight:bold;}
#textcontent ul {list-style-type: square; margin: 0 0 0 15px;} 
#textcontent ul li {margin: 0 0 10px 0;}

#rooms {width: 470px;}
.room_holder {width:140px; height:160px; margin: 10px 0 10px 8px; float:left; vertical-align:bottom;}
#rooms_all {float:right; margin-left:20px; width:190px;}
#rooms_all ul {list-style-type: square; margin: 0 0 0 15px;} 
#rooms_all ul li {margin: 0 0 6px 0;}
#rooms_all p {margin: 40px 0 0 0;}
.room_holder a:visited {text-decoration:underline;}
#contact_details {float:right; margin: 0 20px 0 20px; width:190px;}

#contact_form {background-color:#eeeeee;}
#contact_form td.field {width:150px;color:#444444; padding:10px 0 10px 10px; text-align: left; vertical-align: top;}
#contact_form td {padding:10px 15px 10px 0;}
select {border: 1px solid #c9c6c0;padding:0px;width: 100px;}
input {border: 1px solid #c9c6c0;padding:2px;width:250px;}
textarea {border: 1px solid #c9c6c0;padding:2px;width:250px;height:100px;font: 12px Arial, Helvetica, sans-serif;}
#tc {width: 100px;border:none;}
.submitbtn {background: #1e1e1e;border:none;cursor: pointer;width: 100px; height: 25px;font-size: 14px;color:#fff;font-weight: bold;padding: 4px 0 10px 0; font-family:Arial, Helvetica, sans-serif;}
.submitbtn:hover {background: #aa8918;border:none;cursor: pointer;width: 100px; height: 25px;font-size: 14px;color:#fff;font-weight: bold;padding: 4px 0 10px 0; font-family:Arial, Helvetica, sans-serif;}

.photo {margin: 0 5px 10px 0;}
.photoborder {border: 3px solid #FFFFFF;}

/* Thick Box */
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  opacity: 0.75;
  filter:alpha(opacity=75);
}

#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}

#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  opacity: 0;
  height:100%;
  width:100%;
}

#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
}