h2 { line-height: 100%; }

div#main.alyssa { background: url(../images/properties/alyssa-active.gif) no-repeat 115px 270px; }
div#main.wade { background: url(../images/properties/andrea-active.gif) no-repeat 50% 272px; }
div#main.andrea { background: url(../images/properties/wade-active.gif) no-repeat 630px 270px; }
  h1#tagline {
    margin: 0;
    padding: 10px 0;
    color: #fff;
    font: 185%/125% Georgia, Times, serif;
    letter-spacing: 0.5px;
    text-align: center;
    border: 10px solid #B7D56F;
    border-width: 0 10px;
    background: #8CB134;
  }
  ul#properties {
    margin: 25px 0;
    padding: 0;
    list-style: none;
  }
    ul#properties li {
      display: block;
      float: left;
      width: 270px;
      margin-left: 20px;
    }
    ul#properties li.first { margin-left: 0; }
      ul#properties li a {
        display: block;
        overflow: hidden;
        height: 175px;
        text-indent: -5000px;
      }
      ul#properties li a#alyssa {
        width: 230px;
        background: url(../images/properties/alyssa.gif) no-repeat left top;
      }
      ul#properties li a#andrea {
        width: 255px;
        margin: 0 auto;
        background: url(../images/properties/andrea.gif) no-repeat left top;
      }
      ul#properties li a#wade {
        width: 230px;
        margin: 0 0 0 auto;
        background: url(../images/properties/wade.gif) no-repeat left top;
      }
      ul#properties li a.active,
      ul#properties li a:hover { background-position: 0 -500px !important; }
    
  div#intro {
    float: left;
    width: 415px;
    line-height: 140%;
  }
    div#intro h2 { margin-bottom: 5px; line-height: 100%; }
  div#property-intro {
    position: relative;
    float: right;
    width: 385px;
    height: 310px;
    margin-top: -10px;
    padding: 20px 15px;
    background: url(../images/sketched-box-415.gif) no-repeat;
  }
    div#property-intro div {
      position: absolute;
      top: 17px;
      left: 12px;
    }
      div#property-intro div p {
        margin: 0; padding: 0;
        width: 100%;
        height: 125px;
        text-indent: -5000px;
        background-position: left top;
        background-repeat: no-repeat;
      }
      div#property-intro div#alyssa-intro p { height: 210px; background-image: url(../images/properties/alyssa-intro.jpg); }
      div#property-intro div#andrea-intro p { height: 250px; background-image: url(../images/properties/andrea-intro.jpg); }
      div#property-intro div#wade-intro p { height: 265px; background-image: url(../images/properties/wade-intro.jpg); }
    div#property-intro a.more {
      display: block;
      width: 385px;
      height: 32px;
      margin: 10px 0;
      text-indent: -5000px;
      background: url(../images/find-out-more.gif) no-repeat left top;
    }
    div#property-intro a.more:active,
    div#property-intro a.more:hover { background-position: 0 -100px; }