
* {
  margin: 0; padding: 0;
}

body {
  background-color: #F2EBDA;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; margin-bottom: 15px;
}

a {
	color: #4C2434;
	outline: 0;
}
  a img { border: 0; }
  
p {
  color: #766441;
  line-height: 145%;
  margin-bottom: 15px;
}

h3 {
  margin: 5px;
  font-size: 14px; font-weight: bold; text-align: center;
  color: #4C2434;
}

/* ----- page layout ----- */

#page
{
	width: 800px;
	margin: 0 auto;
  background: transparent url(../images/page-lc-bg.gif) 0 0 repeat-y;
}

#primary {
  width: 590px; float: right;
}
  #header {
    padding-top: 87px; width: 100%; float: right;
    background: transparent url(../images/lwheader.jpg) 0 0 no-repeat;
  }
    #header h1 {
      display: none;
    }
  
    #nav {
      list-style: none;
      width: 100%; float: right;
    }
      #nav li {
       display: inline;
      }
        #nav a {
          height: 18px; float: left;
          background: #F2EBD9 url(../images/combo-nav.gif) 0 0 no-repeat;
        }
          #nav a span {
            display: none;
          }
          #nav #home {
            width: 100px;
          }
            #nav #home:hover {
              background-position: 0 -22px;
            }
          #nav #communities {
            width: 145px;
            background-position: -317px 0;
          }
            #nav #communities:hover {
              background-position: -317px -22px;
            }
          #nav #downtown-naperville {
            width: 217px;
            background-position: -100px 0;
          }
            #nav #downtown-naperville:hover {
              background-position: -100px -22px;
            }
          #nav #contact {
            width: 128px;
              background-position: -462px 0;
          }
            #nav #contact:hover {
              background-position: -462px -22px;
            }
  #content {
    width: 530px; float: right; clear: both;
    margin: 20px 0 0 20px; padding: 20px 20px 10px 20px;
    background-color: rgb(228, 214, 178);
    display: inline; /* ie */
  }
    .breadcrumbs {
      margin: -10px -5px 5px -5px; padding: 5px;
      background: #EFE3C2;
    }

#secondary {
  width: 210px; float: right;
  background-color: rgb(76, 36, 52);
}

#footer {
  clear: both;
}


/* ----- table layouts ----- */

.left-images {
  width: 20px; overflow: visible;
}
  .left-images img {
    margin: 0 15px 15px 0;
  }
  
/* ----- details ----- */
  
.detail-content {
  width: 170px;
}
  .detail-content strong  {
    display: block; text-align: center; margin: 5px;
    color: #4C2434;
  }
  .detail-content img {
    display: block; margin: auto;
  }
  .detail-content p {
    margin: 15px 5px;
  }
  .detail-content a {
    display: block; 
    color: #4C2434; text-align: center;
  }
  .detail-content ul {
    padding: 5px 0 0 25px;
    color: #766441; line-height: 120%;
    list-style-position:outside;
    list-style-type:square;
  }

/* ----- matrix/listing output ----- */

#community-matrix, #model-matrix, #photo-matrix {
  list-style: none; color:#766441;
}
  #model-matrix, #photo-matrix {
    margin-top: 15px;
  }
  #community-matrix li, #model-matrix li, #photo-matrix li {
    width: 155px; float: left; margin: 0 0 25px 10px;
    text-align: center;
  }
    #photo-matrix #primary-photo {
      width: auto; height: auto;
    }
  #lots-matrix ul, .naperville-only ul {
    list-style: none; color: #766441;
  }
  #lots-matrix table {
    width: 100%;
  }  
    #lots-matrix td {
      vertical-align: top;
    }
    .lot-module {
      width: 49%; float: left; clear: left;
      margin-bottom: 20px;
    }
      .lot-module.even {
        float: right; clear: right;
      }
    #lots-matrix .community {
      text-align: center; width: 50%;
    }
      #lots-matrix .lot, .naperville-only .lot {
        display: block;
      }
        #lots-matrix .lot.odd, .naperville-only .lot.odd {
          background: #F2EBDA;
        }
        #lots-matrix .lot .lot-name {
          width: 40%;
        }
        .naperville-only table {
          width: 100%;
        }
        .naperville-only .lot .lot-name {
          width: 60%; padding: 2px;
        }
        #lots-matrix .lot img, .naperville-only .lot img {
          display: block;
        }

/* ----- testimonial ----- */

.testimonial {
  color: #F2EBDA; margin: 15px; line-height: 2em;
}
  .testimonial em {
    display: block; margin: 10px 0;
  }

/* ----- contact page ----- */

  .contact-us .field {
    margin: 5px 0; width: 100%; float: left; clear: both;
  }
  .contact-us label {
    display: block; width: 95px; float: left;
    text-align: right; margin-right: 10px;
    font-weight: bold; color: #4C2434;
  }
  .contact-us input, .contact-us select, .contact-us textarea {
    width: 200px; padding: 1px; font-family: arial; font-size: 11px;
  }
    .contact-us textarea {
      height: 90px;
    }
    .contact-us option {
      padding: 1px 2px;
    }
  .contact-us .Actions, .contact-us .message {
    padding-left: 105px;
  }
    .contact-us .Actions input {
      width: 100px; padding: 2px;
    }
    .contact-us .validation {
      font-weight: bold; color: #942418;
    }
  .contact-us td {
    padding: 5px 0; /*border-bottom: 1px solid #F2EBDA;*/
    color: #766441;
  }
  .contact-us td.label strong {
    display: block; width: 95px;
    text-align: right; margin-right: 10px;
    font-weight: bold; color: #4C2434;
  }
  fieldset {
    border: 0; margin-top: 15px;
  }
