/*
 * 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: #333;
}

* {
  margin-top: 0;
}

#canvas-container {
  margin: 0 auto;
  width: 760px;
}/*
 * 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: #333;
  background: url(images/page-background.png) repeat-x;
  background-color: #5f7a93;
}

* {
  margin-top: 0;
}

#canvas-container {
  width: 760px;
  margin: 16px auto;
  padding: 8px;
  border: 1px solid #999;
  background-color: #fff;
}

#header {
  position: relative;
  height: 80px;
  text-align: left;
  background: url(images/header-background.png) repeat-x;
  padding-top: 8px;
  padding-left: 16px;
  color: #e7ebee;
}

#header h1 {
  position: absolute;
  top: 8px;
  left: 24px;
  font-weight: bold;
}

#header span {
  position: absolute;
  bottom: 16px;
  left: 24px;
  font-size: 115%;
  font-weight: bold;
}

#header a, #header a:visited, #header a:link, #header a:hover {
  color: #e7ebee;
  text-decoration: none;
}

#content-container {
  background-color: #e7ebee;
  border: 1px solid #e7ebee;
}

#content {
  background-color: #fff;
  margin: 8px;
  padding: 16px;
}

#content .hotels li {
  margin-bottom: 1em;
}

.pager {
  text-align: center;
}

.pager.top {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #e7ebee;
}

.pager.bottom {
  padding-top: 0.5em;
  border-top: 1px solid #e7ebee;
}
