html, body {
  border: 0;
  color: #4D4D4D;
  font: 12px/16px Arial, Helvetica Neue, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
}
html { background: #fff url(images/bg_html.png) repeat-x 0 bottom; }
body { background: url(images/bg_body.png) repeat-x 0 top; }

#wrapper {
  background: url(images/bg_header.jpg) no-repeat center top;
  margin: 0 auto;
  width: 981px;
}

#header, #content, #footer { clear: both; }
#header {
  text-align: center;
}
  #header h1,
  #header h1 a {
    height: 125px;
    width: 250px;
  }
  #header h1 {
    margin: 0 auto;
    padding: 0;
  }
    #header h1 a {
      background: url(images/bg_header.jpg) no-repeat -345px 0;
      line-height: 125px;
      overflow: hidden;
      text-indent: 250px;
      display: block;
    }
#content { margin-top: 6px; text-align: left; }
  #fader {
    background: url(images/bg_fader.jpg) no-repeat;
    height: 303px;
    position: relative;
    width: 981px;
  }
    #fader .fader_controls { display: none; }
    #fader ul li.fader_start { display: block; }
    #fader ul {
      height: 289px;
      left: 8px;
      list-style: none;
      margin: 0;
      overflow: hidden;
      padding: 0;
      position: absolute;
      top: 4px;
      width: 965px;
    }
      #fader ul li {
        display: none;
        height: 289px;
        left: 0;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        top: 0;
        width: 965px;
      }

  #hotels {
    list-style: none;
    margin: 5px 0 0;
    padding: 0;
    /* necessary for IE6 PNG fix */
    float: left;
    position: relative;
  }
    #hotels li {
      background: url(images/bg_hotel.png) no-repeat;
      float: left;
      height: 632px;
      position: relative;
      width: 327px;
    }
      #hotels h3 {
        left: 110px;
        margin: 0;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 4px;
        z-index: 999;
        width: 108px;
      }
        #hotels h3 a {
          background: url(images/logos_hotels.png) no-repeat 0 0;
          display: block;
          height: 131px;
          line-height: 131px;
          margin: 0 auto;
          overflow: hidden;
          text-indent: 108px;
          width: 108px;
        }
        #hotels #comfort h3 a     {}
        #hotels #cambria h3 a     { background-position: 0 -131px; }
        #hotels #bestwestern h3 a { background-position: 0 -262px; }
    #hotels img { margin: 101px 0 0 16px; }
    #hotels p,
    #hotels ul {
      clear: both;
      margin: 0 20px;
    }
    #hotels ul {
      float: left;
      left: 50%;
      list-style: none;
      margin: 14px 0;
      padding: 0;
      position: relative;
      text-align: center;
    }
      #hotels ul li {
        background: none;
        float: left;
        height: auto;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
        right: 50%;
        width: 94px;
      }
        #hotels .visit a,
        #hotels .info  a {
          background: url(images/btn_visitsite.gif) no-repeat;
          float: left;
          height: 28px;
          line-height: 28px;
          margin: 0 5px;
          overflow: hidden;
          text-indent: 84px;
          width: 84px;
        }
        #hotels .info a {
          background: url(images/btn_moreinfo.gif) no-repeat;
        }
#footer {
  color: #466795;
  padding: 20px 0;
}
  #footer p {
    margin: .25em 0;
    padding: 0;
  }
  #footer .legal {
    color: #fff;
    font-size: .9em;
  }


/*
 * Toolbar
 */

body.toolbar {
  background: url(images/tb_bg.jpg) repeat-x;
  border-bottom: 1px solid #354d70;
  height: 85px;
  text-align: left;
}
  .toolbar #logo,
  .toolbar #return,
  .toolbar #close {
    background: url(images/tb_sprites.gif) no-repeat;
    display: block;
  }

  .toolbar #return,
  .toolbar #close {
    position: absolute;
    top: 40px;
  }

  .toolbar #logo {
    height: 85px;
    line-height: 85px;
    margin: 0 0 0 10px;
    overflow: hidden;
    text-indent: 134px;
    width: 134px;
  }
  .toolbar #return {
    background: url(images/tb_sprites.gif) no-repeat -134px 0;
    height: 28px;
    left: 164px;
    line-height: 28px;
    overflow: hidden;
    text-indent: 243px;
    width: 243px;
  }
  .toolbar #close {
    background: url(images/tb_sprites.gif) no-repeat -377px 0;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    right: 20px;
    text-indent: 83px;
    width: 83px;
  }