/* LAYOUT */
body {
  margin: 0;
  padding: 0;
  background: #b2a57c;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 11px;
  font-family: arial;
}

#maincontainer {
  width: 800px; /*Width of main container*/
  margin: 0 auto; /*Center container on page*/
}

#header {
  background: url(../images/common/header.gif) no-repeat;
  height: 117px;
}

#global_nav {
  width: 100%;
}

#fauxwrapper {
  width: 800px;
  background: url(../images/common/body.gif) repeat-y;
}

#contentwrapper {
  float: left;
  width: 100%;
}

#leftcolumn {
  float: left;
  width: 230px; /*Width of left column*/
  margin-left: -795px; /*Set left margin to -(MainContainerWidth)*/
}

#contentcolumn {
  margin-left: 235px; /*Set left margin to LeftColumnWidth*/
}

.clearing {
  height: 0;
  clear: both;
}

#footer {
  width: 100%;
  padding-top: 35px;
  background: url(../images/common/footer.gif) no-repeat;
  height: 100px;
  color: #e0d994; 
}

/* SUB-NAVIGATION (top and bottom) */ 
#navlist li a {
  text-decoration: none;
  color: #e0d994; 
}

#navlist li a:hover {
  text-decoration: underline;
}

#header #navlist li {
  display: inline;
  list-style-type: none;
  margin-left: 10px;
}

#header #navlist {
  display: block;
  float: right;
  list-style: none;
  padding: 67px 90px 0 0;
  margin: 0;
}

#header #navlist li
{
  display: inline;
  margin-right: 3px;
  padding-top: 10px;
}

#nav_directions {
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: url(../images/common/directions_icon.png) no-repeat left center;
}

#nav_contact {
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: url(../images/common/contact_icon.png) no-repeat left center;
}

#footer #navlist li {
  display: inline;
  list-style-type: none;
  padding-right: 8px;
}

#footer #navlist {
  list-style: none;
  padding: 10px 0 0 10px;
  margin: 0;
}

#footer #navlist li {
  display: inline;
  padding: 0;
  margin-right: 3px;
}

p#license {
  font-size: .85em;
  margin-top: 5px;
  text-align: center;
  color: #918873;
}

/* BOX */

.title {
  padding: 3px;
  text-align: center;
  font-size: 1.4em;
  color: #ffe7aa;
  padding-bottom: 15px;
  background: url(../images/box/header.png) no-repeat 50% 0px;
}

.box {
  float: left;
  position: relative;
  width: 220px;
  padding: 5px;
  color: #d9d3cd;
}

.box * {
  margin: 0px;
  position: relative;
}

* html .box {
  position:static;
}

/* reservation */
#reservation {
  height: 305px;
  background: url(../images/box/red_grad.gif);
  background-repeat: repeat-x;
}

#dates {
  float: left;
  width: 105px;
  height: 240px;
}

#guarantee {
  float: left;
  margin-top: 30px;
  width: 100px;
}

#availability {
  clear: both;
  margin-left: 100px;
}

a#guaranteelink {
  display: block;
  width: 100px;
  height: 100px;
  background: url(../images/box/rate_guarantee.png) no-repeat;
}

a#availabilitylink {
  display: block;
  text-decoration: none;
  background: url(../images/box/reserve_button.png) no-repeat left top;
  /* height of button = 23px; 5px to center text */
  padding-top: 5px;
  padding-left: 3px;
  height: 18px;
  color: black;
}

a#availabilitylink:hover {
  background-position: 0 -23px;
  color: white;
}

#reservation .field {
  border-width: 1px;
  font-size: 1em;
}

/* specials */
#specials {
  background: url(../images/box/gold_grad.gif);
  background-repeat: repeat;
}

#specials_animation {
  margin: -5px;
}

/* testimonials */
#testimonials {
  background: url(../images/box/blue_grad.gif);
  background-repeat: repeat;
}

blockquote {
  margin: 0;
  width: 185px;
  padding-left: 15px;
  text-indent: -15px;
  font: 1.0em/1.4em arial;
}

blockquote:first-letter {
  background: url(../images/box/quote.png) no-repeat left top;
  padding-left: 15px;
  font: italic 1.4em Georgia;
}

cite {
  display: block;
  width: 200px;
  text-align: right;
  padding-bottom: 5px;
}

/* GENERAL */
.hide {
  display: none;
}

.innertube {
  margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
  margin-top: 0;
}

textarea, input {
  font-size: 10px;
}

textarea:focus, input:focus {
  background-color: #FFFF9D;
}

strong {
  font-weight: bold;
  color: #712d15;
}