html, body {
  margin:   0;
  padding:  0;
  height:   100%;
}

body {
  background:   #24252b;
  font-family:  Tahoma, Helvetica, Verdana, Arial, sans-serif;
  font-size:    100%;
  min-height:   100%;
}

#bottomBackground {
  background: url(images/bodyBackground.png) repeat-x bottom left;
  position:   fixed;
  bottom:     0;
  width:      100%;
  height:     400px;
  z-index:    -1;
}

img {
  border: 0;
}

 a:link {
  color:  #575757;
  text-decoration:  none;
  z-index:    20;
}

a:visited {
  color:  #575757;
  text-decoration:  none;
  z-index:    20;
}

a:active {
  color:  #575757;
  text-decoration:  none;
  z-index:    20;
} 

 a:hover {
  color:  #000;
  z-index:  10;
  border-bottom:  1px dotted #000;
}

/* HEADER FORMATTING */
#header {
  background: url(images/headerBaseBackground.png) repeat-x top left;
  margin:     0;
  padding:    0;
  height:     150px;
}

  #header * {
    margin:   0;
    padding:  0;
  }

#headerOverlay {
  background: url(images/headerOverlayBackground.png) repeat top left;
  margin:     0;
  width:      100%;
  padding:    0;
}

#headerLinks {
  position:   relative;
  text-decoration:  none;
  top:  126px;
  float:  left;
  }
  
  #headerLinks a {
    background: url(images/headerLinkRight.png) no-repeat top right;
    margin-right: 15px;
    padding-left: 10px;
  }
  
  #headerLinks ul {
    list-style: none;
    margin-left:  10px;
  }
  
  #headerLinks span {
    margin-right: 10px;
    background:   url(images/headerLinkBackground.png) repeat-x top left;
  }
  
  #headerLinks li {
    float:      left;
    position:   relative;
    top:        2px;
    background: url(images/headerLinkLeft.png) no-repeat top left;
  }
  
  #headerLinks a:hover {
    background: url(images/headerLinkRightHover.png) no-repeat top right;
    color:  #000;
  }
  
  #headerLinks a:visited {
    color:  #575757;
  }
  
  #headerLinks a:active {
    color:  #575757;
  }
  
  #headerLinks span:hover {
    background: url(images/headerLinkBackgroundHover.png) repeat-x top left;
  }
  
  #headerLinks li:hover {
    background: url(images/headerLinkLeftHover.png) no-repeat top left;
  }
  
#headerLogo {
  position:       absolute;
  right:          35px;
  top:            18px;
  float:          right;
  overflow:       hidden;
}

#headerBottomBorder {
  clear:          both;
  position:       relative;
  top:            -5px;
  height:         10px;
  background:     url(images/headerBottomBorder.png) repeat-x top left;
  border-bottom:  2px solid #000;
}
/* END HEADER FORMATTING */

/* MUSIC */
#music {
  margin-top:     15px;
  margin-bottom:  15px;
  padding-left:   50px;
  height:         25px;
}
/* END MUSIC */

/* BODY FORMATTING */
#bodyContainer {
  width:        935px;
  margin-left:  auto;
  margin-right: auto;
  z-index:    1;
}

#leftBody {
  float:        left;
  margin:       0;
  padding:      0;
  width:        300px;
}  

#middleBody {
  float:        left;
  margin:       0;
  padding:      0;
  padding-left: 25px;
  margin-top: 0px;
}

  #middleBodyHeader {
    margin: 0;
    padding:  0;
    background: url(images/middleBody/header.png) no-repeat top left;
    height: 15px;
    width:  279px;
  }
  
  #middleBodyBody {
    margin:         0;
    margin-bottom:  50px;
    padding:        0;
    min-height:     300px;
    width:          279px;
    background:     #e3e3e3 url(images/middleBody/overlay.png) repeat-x bottom left;
    font-size:      90%;
  }
  
    #middleBodyBody p, h1 {
      margin:   0;
      padding:  5px;
      position: relative;
      top:      -15px;
    }
    
    #middleBodyBody p {
      font-size:    85%;
      line-height:  1.5em;
      clear:        both;
      text-align:   justify;
    }
    
    #middleBodyBody h1 {
      font-size:  110%;
      text-align: right;
    }

#rightBody {
  float:        right;
  margin:       0;
  padding:      0;
  margin-top:   0px;
}

#rightBody p {
  margin: 0;
  padding:  0;
}

  .rightBodyHeader {
    margin:     0;
    padding:    0;
    background: url(images/rightBody/header.png) no-repeat top left;
    height:     15px;
    width:      200px;
  }
  
  .rightBodyBody {
    margin:         0;
    padding:        0;
    padding-left:   10px;
    padding-right:  10px;
    width:          180px;
    min-height:     150px;
    background:     url(images/rightBody/bodyBackground.png) repeat-x bottom left;
    font-size:      75%;
    
  }
  
  .rightBodyBody h1 {
    margin:   0;
    padding:  0;
    position: relative;
    top:      -10px;
    font-size:  150%;
    text-align: right;
    padding-right:  10px;    
  }
  
  .rightBodyBody ul {
    list-style: none;
    position:   relative;
    top:        -10px;
    left:       -10px;
  }
  .rightBodyFooter {
    margin:     0;
    padding:    0;
    background: url(images/rightBody/footer.png) no-repeat top left;
    height:     15px;
    width:      200px;
  }
  
#contentBody {
  float: left;
  width: 600px;
}

#contentBodyHeader {
  height: 20px;
  background: #e3e3e3 url(images/headerLeft.png) no-repeat top left;
}

#contentBodyBody {
  padding-left:   10px;
  padding-right:  10px;
  background:     #e3e3e3 url(images/middleBody/overlay.png) repeat-x bottom left;
}

.contentBodyText {
  font-size:  80%;
  line-height:  100%;
  padding-bottom:  25px;
}

  .contentBodyText a:link {
    color:  #222;
    border-bottom:  1px dotted #000;
  }
  
  .contentBodyText a:hover {
    color:  #000;
    border-bottom:  1px dotted #000;
  }
  
  .contentBodyText a:visited {
    color:  #222;
    border-bottom:  1px dotted #000;
  }

  .contentBodyText h1 {
    font-family:  Georgia, Serif;
    font-size:    200%;
    color:        #2c377a;
  }
  
  .contentBodyText h2 {
    font-family:  Tahoma, Helvetica, Verdana, sans;
    font-size:    115%;
    text-align:   right;
    width:        100%;
    border-bottom:  1px dotted #000;
    padding-bottom: 0;
    margin-bottom:  0.3em;
    text-transform: uppercase;
    font-style:  italic;
  }
  
  .right {
    clear:      both;
    float:      right;
    font-size:  75%;
    text-transform: uppercase;
  }
  
.gallery {
  width:        300px;
  margin-left:  auto;
  margin-right: auto;
}
  
  .gallery img {
    border: 3px solid #fff;
  }
  
  .gallery img:hover {
    border: 3px solid #575757;
  }
  
  .gallery a:link {
    padding-right: 10px;
    padding-bottom: 5px;
    border: 0;
  }
  
.caption {
  font-size:  70%;
  display:    block;
  clear:      both;
  position:   relative;
  left:       20%;
  font-style: italic;
}

.spacer {
  clear:    both;
  height:   25px;
}
/* END BODY FORMATTING */


/* TURNER VALLEY PRICE LIST */
.turnerValley {
  display: block;
  padding-bottom: 40px;
}

  .turnerValley table {
    width:        550px;
    display:      table;
    text-align:   center;
    font-size:    90%;
    margin-left:  auto;
    margin-right: auto;
  }
  
  .turnerValley td {
    padding:  3px;
  }
  
  .tvTitle {
    width:  98px;
    font-size:  100%;
    background: #fff;
    font-weight:  bold;
  }
  
  .tvSold {
    text-decoration:  line-through;
    color:            #c60009;
    font-weight:      bold;
  }
  
  .tvAvailable {
    color:        green;
    font-weight:  bold;
  }

#contactUs {
  margin-left:  auto;
  margin-right: auto;
}

.iAmInterested {
  position: relative;
  top:      -35px;
}

/* FOOTER FORMATTING */
#footerContainer {
  clear:        both;
  width:        100%;
}

#footer {
  width:          900px;
  margin-left:    auto;
  margin-right:   auto;
  background:     #373737;
  border:         2px solid black;
  margin-bottom:  10px;
  padding:        10px;
}

#footerText {
  text-align: center;
  font-size:  small;
  margin:   0;
  padding:  0;
  color:    #fff;
}

#footer a:link, a:visited {
  color:  #fff;
  font-weight:  bold;
}

#footer a:hover {
  text-decoration:  underline;
}