/* body
--------------------------------------- */
body {
  background: #535B4D url(images/background.gif) top left no-repeat;
  color: #333333;
  font: normal small Arial, Helvetica, sans-serif;
  margin: 86px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

a {
  background-color: #FFFFFF;
  color: #8B8861;
  text-decoration: none;
}

a img {
  border: none;
}

/* #header
--------------------------------------- */
#header {
  background: #444D3E url(images/header.gif) top center no-repeat;
  color: #333333;
  height: 88px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 702px;
}

#header h1, #header h2 {
  display: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#header .contactButton {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  text-align: right;
}

/* #navigation
--------------------------------------- */
#navigation {
  background-color: #E6E6D9;
  color: #333333;
  height: 35px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 702px;
}

#navigation .home {
  float: left;
  width: 97px;
}

#navigation .design {
  float: left;
  width: 88px;
}

#navigation .personnel {
  float: left;
  width: 103px;
}

#navigation .companyHistory {
  float: left;
  width: 149px;
}

#navigation .remodels {
  float: left;
  width: 106px;
}

#navigation .customHomes {
  float: left;
  width: 159px;
}

/* #content
--------------------------------------- */
#content {
  background-color: #FFFFFF;
  color: #333333;
  overflow: auto;
  margin: 0px auto 0px auto;
  padding: 43px 43px 43px 43px;
  width: 616px;
}

#content .sidebar {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 43px 0px 0px 0px;
  width: 144px;
}

#content .sidebar p {
  background-color: #FFFFFF;
  color: #444D3E;
  font: normal x-small Arial, Helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#content .sidebar .babeRuth {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
  width: 47px;
}

#content .sidebar .kidsports {
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
  width: 72px;
}

#content .sidebar .quoteBox {
  background-color: #E6E6D9;
  color: #444D3E;
  margin: 0px 0px 20px 0px;
  padding: 10px 10px 10px 10px;
  width: 122px;
}

#content .sidebar .quoteBox p {
  background-color: #E6E6D9;
  color: #444D3E;
  font: italic x-small Arial, Helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#content .main {
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 43px 0px 0px 0px;
  width: 454px;
}

#content .main p {
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
}

#content .main h2 {
  background: #FFFFFF url(images/separator.gif) top center no-repeat;
  color: #444D3E;
  font: bold small Arial, Helvetica, sans-serif;
  margin: 20px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
}

#content .main p.gallerySelect {
  float: right;
  font-size: x-small;
  margin: -13px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#content .main p.gallerySelect a {
  background-color: #FFFFFF;
  color: #8B8861;
  text-decoration: none;
}

#content .main p.gallerySelect a#current {
  font-weight: bold;
  text-decoration: underline;
}

#content .main h3 {
  background-color: #444D3E;
  clear: both;
  color: #FFFFFF;
  font: italic small Arial, Helvetica, sans-serif;
  margin: 2px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

#content .main .left {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 308px;
}

#content .main .right {
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 126px;
}

#content .main .left p,
#content .main .right p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#content .main .right img {
  border: 1px solid #E6E6D9;
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
}

#content .main .separator {
  background: #FFFFFF url(images/separatorBig.gif) top center no-repeat;
  clear: both;
  color: #444D3E;
  height: 43px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#content .main .bigImage {
  background-color: #E6E6D9;
  color: #444D3E;
  margin: 20px 0px 18px 0px;
  padding: 10px 10px 10px 10px;
  text-align: center;
}

#content .main .bigImage img {
  border: 2px solid #FFFFFF;
}

#content .main .caption {
  font-size: x-small;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  text-align: center;
}

#content .main .caption p {
  font-size: x-small;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

table.gallery {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

table.gallery a {
  background-color: #E6E6D9;
  color: #444D3F;
}

table.gallery tr td {
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
}

table.gallery td {
  background-color: #E6E6D9;
  border-bottom: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  color: #444D3F;
  height: 123px;
  width: 92px;
}

table.gallery td.blank {
  background-color: #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  color: #444D3F;
  height: 123px;
  width: 92px;
}

table.gallery td.last {
  background-color: #E6E6D9;
  border-bottom: 2px solid #FFFFFF;
  color: #444D3F;
  height: 123px;
  width: 92px;
}

table.gallery td.blankLast {
  background-color: #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  color: #444D3F;
  height: 123px;
  width: 92px;
}

td a img {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


#content .main .currentEvents {
  float: right;
  margin: 26px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
}

#content .main .certifiedPellaContractor {
  float: right;
  margin: 20px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
}

/* #footer
--------------------------------------- */
#footer {
  background: #535B4D url(images/footer.gif) top center no-repeat;
  color: #E6E6D9;
  margin: 0px auto 0px auto;
  padding: 10px 0px 40px 0px;
  width: 702px;
}

#footer p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 85%;
  text-align: center;
}

#footer a {
  background-color: #535B4D;
  color: #E6E6D9;
  text-decoration: none;
}

/* Contact Form */
form {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

table td {
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
}

table td.long, table td.long input {
  width: 420px;
}

table td.short {
  width: 220px;
}

table td.short input {
  width: 200px;
}

textarea {
  width: 420px;
}

p.backLink a {
  background-color: #FFFFFF;
  color: #8B8861;
  font-size: 10px;
}