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

* { margin: 0; padding: 0; }

body {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 13px;
  color: #494949;
  background-color: #1B1B1B;
}

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

.footer-container a:link, .footer-container a:visited { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #B4B4B4; text-decoration: none; }
.footer-container a:hover { text-decoration: underline; }

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

ul li {
  padding-left: 0px;
}

.spacer {
  width: 100%;
  height: 1px;
  background-color: #3E3E3E;
  float: left;
  margin-top: 32px;
  margin-bottom: 10px;
}

.main-spacer {
  width: 100%;
  height: 31px;
  background-image: url(../images/main-spacer.jpg);
  background-repeat: no-repeat;
  float: left;
  margin-top: 30px;
}

#top-bg {
  width: 100%;
  height: 147px;
  background-image: url(../images/top-bg.jpg);
  background-repeat: repeat-x;
  background-position: top center;
}

#top-bg-container, #main-container {
  margin: 0 auto;
  width: 983px;
}

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

#top-right {
  float: right;
  display: inline;
  width: 670px;
}

#top-right img {  float: left; display: inline; margin-top: 15px; }

#main {
  width: 100%;
  background-image: url(../images/main-bg.jpg);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  overflow: hidden;
  clear: both;
  padding-bottom: 16px;
  background-position: top center;
}

#container {
  width: 100%;
  clear: both;
  height: 360px;
}

#container img { margin-top: 17px; clear: both; }

.header-bg {
  margin-top: 30px;
  width: 460px;
  height: 51px;
  background-image: url(../images/header-bg.jpg);
  clear: both;
}

.header-bg img { padding-left: 16px; padding-top: 20px; clear: both; }

.large-header {
  margin-top: 30px;
  width: 100%;
  height: 51px;
  background-image: url(../images/header-bg.jpg);
  background-repeat: repeat-x;
  overflow: hidden;
  float: left;
}

.large-header img { padding-left: 376px; padding-top: 20px; clear: both; }

.small-header {
  width: 300px;
  height: 51px;
  overflow: hidden;
  background-image: url(../images/header-bg.jpg);
}

.small-header img { padding-left: 16px; padding-top: 20px; clear: both; }

.topic-container {
  width: 300px;
  margin-left: 41px;
  margin-top: 9px;
  overflow: hidden;
  float: left;
  display: inline;
}

.topic-container p { padding-top: 10px; padding-left: 16px; clear: both; }

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

#left-main p, #right-main p { padding-left: 16px; padding-top: 15px; clear: both; padding-right: 30px; line-height: 20px; clear: both; }

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

#bottom-pic-container {
  width: 100%;
  margin-top: 17px;
  clear: both;
  float: left;
  overflow: hidden;
}

#bottom-pic-container img { float: left; display: inline; padding-left: 40px; border: 0; }
#bottom-pic-container p { padding-top: 13px; clear: both; line-height: 20px; }

#footer-spacer {
  width: 100%;
  height: 64px;
  background-image: url(../images/top-footer.jpg);
  background-repeat: repeat-x;
  float: left;
  margin-top: 0px;
  overflow: hidden;
}

.footer-container {
  margin: 0 auto;
  width: 983px;
}

#footer-spacer img { float: left; padding-top: 9px; }

.topic {
  float: left;
  display: inline;
  margin-left: 84px;
  margin-top: 13px;
}

.topic p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #EFEFEF; clear: both; padding-top: 0; }

#form-container {
  width: 100%;
}

#form-container input { margin-left: 16px; }
#form-container textarea { margin-left: 16px; }

input, textarea {
    background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	padding: 2px;
}


#nav-bg {
  width: 672px;
  float: left;
  height: 75px;
  margin-top: 38px;
}

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

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

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

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

#nav li #home { background-image: url(../images/buttons/home.png); width: 59px; }
#nav li #about { background-image: url(../images/buttons/about.png); width: 108px; }
#nav li #services { background-image: url(../images/buttons/services.png); width: 101px; }
#nav li #portfolio { background-image: url(../images/buttons/portfolio.png); width: 117px; }
#nav li #contact { background-image: url(../images/buttons/contact.png); width: 131px; }