body
{
  margin: 0;
  font: 12px/16px Arial;
  color: #504C39;
  background: #E3E0CE url(bg.jpg) repeat-x top left;
}

h1
{
  color: #642200;
  font-size: 22px;
}

h2
{
  color: #B2AA7E;
  font-size: 14px;
}
h4
{
  font-size: 10px;
}
a
{
  text-decoration: none;
  color: #642200;
}
a:hover
{
  text-decoration: underline;
}
div#wrap-outer
{
  width: 781px;
  margin: 0 auto;
}
div#wrap-inner
{
  background: #fff url(bg-wrap.jpg) repeat-y top left;
  padding: 0;
}
div#wrap
{
  background: url(bg-quote.gif) no-repeat bottom left;
}
div#banner
{
  height: 180px;
  margin: 0 1px;
  background: #fff url(banner-home.jpg) no-repeat top right;
}
div#nav
{
  height: 28px;
  background: #521C00 url(bg-nav.jpg) repeat-x top left;
  margin: 0 0 0 1px;
}
div#nav ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}
div#nav ul li
{
  float: left;
}
div#nav ul li a
{
  display: block;
  height: 28px;
  line-height: 28px;
  width: 155px; /* hack */
  color: #642200;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  background: url(bg-nav.jpg) repeat-x top left;
  border-right: 1px solid #B2AA7E;
}
div#nav ul li a:hover, div#nav ul li.selected a
{
  color: #fff;
  background-position: bottom left;
  text-decoration: none;
}

div#left
{
  float: left;
  width: 200px;
  margin: 0;
  position: relative;
}
div#left ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}
div#left li li
{
  margin: 0 0 10px 0;
}
div#left li li a
{
  padding: 0 0 0 30px;
}
div#left ul li, div#left ul li a
{
  display: none;
}
div#left ul li.selected,
div#left ul li.selected li,
div#left ul li.selected li a
{
  display: block;
}
div#left ul li.selected li.selected a
{
  background: url(bullet.gif) no-repeat 0 50%;
}

div#left div
{
  margin: 10px;
  display: none;
}
div#left div#subnav
{
  margin: 0 10px 20px 10px;
}

/* section-specific visibility */

/* home page */
body.home div#left div#contact { display: block; }
body.home div#left div#first-time { display: block; }
body.home div#left div#development-updates { display: block; }

/* community  */
body.community div#banner { background-image: url(banner-community.jpg); }
body.community div#left div#directions { display: block; }
body.community div#left div#contact { display: block; }
body.community div#left div#first-time { display: block; }

/* unit features  */
body.unitfeatures div#banner { background-image: url(banner-unit-features.jpg); }
body.unitfeatures div#left div#contact { display: block; }
body.unitfeatures div#left div#first-time { display: block; }
body.unitfeatures div#left div#fourbr-model { display: block; }

/* floor plans  */
body.floorplans div#banner { background-image: url(banner-floor-plans.jpg); }
body.floorplans div#left div#subnav { display: block; }
body.floorplans div#left div#contact { display: block; }
body.floorplans div#left div#first-time { display: block; }
body.floorplans div#left div#fourbr-model { display: block; }

/* project history */
body.projecthistory div#banner { background-image: url(banner-project-history.jpg); }
body.projecthistory div#left div#contact { display: block; }
body.projecthistory div#left div#first-time { display: block; }
body.projecthistory div#left div#development-updates { display: block; }

/* contact us  */
body.contactus div#banner { background-image: url(banner-contact-us.jpg); }
body.contactus div#left div#subnav { display: block; }
body.contactus div#left div#directions { display: block; }
body.contactus div#left div#first-time { display: block; }


div#head
{
  height: 20px;
  line-height: 20px;
  background: #A59D74 url(bg-head.jpg) repeat-x top left;
  font-size: 90%;
  text-align: right;
  padding-right: 6px;
  color: #fff;
}
div#head a
{
  color: #fff;
}
div#main
{
  width: 540px;
  float: right;
  padding: 15px;
}
div#foot
{
  font-size: 90%;
  color: #A7A079;
  height: 60px;
  background: #766F4E url(bg-foot.jpg) repeat-x top left;
}
div#foot a
{
  color: #EEEEEE;
}
div#foot div
{
  background: url(bg-footer-logos.gif) no-repeat center left;
  padding: 15px 0;
  text-align: center;
}

/* Floor Plans
------------------------------------------- */

table.plan h1
{
  font-size: 16px;
  margin: 1em 0 0 0;
}
table.plan th
{
  text-align: left;
  font-weight: normal;
}
table.plan td
{
  border: 1px solid #CBC5A9;
  padding: 4px;
  text-align: center;
}

/* form overrides
------------------------------------------- */
table.form input[type="text"],
table.form input[type="password"]
{
  width: 250px;
}
table.form select[id]
{
  width: 258px;
}

/* Image Gallery Styles
------------------------------------------- */
table.gallery
{
  border-collapse: collapse;
  border: 1px solid #B2AA7D;
}
table.gallery td.gallery-showing
{
 height: 422px;
 width: 542px;
 background-color: #F1EFE7;
 padding: 0;
}
table.gallery td.gallery-showing div
{
 text-align: center;
 padding: 10px;
}
table.gallery td.gallery-showing img
{
 border: 1px solid #E7E7D6;
}
table.gallery td.gallery-thumbs
{
 background-color: #B2AA7D;
 padding: 0;
}
table.gallery td.gallery-thumbs div
{
 width: 520px;
 height: 122px;
 padding: 10px;
 overflow: auto;
 white-space: nowrap;
}
table.gallery td.gallery-thumbs img
{
 border: 1px solid #632100;
}
table.gallery td.gallery-thumbs a
{
  padding: 0 10px;
}