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

* { margin: 0; padding: 0; }

body {
  font-family: "Times New Roman", Times, serif;
  font-size: 13px;
  color: #1E1D17;
  background-color: #2E271D;
}

#bottom-main-inner a:link, #bottom-main-inner a:visited { text-decoration: underline; color: #6A2304; }
#bottom-main-inner a:hover { color: #CD4307; }

#view a:link, #view a:visited { float: right; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #6A2304; text-decoration: none; font-weight: bold; }
#view a:hover { text-decoration: underline; }

#bottom-main-matt a:link, #bottom-main-matt a:visited { text-decoration: underline; color: #6A2304; }
#bottom-main-matt a:hover { color: #CD4307; }

#footer a:link, #footer a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #9A8361; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

h1 { font-size: 19px; color: #6A2304; padding-left: 20px; padding-top: 10px; float: left; display: inline; font-weight: normal; }

ul {
  list-style: outside;
  margin-left: 35px;
  margin-top: 10px;
  line-height: 18px;
}

ul li {
  padding-left: 3px;
}

.serv-box {
  width: 160px;
  float: left;
  display: inline;
}

#view {
  float: right;
  display: inline;
  width: 80px;
  text-align: right;
  margin-top: 8px;
}

.spacer {
  margin-top: 5px;
  margin-left: 20px;
  width: 299px;
  float: left;
  height: 1px;
  background-color: #888673;
}

#top {
  position: absolute;
  width: 100%;
  height: 147px;
  top: 0;
}

#top-container {
  width: 996px;
  margin: 0 auto;
}

#main-bg {
  width: 100%;
  margin-top: 460px;
  background-image: url(../images/main-bg.png);
  background-repeat: repeat-x;
  overflow: hidden;
}

#main-container {
  margin: 0 auto;
  width: 996px;
}

.logo-eh {
  float: left;
  display: inline;
  width: 322px;
}

#main-left {
  float: left;
  display: inline;
  width: 449px;
  margin-top: 100px;
  height: 249px;
  background-image: url(../images/main-left-bg.jpg);
  position: relative;
  z-index: 4;
}

#main-left p { padding-left: 15px; padding-top: 14px; padding-right: 15px; clear: both; font-size: 16px; color: #DED687; line-height: 22px; font-family: Georgia, "Times New Roman", Times, serif; }

#main-right {
  float: right;
  display: inline;
  width: 513px;
  background-image: url(../images/showroom-bg.png);
  height: 361px;
  position: relative;
  z-index: 5;
}

#slideshow1 img { margin-top: 49px; margin-left: 64px; }

#map-button {
  float: right;
  margin-right: 6px;
  margin-top: 6px;
  position: relative;
  z-index: 6;
}

#bottom-main {
  width: 100%;
  margin-top: 25px;
  clear: both;
}

.bottom-top {
  width: 100%;
  height: 8px;
  background-image: url(../images/bottom-top.jpg);
  clear: both;
}

#bottom-main-matt {
  width: 100%;
  clear: both;
  background-image: url(../images/matt-bg.jpg);
  overflow: hidden;
  padding-bottom: 10px;
  min-height: 250px;
}

.content-box {
  width: 321px;
  float: left;
  display: inline;
}

.content-box p { padding-left: 20px; padding-top: 10px; line-height: 19px; clear: both; }
.content-box img { margin-left: 20px; margin-top: 14px; border: 1px solid #888673; clear: both; }

.bottom-bottom {
  width: 100%;
  height: 8px;
  background-image: url(../images/bottom-bottom.jpg);
  clear: both;
}

#footer {
  margin-top: 10px;
  width: 100%;
  float: left;
}

#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #9A8361; line-height: 16px; }

.footer-left {
  width: 50%;
  float: left;
  display: inline;
}

.footer-right {
  width: 50%;
  float: right;
  display: inline;
  text-align: right;
}

#page-header {
  padding-left: 10px;
  width: 300px;
  clear: both;
}

.bottom-top-inner {
  width: 100%;
  float: left;
  height: 8px;
  background-image: url(../images/inner-bottom-top.png); 
}

#bottom-main-left {
  width: 712px;
  float: left;
  display: inline;
}

#bottom-main-inner {
  width: 100%;
  clear: both;
  background-image: url(../images/inner-main.jpg);
  background-repeat: repeat-y;
  overflow: hidden;
  padding-bottom: 10px;
}

#bottom-main-left p { font-size: 16px; color: #1E1D17; padding-left: 20px; padding-top: 16px; padding-right: 20px; line-height: 22px; clear: both; }

#bottom-main-right {
  float: right;
  display: inline;
  width: 284px;
}

.bottom-bottom-inner {
  width: 100%;
  height: 8px;
  float: left;
  background-image: url(../images/bottom-bottom-inner.jpg);
}

#nav-bg {
  float: right;
  display: inline;
  width: 657px;
  margin-top: 110px;
}


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

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

#nav a:hover, #nav li .current {
  text-decoration: none;
  list-style: none;
  background-position: 0 -14px;
}

#nav li a {
  display: block;
    height: 14px;
}

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

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

#nav li #home { background-image: url(../images/buttons/home.gif); width: 59px; }
#nav li #about { background-image: url(../images/buttons/about.gif); width: 96px; }
#nav li #portfolio { background-image: url(../images/buttons/our-stuff.gif); width: 103px; }
#nav li #specs { background-image: url(../images/buttons/specs.gif); width: 55px; }
#nav li #contact { background-image: url(../images/buttons/contact.gif); width: 122px; }