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

* { margin: 0; padding: 0; }

body {
  font-family: Calibri, Arial;
  font-size: 13px;
  color: #333333;
}

a:link, a:visited { text-decoration: none; color: #DD401D; }
a:hover { text-decoration: underline; }

#footer a:link, #footer a:visited { color: #53331C; text-decoration: none; font-size: 13px; }
#footer a:hover { text-decoration: underline; }

h1 { padding-top: 23px; clear: both; }
h2 { float: right; padding-right: 38px; padding-top: 26px; }
h3 { padding-top: 16px; clear: both; font-size: 16px; font-weight: bold; }

.spacer {
  width: 301px;
  height: 1px;
  background-image: url(../images/spacer.jpg);
  clear: both;
  margin-top: 7px;
}

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

ul li {
  padding-left: 3px;
}

#top {
  width: 100%;
  height: 400px;
  background-image: url(../images/top-bg.jpg);
  background-repeat: no-repeat;
}

#top-container, #nav-container, #main-container, #footer-container {
  margin: 0 auto;
  width: 989px;
}

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

.contact-box {
  float: right;
  display: inline;
  width: 275px;
  margin-right: 23px;
}

#pic-bg {
  position: relative;
  top: 4px;
  left: 0;
  width: 449px;
  height: 315px;
  background-image: url(../images/top-pic-bg.png);
  float: left;
  display: inline;
  z-index: 3;
}

#pic-bg img { margin-top: 25px; margin-left: 27px; }

#pic-bg-right {
  float: left;
  display: inline;
  width: 219px;
  height: 282px;
  position: relative;
  left: -13px;
  z-index: 2;
}

#nav-bg {
  width: 100%;
  height: 58px;
  background-image: url(../images/nav-bg.jpg);
  background-repeat: repeat-x;
  position: relative;
  top: -49px;
  z-index: 1;
  clear: both;
  float: left;
}

#left-bg {
  width: 7px;
  float: left;
  background-image: url(../images/left-body-bg.jpg);
  background-repeat: repeat-y;
}

#right-bg {
  width: 7px;
  float: right;
  background-image: url(../images/right-bg.jpg);
  background-repeat: repeat-y;
}

#main {
  width: 100%;
  background-image: url(../images/main-bg.jpg);
  background-repeat: repeat;
  overflow: hidden;
  clear: both;
  position: absolute;
  top: 399px;
}

#left-bg-main {
  width: 7px;
  float: left;
  background-image: url(../images/main-left.jpg);
  background-repeat: repeat-y;
  position: absolute;
  left: 0;
  z-index: 4;
}

#right-bg-main {
  width: 7px;
  float: right;
  background-image: url(../images/main-right.jpg);
  background-repeat: repeat-y;
  position: absolute;
  right: 0;
  z-index: 4;
}

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

#left-main-bg {
  width: 100%;
  height: 671px;
  background-image: url(../images/left-main-picture-bg.png);
  background-repeat: no-repeat;
}

#left-main-bg p { padding-left: 28px; clear: both; }
#left-main-pic {
  padding-left: 28px;
  padding-top: 69px;
}

#left-main-pic img { border: 3px solid #EBD397; }
#left-main-pic p { padding-left: 2px; padding-top: 16px; line-height: 20px; padding-right: 30px; clear: both; }

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

#right-main p { line-height: 17px; padding-top: 14px; clear: both; }

#footer {
  margin-top: 7px;
  width: 100%;
  height: 74px;
  background-image: url(../images/footer.jpg);
  background-repeat: repeat-x;
  position: relative;
  z-index: 1;
  clear: both;
}

#footer p { padding-left: 28px; padding-top: 11px; clear: both; font-size: 11px; color: #53331C; }

.nav-box {
  width: 531px;
  margin-top: 19px;
  float: right;
  margin-right: 20px;
}


/******************* 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 -25px;
}

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

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

#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: 49px;
}

#nav li #home { background-image: url(../images/buttons/home.gif); width: 55px; }
#nav li #services { background-image: url(../images/buttons/services.gif); width: 83px; }
#nav li #portfolio { background-image: url(../images/buttons/gallery.gif); width: 75px; }
#nav li #contact { background-image: url(../images/buttons/contact.gif); width: 108px; }