/* Default
-----------*/

body {
  margin:0;
  padding:0;
  text-align:center;
  font:normal 70% 'Trebuchet MS',Arial,Helvetica,sans-serif;
  color:#333;
  background:#f7f7f7;
}

a {
  text-decoration:none;
  color:#09c;
}
* html a {
  height:1%;
}
a:hover {
  color:#0bf;
}
a * {
  cursor:pointer;
}

h1 {
  min-height:1%;
  margin:0 0 0.8em 0;
  font-size:1.5em;
  font-weight:normal;
  color:#09c;
}
h2 {
  margin:0 0 0.4em 0;
  font-size:1.3em;
}
h3,
h4,
h5,
h6 {
  margin:0;
  font-size:1em;
}

p {
  margin:0 0 0.8em 0;
}

ol,
ul {
  margin:0 0 0.8em 16px;
  padding:0;
}

img {
  border:0;
}

hr {
  clear:both;
  height:0;
  margin:12px 0;
  border-width:1px 0 0;
  border-style:solid;
  border-color:#d8d8d8;
}

table {
  width:100%;
  margin:0 0 1em 0;
  border-collapse:collapse;
  border-spacing:0;
  border-bottom:1px solid #3f86b5;
}
table tr th,
table tr td {
  vertical-align:top;
  background:#cfedea;
}
table tr th {
  padding:4px 8px;
  color:#fff;
  background:#3f86b5;
  border-top:1px solid #3f86b5;
  border-bottom:1px solid #3f86b5;
}
table tr td {
  padding:8px;
}
table tr td.highlight {
  font-weight:bold;
}

form {
  margin:0;
}
input,select,textarea {
  font:normal 1em Tahoma,Arial,Helvetica,sans-serif;
}
form .text {
  border:1px solid #79b;
}
input.button {
  width:auto;
  margin:4px 0 2px 0;
  padding:4px 4px 3px 20px;
  overflow:visible;
  text-align:left;
  font-weight:bold;
  color:#222;
  background:#eee url('../../templates/images/back-link.gif') no-repeat 4px;
  border:1px solid #ccc;
}
div.row {
  min-height:1%;
}
* html div.row {
  height:1%;
}
div.row:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div.row .label {
  float:left;
  width:22%;
  margin:0 2% 0 0;
}
div.row .field {
  margin:0 0 0 24%;
}
div.row .checkbox {
  float:left;
  width:10%;
  margin:0 2% 0 0;
  padding:1px 0 0 0;
  text-align:right;
}
div.row .checkboxlabel {
  margin:0 0 0 12%;
}
div.row input,
div.row select,
div.row textarea {
  margin:1px 0;
}
div.rules {
  margin:0 0 2px 0;
}


/* General
-----------*/

.displayblock {
  display:block;
  background:#e4e4e4;
}

.grey {
  color:#aaa;
}

.textleft {
  text-align:left;
}
.textcenter {
  text-align:center;
}
.textright {
  text-align:right;
}

.valignmiddle {
  vertical-align:middle;
}

.floatleft {
  float:left;
}
.floatright {
  float:right;
}

.clearleft {
  clear:left;
}
.clearright {
  clear:right;
}
.clearboth {
  clear:both;
}

.clearinside {
  min-height:1%;
}
* html .clearinside {
  height:1%;
}
.clearinside:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}


/* Holder
----------*/

div#holder {
  width:786px;
  margin:0 auto;
  padding:0 16px;
  text-align:left;
  color:#444;
  background:#fff;
  border-left:1px solid #eee;
  border-right:1px solid #eee;
}


/* Header
----------*/

div#header {
  position:relative;
  min-height:1%;
  margin:0;
  padding:12px 0;
}
* html div#header {
  height:1%;
}
div#header:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

a#logo {
  float:left;
}
a#logo img {
  display:block;
}
span#tagline {
  display:block;
  margin:-8px 0 6px 0;
  padding:0 30px;
  font-size:1.1em;
  font-weight:bold;
  color:#444;
}

div#address {
  float:right;
  padding:4px 12px;
  text-align:right;
}
div#address div.info {
  font-size:0.9em;
  color:#bbb;
}

div#crumbs {
  clear:both;
  min-height:1%;
  margin:0;
  padding:4px 12px;
  color:#fff;
  background:#666;
  border-top:2px solid #222;
  border-bottom:1px solid #09c;
}
* html div#crumbs {
  height:1%;
}
div#crumbs:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#crumbs a {
  color:#fff;
}
div#crumbs span#printlink {
  float:right;
}


/* Main
--------*/

div#main {
  min-height:1%;
  margin:0;
  padding:0;
}
* html div#main {
  height:1%;
}
div#main:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

div#leader {
  min-height:1%;
  padding:12px 12px 8px 12px;
  color:#333;
  background:#eee;
}
* html div#leader {
  height:1%;
}
div#leader:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#leader h2 {
  color:#333;
}
div#leader div.parameters {
  float:left;
  width:420px;
}
div#leader div.aside {
  float:right;
  width:330px;
}
div.locations {
  width:320px;
  height:160px;
  margin:0 0 10px 0;
  padding:4px;
  background:#fff;
  border:1px solid #666;
}

div.property {
  min-height:1%;
  padding:20px 12px 10px 12px;
  border-bottom:1px solid #ddd;
}
* html div.property {
  height:1%;
}
div.property:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div.property h2 * {
  vertical-align:middle;
}
div.property div.image {
  position:relative;
  float:left;
  margin:0 0 10px 0;
  padding:4px;
  border:1px solid #09c;
}
div.image div.stars {
  position:absolute;
  left:10px;
  bottom:10px;
  color:#fff;
}
div.image div.icons {
  position:absolute;
  right:10px;
  bottom:10px;
  color:#fff;
}
div.property div.description {
  min-height:1%;
  margin:0 0 0 268px;
}
* html div.property div.description {
  height:1%;
}
p.features * {
  vertical-align:middle;
}

span.button {
  display:inline-block;
  background:url('../../website/_images/back-button-yellowwhite.gif') no-repeat left;
}
span.button span {
  display:inline-block;
  padding:0 3px;
  background:url('../../website/_images/back-button-yellowwhite-span.gif') no-repeat right;
}
span.button span a {
  display:inline-block;
  padding:4px 12px 5px 4px;
  font-size:1.1em;
  font-weight:bold;
  color:#000;
  background:#fd4 url('../../website/_images/back-button.gif') no-repeat right;
}
span.button span a:hover {
  color:#09c;
}

div#summary {
  min-height:1%;
  padding:12px;
}
* html div#summary {
  height:1%;
}
div#summary:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#summary div.image {
  float:left;
  padding:4px;
  border:1px solid #ddd;
}
div#summary div.image {
  position:relative;
  float:left;
  padding:4px;
  border:1px solid #ddd;
}
div#summary div.aside {
  float:right;
  width:330px;
}
div#summary div.aside div.locations {
  height:203px;
}

div#description {
  padding:12px 12px 20px 12px;
  border-bottom:1px solid #ddd;
}

div#photos {
  min-height:1%;
  padding:12px 2px 8px 12px;
  border-bottom:1px solid #ddd;
}
* html div#photos {
  height:1%;
}
div#photos:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#photos div.image {
  float:left;
  margin:0 10px 10px 0;
  padding:2px;
  border:1px solid #ddd;
}
div#photos div.image img {
  float:left;
}

div#booking {
  padding:12px 12px 2px 12px;
  background:#eee;
}


/* Footer
----------*/

div#footer {
  clear:both;
  min-height:1%;
  margin:0;
  padding:20px 0;
  text-align:right;
  border-top:4px solid #09c;
}
* html div#footer {
  height:1%;
}
div#footer:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#copyright {
  float:left;
  text-align:left;
}