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

* { margin: 0; padding: 0; }

html, body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  background-color: #000000;
  height: 100%;
}

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

h1 { margin-left: 19px; font-family: "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; float: left; margin-bottom: 5px; }
h2 { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #A7EDA3; font-weight: bold; margin-bottom: 5px; }

.left { float: left; padding-right: 7px; padding-left: 26px; }

#container {
  margin: 0 auto;
  width: 882px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background-color: #1D201C;
  overflow: hidden;
}

#top {
  width: 100%;
  height: 112px;
  background-color: #000000;
}

.logo-eh {
  width: 100%;
  text-align: center;
}

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

.contact-form-button {
  float: left;
  margin-left: 30px;
  display: inline;
  width: 207px;
}

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

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

.spacer {
  margin-left: 20px;
  margin-bottom: 10px;
  width: 578px;
  height: 2px;
  background-image: url(../images/spacer.jpg);
  clear: both;
}

.big {
  font-family: "Times New Roman", Times, serif;
  font-size: 20px;
  color: #CCCCCC;
  padding-left: 19px;
  padding-right: 102px;
  margin-top: 10px;
  line-height: 27px;
  margin-bottom: 10px;
}

.box {
  margin-left: 19px;
  margin-top: 26px;
  width: 332px;
  height: 161px;
}

.box p {
  font-size: 11px;
  margin-top: 12px;
  padding-left: 16px;
  padding-right: 116px;
  float: left;
  line-height: 16px;
}

.contact-home {
  width: 224px;
  height: 98px;
  background-color: #121311;
  float: left;
  display: inline;
  margin-left: 25px;
  margin-top: 25px;
  line-height: 16px;
}

.contact-home p {
  padding-left: 10px;
  margin-top: 10px;
}

#left-bottom {
  float: left;
  display: inline;
  width: 350px;
  margin: 0;
}

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

.featured {
  font-size: 11px;
  color: #CCCCCC;
  line-height: 16px;
  margin-top: 18px;
  padding-right: 4px;
}

#footer {
  width: 100%;
  float: left;
  margin-top: 16px;
  text-align: center;
  clear: both;
  line-height: 17px;
  overflow: hidden;
  background-color: #1D201C; 
}

.form-bg { float: left; display: inline; width: 234px; background-color: #121311; overflow: hidden; margin-left: 30px; margin-top: 10px; margin-bottom: 15px; }

.form-bg p { color: #A7EDA3; font-weight: bold; line-height: normal; }

.formtable { margin-left: 11px; margin-right: 11px; }

.formtable table td { padding-bottom: 10px; }

input, textarea, select {
	background-color: #FFFFFF;
	border: none;
	font-size: 13px;
}

/***************** BOX Button Classes *********************/

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

#box li a:hover, #box li a.current {
  list-style: none;
  background-position: 0 -32px;
  display: block;
    width: 304px;
    height: 32px;
}

#box li a {
  display: block;
    width: 304px;
    height: 32px;
}

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

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

#box li #box-pro { background-image: url(../images/buttons/box-profile.gif); }
#box li #box-work { background-image: url(../images/buttons/box-work.gif); }

/****************************** NAV Classes ***********************************************/

#nav-bg {
  width: 623px;
  height: 121px;
  margin-top: 0;
  float: left;
  display: inline;
}

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

#nav li a:hover, #nav li a.current {
  list-style: none;
  background-position: 0 -106px;
  display: block;
    width: 152px;
    height: 106px;
}

#nav li a {
  display: block;
    width: 152px;
    height: 106px;
}

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

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

#nav li #home { background-image: url(../images/buttons/home.jpg); }

#nav li #profile {  background-image: url(../images/buttons/profile.jpg); }

#nav li #portfolio { background-image: url(../images/buttons/portfolio.jpg); }

#nav li #contact { background-image: url(../images/buttons/contact.jpg); }