@charset "utf-8";
/* CSS Document */


* { margin: 0; padding: 0; }

body {
  font-family: "Times New Roman", Times, serif, Helvetica, sans-serif;
  font-size: 14px;
  color: #292113;
  background-color: #ffffff;
  line-height:18px;
}

h1 { padding-bottom:10px;  clear: both; font-family: Arno Pro, "Times New Roman", Times, serif; font-size: 22px; color: #77B03A; font-weight: normal; }

a:link, a:visited { text-decoration: none; color: #78B13B; }
a:hover { color: #93C9E6; }

#top-container {
  margin: 0 auto;
  width: 100%;
  min-height:450px;
  background-image:url(../img/top-bg.jpg);
}


#nav-container {
  margin: 0 auto;
  width: 100%;
  height:39px;
  background-image:url(../img/nav-bg.png);
  
}

#nav-container2 {
  margin: 0 auto;
  width: 990px;
  height:39px;
  
}

#mainpiccontainer {
  margin: 0 auto;
  width: 995px;
  height:408px;
  
}

#content-container2 {
  margin: 0 auto;
  width:995px;
  background-image:url(../img/innercontentbg.jpg);
  background-repeat:no-repeat;
  overflow:hidden;
  
}

#content-container2bottom {
  margin: 0 auto;
  width:995px;
  height:10px;
  background-image:url(../img/innercontentbgbottom.jpg);
  background-repeat:no-repeat;
  overflow:hidden;
  
}

#content-container {
  margin: 0 auto;
  background-color:#FFFFFF;
  padding-top:10px;
  padding-left:28px;
  
}

#leftcontent {
  width: 400px;
  margin-top:22px;
  float:left;
  display:inline;
  margin-left:15px;
}

#middlecontent {
  width: 290px;
  height:210px;
  margin-top:22px;
  margin-left:30px;
  float:left;
  display:inline;
}

#rightcontent {
  width: 220px;
  margin-top:22px;
  float:left;
  display:inline;
  margin-left:0px;
}

#footer-container {
  margin: 0 auto;
  width: 100%;
  padding-top:10px;
  background-color:#FFFFFF;
  
}

#footer-container2 {
  margin: 0 auto;
  width: 100%;
  padding-top:0px;
  background-color:#CCCCCC;
  
}

#footer-content{
  margin: 0 auto;
  width: 980px;
  padding-top:10px;
  background-color:#CCCCCC;
  
}

#copy {
  clear: both;
  margin-top: 0px;
  margin-left: 10px;
  font-size: 10px;
}

#copy p { font-size: 10px; color: #53352D; clear: both; font-family:Arial, Helvetica, sans-serif; }

.f-links { margin-left: 10px; margin-top: 15px; float: left; display: inline; font-family:Arial, Helvetica, sans-serif;  }

#footer-container p { font-size: 10px; color: #53352D; padding-top: 3px; font-family:Arial, Helvetica, sans-serif; }


/******************* NAV CLASSES *******************/

#nav a:link, #nav a:visited {
  text-decoration: none;
  list-style: none;
  background-position: 0 0;
}

#nav a:hover {
  text-decoration: none;
  list-style: none;
  background-position: 0 -19px;
}

#nav li a {
  display: block;
    width: 128px;
    height: 19px;
}

#nav {
  margin: 0 0 0 0; padding: 0;
  list-style: none;
  text-indent: -5000px;
}

#nav li {
  margin: 0 0 0 0;
  _margin: 0 0 0 0;
  background: none;
  margin-left: 0;
  text-align: center;
  float: right;
  list-style: none;
  margin-top:4px;
}


#nav li #contact { background-image: url(../img/buttons/contact.jpg); width:98px; }
#nav li #colors { background-image: url(../img/buttons/colors.jpg); width:86px; }
#nav li #quote { background-image: url(../img/buttons/quote.jpg); width:81px; }
#nav li #portfolio { background-image: url(../img/buttons/portfolio.jpg); width:105px; }
#nav li #services { background-image: url(../img/buttons/services.jpg); width:93px; }
#nav li #home { background-image: url(../img/buttons/home.jpg); padding-left: 0; width:65px; }