/*
 * Base               79%    91%   103%

 * size               -2    -1      0
 * ---------------- ----- ------ -------
 * biggest           151%   147%   160%		
 * bigger            130%   131%   130%
 * big               115%   113%   116%
 * normal            100%   100%   100%
 * small              89%    90%    88%
 * smaller            x      77%    77%
 * smallest           x      x      68%
 */

body
{
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 79%;
  color: #222;
  background-color: #F7F3EF;
}

* html table tr, * html table td
{
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 79%;
  fo\nt-size: 100%;
}

h1, h2,h3,h4,h5,h6
{ 
  color: #734D31;
  font-size: 115%;
}

a:active, a:hover, a:link, a:visited
{
  color: #31619C;
}

#page-container
{
  position: relative;
  width: 770px;
  margin: 0 auto;
  height: 250px;
}

#header
{
  position: absolute;
  background: url(images/GoodeHomolosine.gif) no-repeat;
  width: 433px;
  height: 205px;
  margin-top: 10px;
  margin-left: 20px;
  padding-right: 40px;
}

#header h1
{
  position: absolute;
  bottom: 55px;
  right: 70px;
  font-family: "Baskerville Old Face", Garamond, Georgia, "Bitstream Vera Serif", "New York", Palatino, serif;
  font-size: 250%;
  color: #000;
  text-align: right;
  padding: 0;
  margin: 0;
}

#city-image
{
  z-index: 999;
  position: absolute;
  left: 440px;
}

#breadcrumb, #content
{
  position: absolute;
  width: 540px;
  border: 1px solid #A5965A;
  background-color: #fff;
}

#breadcrumb
{
  top: 175px;
  height: 20px;
  padding: 2px 10px 0 10px;
  font-weight: bold;
  font-size: 89%;
  color: #31619C;
}

#breadcrumb span
{
  font-weight: normal;
  color: #4A79F7;
}

#footer
{
  position: absolute;
  top: 1500px;
  width: 540px;
  border: 1px solid #A5965A;  
  background-color: #fff;
  height: 20px;
  padding: 0px 10px 0 10px;
  font-weight: bold;
  font-size: 89%;
  color: #31619C;
}

#footer span
{
  font-weight: normal;
  color: #4A79F7;
}


#content
{
  top: 202px;
  padding: 10px;
}

#content > *, #links > *
{
  margin-top: 0;
}

#map
{
  position: absolute;
  top: 120px;
  width: 200px;
  height: 250px;
  right: 0;
  z-index: 10;
  font-size: 89%;
}

#map img
{
  display: block;
}

#map a
{
  display: block;
  position: absolute;
  top: 200px;
  margin-left: 6px;
}

#links
{
  position: absolute;
  top: 350px;
  width: 200px;
  right: 0;
  z-index: 10;
  font-size: 89%;
}

#links, #links a:active, #links a:hover, #links a:link, #links a:visited
{
  color: #A5965A;
}

#links h2
{
  margin-top: 10px;
  margin-bottom: 5px;
}

#links ul
{
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

#attractions li
{
  margin-bottom: 5px;
}

#attractions img
{
  display: block;
  border: 0;
}

#attractions a + a
{
  margin-left: 7px;
}

#links .site-links li
{
  margin-left: 2em;
  text-indent: -2em;
  line-height: 113%;
  margin-bottom: 0.25em
}

/*******************************************/

#listing-page .hotel
{
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #F7DEC6;
}

#listing-page .hotel img
{
  position: absolute;
  top: 5px;
  right: 0px;
  padding: 2px;
  border: 3px double #F7DEC6;
}

* html #listing-page .hotel img
{
  right: 10px;
}

#listing-page .hotel p.description
{
  margin: 5px 0;
}

#listing-page .hotel p
{
  width: 420px;
  margin: 0;
}

#listing-page .hotel h3
{
  padding: 0;
  margin: 0;
}

#listing-page .hotel h3 a
{
  text-decoration: none;
  color: #734D31;
}


#listing-page .hotel .address
{
  font-style: italic;
  font-size: 89%;
}

#listing-page .hotel .price
{
  font-weight: bold;
  font-size: 89%;
}

/*******************************************/

#hotel-page .address
{
  position: relative;
  font-size: 89%;
  float: right;
  padding: 0 0 5px 5px;
  margin: 0 0 10px 5px;
  border-left: 1px solid #ccc;
}

#hotel-page #content .description
{
  clear: both;
}
#hotel-page #content img
{
  float: right;
  clear: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

#hotel-page .availability
{
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: bold;
  font-size: 89%;
}

#hotel-page .price
{
  font-weight: bold;
  font-size: 89%;
}

#hotel-page .summary
{
  font-style: italic;
}

#hotel-page .supplier
{
  clear: both;
  margin-top: 1em;
  font-size: 89%;
  color: #666;
}


/*******************************************/

.info-source a
{
  text-decoration: none;
}

/*******************************************/

div.clear
{
  clear: both;
}

.inline-block
{
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: top;
}

.similar-hotels { font-size: 88%; }

.similar-hotels h3 { font-size: 100%; }

.similar-hotels ul
{
  padding-left: 0;
  margin-left: 1em;
  list-style: none;
}