@import url("./whitespace-reset.css");

body {
  font: normal 11px Helvetica, Arial, sans-serif;
  color: #070707;
  background: #47403b; }

a { text-decoration: none; }

#header {
  position: relative;
  z-index: 100;
  width: 981px;
  height: 152px;
  margin: 0 auto; }
  #header h1 { padding: 20px 0 0 0; }
    #header h1 a {
      display: block;
      width: 152px;
      height: 77px;
      text-indent: -8685px;
      overflow: hidden;
      background: transparent url("../images/logo.gif") 0 0 no-repeat; }
  #header ul#nav {
    position: absolute;
    left: 0;
    bottom: 7px;
    z-index: 100;
    border: 1px solid #ffffff;
    border-right: none; }
    #header ul#nav li {
      position: relative;
      float: left;
      border-right: 1px solid #ffffff; }
    #header ul#nav li a {
      display: block;
      height: 33px;
      text-indent: -8685px;
      overflow: hidden;
      background: transparent url("../images/nav.gif") 0 0 no-repeat; }
    #header ul#nav li.nav_reservations,
    #header ul#nav li.nav_reservations a { width: 176px; }
    #header ul#nav li.nav_reservations a:hover { background-position: 0 100%; }
    #header ul#nav li.nav_rooms,
    #header ul#nav li.nav_rooms a {
      width: 202px;
      background-position: -176px 0; }
    #header ul#nav li.nav_rooms a:hover { background-position: -176px 100%; }
    #header ul#nav li.nav_dining,
    #header ul#nav li.nav_dining a {
      width: 127px;
      background-position: -378px 0; }
    #header ul#nav li.nav_dining a:hover { background-position: -378px 100%; }
    #header ul#nav li.nav_meetings-events,
    #header ul#nav li.nav_meetings-events a {
      width: 231px;
      background-position: -505px 0; }
    #header ul#nav li.nav_meetings-events a:hover { background-position: -505px 100%; }
    #header ul#nav li.nav_about,
    #header ul#nav li.nav_about a {
      width: 121px;
      background-position: -736px 0; }
    #header ul#nav li.nav_about a:hover { background-position: -736px 100%; }
    #header ul#nav li.nav_deals,
    #header ul#nav li.nav_deals a {
      width: 117px;
      background-position: 100% 0; }
    #header ul#nav li.nav_deals a:hover { background-position: 100% 100%; }
    #header ul#nav ul {
      display: none;
      position: absolute;
      left: 0;
      top: 100%;
      z-index: 100;
      width: 100%;
      font-size: 14px;
      text-transform: uppercase;
      background: #1a0d04; }
      #header ul#nav ul li {
        width: 100%;
        border: none;
        border-bottom: 1px solid #31261e; }
      #header ul#nav ul li.last { border: none; }
      #header ul#nav ul a {
        width: 100%;
        height: auto;
        padding: 4px 0;
        text-indent: 0;
        overflow: visible;
        text-align: center;
        color: #adabab;
        background: transparent; }
  #header ul#utility_nav {
    position: absolute;
    right: 0;
    top: 78px;
    z-index: 1;
    font-size: 15px;
    text-transform: uppercase;
    color: #b4aca8; }
    #header ul#utility_nav li {
      float: left;
      padding: 0 0 0 3px; }
    #header ul#utility_nav a {
      position: relative;
      top: -3px;
      color: #b4aca8; }

#content {
  width: 981px;
  margin: 0 auto; }
#main {
  float: left;
  width: 619px;
  padding: 20px;
  margin: 0 17px 20px 0;
  background: #a59183; }
.slideshow {
  position: relative;
  z-index: 1;
  margin: -20px -20px 25px -20px;
  background: #baaa9b; }
  .slideshow .slides {
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 659px;
    height: 420px; }
  .slideshow .slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; }
    .slideshow .slide img { display: block; }
    .slideshow .slide h3 {
      padding: 10px 20px 10px 20px;
      font-size: 22px;
      font-weight: normal;
      text-transform: uppercase; }
    #main .slideshow .slide p {
      padding: 0 20px 17px 20px;
      line-height: 140%; }
  .slideshow ul {
    position: absolute;
    right: 18px;
    top: 345px;
    z-index: 1000; }
    #main .slideshow ul li {
      float: left;
      padding: 0 0 0 2px;
      list-style: none; }
    .slideshow ul a {
      display: block;
      width: 11px;
      height: 11px;
      font-size: 1px;
      line-height: 1px;
      text-indent: -8685px;
      overflow: hidden;
      background: transparent url("../images/bg_slide-pager.gif") 0 0 no-repeat; }
    .slideshow ul li.activeSlide a { background-position: 0 100%; }
  #main h1 {
    padding: 0 0 20px 0;
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
    color: #1c1713; }
  #main p {
    padding: 0 0 15px 0;
    line-height: 140%; }
  #main ul,
  #main ol {
    padding: 0 0 15px 15px;
    font-weight: bold;
    line-height: 140%; }
    #main ul li { list-style: disc; }
    #main ol li { list-style: decimal; }
  #main a {
    text-decoration: underline;
    color: #ffffff; }
  #main img.masthead {
    display: block;
    margin: 0 0 20px 0; }
  #main #more { display: none; }
  #main p#read_more {
    padding: 10px 0;
    margin: 0 -20px -20px -20px;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #b6a596; }
    #main p#read_more a { text-decoration: none; }

#sidebar {
  float: left;
  width: 305px;
  padding: 0 0 20px 0; }
#subnav {
  margin: 0 0 17px 0;
  color: #ffffff;
  background: #857b73; }
  #subnav h3 {
    padding: 10px 20px;
    font-size: 22px;
    font-weight: normal;
    color: #1c1713; }
  #subnav li {
    font-size: 18px;
    border-top: 1px solid #918881; }
  #subnav a {
    display: block;
    height: 1%;
    padding: 10px 30px;
    color: #ffffff; }
  #subnav a:hover { color: #1c1713; }
form.quick-reservations {
  padding: 10px 18px 18px 18px;
  margin: 0 0 17px 0;
  color: #ffffff;
  background: #837971; }
  form.quick-reservations fieldset { border: none; }
  form.quick-reservations h3 {
    padding: 0 0 12px 0;
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase; }
  form.quick-reservations label {
    display: block;
    font-size: 12px;
    text-transform: uppercase; }
  form.quick-reservations input.input-text {
    float: left;
    width: 60px;
    padding: 3px;
    margin: 0 3px 0 0;
    font-size: 10px;
    color: #4e5151;
    border: 1px solid #5f5545; }
  form.quick-reservations a.calendar-popup {
    display: block;
    width: 14px;
    height: 14px;
    margin: 3px 0 0 0;
    text-indent: -8685px;
    overflow: hidden;
    background: transparent url("../images/icon_calendar.gif") 0 0 no-repeat; }
  form.quick-reservations .date-select {
    float: left;
    width: 116px;
    padding: 0 0 10px 0; }
  form.quick-reservations .people {
    float: left;
    width: 60px; }
  form.quick-reservations input.submit {
    float: left;
    margin: 15px 0 0 0; }
  #sidebar .special {
    clear: both;
    padding: 0 0 17px 0; }
    #sidebar .special img { display: block; }
form.subscribe {
  padding: 10px 18px;
  margin: 0 0 17px 0;
  color: #ffffff;
  background: #1a0d04; }
  form.subscribe fieldset { border: none; }
  form.subscribe h3 {
    padding: 0 0 2px 0;
    font-size: 18px;
    font-weight: normal; }
  form.subscribe input.input-text {
    float: left;
    width: 177px;
    height: 16px;
    padding: 3px;
    margin: 0 9px 5px 0;
    font: normal 11px Helvetica, Arial, sans-serif;
    color: #ffffff;
    border: none;
    background: #3a3633; }
  form.subscribe input.submit { float: left; }
  form.subscribe p { clear: both; }
  form.subscribe a {
    color: #ffffff;
    text-decoration: underline; }

#footer {
  clear: both;
  width: 981px;
  padding: 25px 0 20px 0;
  margin: 0 auto;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #bdad9e;
  border-top: 1px solid #534b45; }
  #footer a { color: #bdad9e; }
  #footer ul.primary { font-size: 11px; }
  #footer li {
    display: inline;
    line-height: 150%; }
  #footer p {
    padding: 15px 0 0 0;
    line-height: 180%;
    color: #ffffff; }
  #footer p.copyright {
    padding: 0;
    font-size: 9px; }
    #footer p strong { font-size: 12px; }
    #footer p a { text-decoration: underline; }

.listing {
  clear: both;
  float: left;
  width: 100%;
  padding: 0 0 20px 0;
  margin: 0 0 18px 0;
  border-bottom: 1px solid #bdac9c; }
  .listing img {
    float: left;
    margin: 0 20px 0 0; }
  .listing .details {
    padding: 10px 0 0 0;
    overflow: hidden; }
    .listing .details h3 {
      padding: 0 0 15px 0;
      font-size: 18px;
      text-transform: uppercase; }
    #main .listing .details .actions a {
      float: left;
      padding: 0 20px 3px 20px;
      font-size: 14px;
      text-transform: uppercase;
      color: #ffffff;
      text-decoration: none;
      background: #571b02; }