body {
  margin: 0px auto 20px auto;
  background-color: #9C887F;
}
h2 {
  font-size: 1.3em;
  margin-bottom: 1.25em;
  line-height: 1.3;
}
h3 {
  font-size: 1.2em;
  margin-bottom: 0.75em;
  font-weight: bold;
  color: #BA6B29;
}
h4 {
  font-size: 1.125em;
  font-weight: bold;
  margin-bottom: .5em;
  line-height: 2;
}
a, a:link, a:active, a:visited {
  color: #BA6B29;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
.container {
  width: 780px;
}
#shadow_background {
  background-image: url(shadow_background.jpg);
  background-repeat: repeat-y;
  background-position: center top;
  padding-bottom: 30px;
}
#paint_background {
  background-image: url(paint_background.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
#main_content_shadow {
  background-image: url(main_content_shadow.jpg);
  background-repeat: repeat-y;
  background-position: center top;
}
#opening_animation {
  background-image: url(home_feature.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  height: 270px;
}  
#main_content_top_shadow {
  background-image: url(main_content_top_shadow.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
#main_content {
  background-color: #fff;
  padding-top: 90px;
  padding-bottom: 40px;
}
#main_content ul {
  list-style-image: url(orangebullet.gif);
}
body#page-about-us #main_content {
  background-image: url(main_content_aboutus.jpg);
  background-position:center top;
  background-repeat: no-repeat;
}
body#page-services #main_content {
  background-image: url(main_content_services.jpg);
  background-position:center top;
  background-repeat: no-repeat;
}
body#page-portfolio #main_content {
  background-image: url(main_content_portfolio.jpg);
  background-position:center top;
  background-repeat: no-repeat;
}
body#page-testimonials #main_content {
  background-image: url(main_content_testimonials.jpg);
  background-position:center top;
  background-repeat: no-repeat;
}
body#page-contact-us #main_content {
  background-image: url(main_content_contactus.jpg);
  background-position:center top;
  background-repeat: no-repeat;
}
body#page-statement #main_content {
  background-image: url(main_content_statement.jpg);
  background-position:center top;
  background-repeat: no-repeat;
}
#main_content_bottom_shadow {
  height: 30px;
  background-image: url(main_content_bottom_shadow.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
#featured_background {
  background-image: url(featured_background.jpg);
  background-repeat: repeat-y;
  background-position: center top;
}
.featured .box {
  margin-bottom: 0;
  background: none;
  color: #fff;
}
.featured a, .featured a:link, .featured a:active, .featured a:visited {
  color: #F4EED8;
  text-decoration: underline;
}
.featured a:hover {
  text-decoration: none;
}
#footer {
  padding-top: 1.5em;
  background-image: url(footer_bkgd.jpg);
  background-repeat: repeat-y;
  background-position: center top;
  text-align: center;
  color: #9C887F;
  font-size: 0.95em;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #9C887F;
}
#footer a:hover {
  color: #F4EED8;
}
#bottom_shadow {
  padding-top: 1em;
  background-image: url(bottom_shadow.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center;
  color: #5B4A42;
  font-size: 0.9em;
}
#bottom_shadow a, #bottom_shadow a:link, #bottom_shadow a:active, #bottom_shadow a:visited {
  color: #5B4A42;
}

ul#nav {
  background-image: url(navbg.jpg);
  margin: 140px 0 0 0;
  height: 30px;
}
ul#nav li {
  float: left;
  list-style-type: none;
  display: inline;
}
ul#nav li a {
  height: 30px;
  display: block;
  text-indent: -9999px;
  outline: none;
}

li#nav-home a, li#nav-about-us a, li#nav-services a, li#nav-portfolio a, li#nav-testimonials a, li#nav-contact-us a {
  background-image: url(navbg.jpg);
}

li#nav-home a       { background-position:0 0; width:65px; left:0; }
li#nav-home a:hover    { background-position:0 -30px; }
body#page-home li#nav-home a   { background-position:0 -30px; }

li#nav-about-us a       { background-position:-65px 0; width:75px; left:65px; }
li#nav-about-us a:hover     { background-position:-65px -30px; }
body#page-about-us li#nav-about-us a   { background-position:-65px -30px; }

li#nav-services a       { background-position:-140px 0; width:70px; left:140px; }
li#nav-services a:hover    { background-position:-140px -30px; }
body#page-services li#nav-services a   { background-position:-140px -30px; }

li#nav-portfolio a       { background-position:-210px 0; width:80px; left:210px; }
li#nav-portfolio a:hover    { background-position:-210px -30px; }
body#page-portfolio li#nav-portfolio a   { background-position:-210px -30px; }

li#nav-testimonials a       { background-position:-290px 0; width:100px; left:290px; }
li#nav-testimonials a:hover    { background-position:-290px -30px; }
body#page-testimonials li#nav-testimonials a   { background-position:-290px -30px; }

li#nav-contact-us a       { background-position:-390px 0; width:100px; left: 390px;}
li#nav-contact-us a:hover    { background-position:-390px -30px; }
body#page-contact-us li#nav-contact-us a   { background-position:-390px -30px; }

/*  
Measurements for the nav image replacement:

  The distance from the top to the...
  
  initial state = 0
  rollover state = 30px
  selected state = 30px

  The distance from the far-left to the...
  
  HOME button = 0
  ABOUT US button = 65px
  SERVICES button = 140px
  PORTFOLIO button = 210px
  TESTIMONIALS button = 290px
  CONTACT US button = 390px


  The width of the...
  
  HOME button = 65px
  ABOUT US button = 75px
  SERVICES button = 70px
  PORTFOLIO button = 80px
  TESTIMONIALS button = 100px
  CONTACT US button = 100px

*/
.notice{
  background-color: #BA6B29;
  color: #FFFFFF;
  padding: 15px;
  border: 0;
}
.notice_bad{
  background-color: #F00;
  color: #FFFFFF;
  padding: 15px;
}

fieldset {
  background-color: #FFF;
  padding: 0;
  border: 0;
  margin: 0;
}

textarea {
  width: 270px;  
}