/*
 * * START GENERAL *
 */
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
  margin: 0;
  padding: 0; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

html {
  overflow: auto;
  overflow-y: scroll; }

body {
  background: #609bca url(../images/sky.png) repeat-x fixed left top;
  color: white;
  font-family: Trebuchet, Tahoma, Arial, sans-serif;
  font-size: 62.5%;
  text-align: center; }

.h1,
h1,
h2 {
  font-size: 2.4em;
  font-weight: bold;
  font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
  padding: 0.4em 0; }

h2 {
  font-size: 1.4em; }

#doc {
  font-size: 1.6em;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 960px; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

/*
 * * END GENERAL *
 */
/*
 * * START HEADER *
 */
#hd {
  background: url("../images/banner.png") no-repeat top right; }
  #hd #logo {
    float: left;
    margin-left: -50px;
    vertical-align: top; }
  #hd h1 {
    float: left;
    padding-top: 0.5em; }
    #hd h1 a {
      color: white;
      text-decoration: none; }

/*
 * * END HEADER *
 */
/*
 * * START LANGUAGE BAR *
 */
#lang {
  border: 1px solid white;
  border-top: none;
  float: right;
  list-style: none;
  margin-right: 3px;
  padding: 0 3px 12px 3px;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px; }
  #lang li {
    float: left;
    padding: 0 3px; }
  #lang a {
    display: block;
    width: 40px;
    height: 20px;
    text-align: center; }
    #lang a img {
      border: 1px solid white;
      vertical-align: middle; }
  #lang .active img,
  #lang a:focus img,
  #lang a:hover img {
    border: 2px solid white; }

/*
 * * END LANGUAGE BAR *
 */
/*
 * * START NAVIGATION *
 */
#nav {
  float: left;
  font-size: 0.9em;
  list-style: none;
  width: 645px; }
  #nav li {
    float: left;
    padding: 0 3px; }
  #nav a {
    border: 1px solid white;
    color: white;
    display: block;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 121px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
    #nav a:focus,
    #nav a:hover {
      background: #aaee77;
      color: blue;
      text-decoration: underline; }
    #nav a.active {
      background: #aaee00;
      color: blue;
      text-decoration: underline; }

/*
 * * END NAVIGATION *
 */
/*
 * * START BODY *
 */
#bd {
  clear: both;
  padding-top: 10px; }
  #bd h1 {
    font-size: 1.6em; }
    #bd h1 span {
      height: 1.2em;
      line-height: 1.2em;
      padding-bottom: 0.3em; }
      #bd h1 span.first {
        border: 2px solid white;
        font-size: 1.8em;
        padding: 0 4px;
        vertical-align: middle; }

/*
 * * START SLIDESHOW *
 */
.slideshow {
  overflow: hidden;
  position: relative; }
  .slideshow img {
    position: absolute;
    top: 0;
    left: 0; }

/*
 * * END SLIDESHOW *
 */
/*
 * * START CLOUD *
 */
.cloud {
  float: left;
  padding: 0 4.8%;
  width: 40%; }

.cloud-1 {
  font-size: 1.2em;
  font-weight: bold; }

.cloud-2 {
  font-size: 1.4em;
  font-weight: bold; }

.cloud-3 {
  font-size: 1.6em;
  font-weight: bold; }

/*
 * * END CLOUD *
 */
#home .cloud {
  line-height: 3em;
  padding-top: 40px; }
  #home .cloud a {
    color: white;
    float: right;
    margin-top: 55px;
    text-decoration: none; }
    #home .cloud a:focus,
    #home .cloud a:hover {
      text-decoration: underline; }

#home #slideshowContainer {
  float: right;
  text-align: center;
  width: 49%; }

#home .slideshow {
  border: 4px solid white;
  height: 240px;
  margin: 0 auto;
  text-align: left;
  width: 320px; }

#apartment .slideshow,
#complex .slideshow,
#localarea .slideshow {
  border: 2px solid white;
  float: right;
  height: 320px;
  margin: 0 auto;
  text-align: left;
  width: 640px; }

#contact #info {
  float: left;
  padding-top: 1em;
  width: 29%; }
  #contact #info dt {
    padding-top: 1em; }

#contact form {
  float: right;
  margin-top: -3em;
  text-align: center;
  width: 69%; }
  #contact form dl {
    margin: 0 auto;
    text-align: left;
    width: 55%; }
  #contact form dd {
    padding-bottom: 1em; }

#contact form input,
#contact form textarea {
  width: 100%; }

#localarea #info {
  list-style: none;
  clear: both; }

#pricing #discount {
  padding: 20px 0; }

#pricing .cal-row {
  clear: both;
  padding: 0px 0; }

#pricing .rate-enquire a {
	font-weight: bold;
	color: white;
}

#pricing .cal-month,
#pricing .rates {
  float: left;
  font-size: 80%;
  padding: 20px 1.5% 0 1.5%;
  width: 25%; }

#pricing .rate td {
  font-weight: bold; }

#pricing .cal-month .cal-name {
  text-align: center; }

#pricing .cal-month th {
  font-weight: bold; }

#pricing .rate td {
  padding-top: 5px; }

#pricing .un {
  color: #9999dd; }

/*
 * * END BODY *
 */
/*
 * * START FOOTER *
 */
#doc,
#sticky,
body,
html {
  height: 100%; }

#doc > #sticky {
  height: auto;
  min-height: 100%; }

#bd {
  padding-bottom: 4em; }

/*
 * min footer height
 */
#ft {
  clear: both;
  height: 2em;
  margin-top: -2em;
    /*
   * negative height
   */
  position: relative; }

  #ft #copy {
    float: left; }
  #ft #plug {
    float: right; }
    #ft #plug a {
      color: white;
      text-decoration: none; }
      #ft #plug a:focus span,
      #ft #plug a:hover span {
        text-decoration: underline; }

/*
 * * END FOOTER *
 */