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

* { margin: 0; padding: 0; }

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #FFFFFF;
  background-image: url(../images/page-bg.jpg);
  background-repeat: repeat-x;
  background-color: #282A33;
}

#left-main a:link img { margin-top: 20px; margin-left: 12px; float: left; display: inline; border: 1px solid #616576; }
#left-main a:visited  img { margin-top: 20px; margin-left: 12px; float: left; display: inline; border: 1px solid #616576; }
#left-main a:hover img { margin-top: 20px; margin-left: 12px; float: left; display: inline; border: 1px solid #828697; }

a:link, a:visited { text-decoration: none; color: #009999; }
a:hover { color: #FF0000; }

h1 { padding-left: 12px; padding-top: 22px; clear: both; font-family: "Times New Roman", Times, serif; font-size: 22px; color: #FFFFFF; font-style: italic; font-weight: normal; }
h2 { padding-left: 15px; padding-top: 10px; clear: both; font-size: 18px; font-weight: normal; }

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

ul li {
  padding-left: 3px;
}

.services-box {
  width: 200px;
  margin-top: 15px;
  float: left;
  margin-right: 8px;
  overflow: hidden;
}

#container {
  margin: 0 auto;
  width: 991px;
}

#top {
  width: 100%;
  clear: both;
}

.logo-eh {
  float: left;
  display: inline;
  width: 304px;
  margin-left:10px;
}

#top-pic {
  float: left;
  display: inline;
  width: 744px;
  height: 335px;
  background-image: url(../images/top-pic-bg.png);
  background-repeat: no-repeat;
}

#top-pic img { padding-top: 23px; padding-left: 23px; }

#top-content {
  float: right;
  display: inline;
  width: 247px;
  height: 335px;
  background-image: url(../images/content-box.png);
  background-repeat: no-repeat;
}

.top-content-color {
  margin-top: 23px;
  margin-left: 19px;
  background-image: url(../images/top-bg-color.png);
  background-repeat: no-repeat;
  width: 203px;
  height: 285px;
}

.top-content-color p { padding-top: 50px; padding-left: 13px; padding-right: 3px; clear: both; line-height: 20px; color: #282A33; }

#main {
  width: 100%;
  clear: both;
  padding-bottom: 15px;
}

#main-long {
  width: 100%;
  clear: both;
  background-color: #282A33;
  overflow: hidden;
  margin-top: 40px;
}

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

#left-main p { padding-top: 20px; padding-left: 12px; clear: both; line-height: 20px; }

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

.info-box {
  margin-left: 7px;
  margin-top: 12px;
  width: 229px;
  background-color: #13141A;
  overflow: hidden;
  clear: both;
  padding-bottom: 15px;
}

.info-box p { padding-left: 15px; padding-top: 19px; clear: both; line-height: 20px; }

.footer-spacer {
  width: 100%;
  height: 30px;
  background-image: url(../images/footer-spacer.png);
  background-repeat: no-repeat;
  clear: both;
}

#footer {
  width: 100%;
  clear: both;
  overflow: hidden;
  padding-bottom: 10px;
  background-color: #212229;
}

#footer-container {
  margin: 0 auto;
  width: 991px;
}

#footer-container p { font-size: 11px; color: #CCCCCC; padding-top: 3px; }

.f-links { margin-left: 17px; margin-top: 10px; float: left; display: inline; }

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

#copy p { font-size: 10px; color: #EEEDDD; clear: both; }
 
#nav-bg {
  float: right;
  display: inline;
  margin-right: 11px;
  width: 608px;
  height: 59px;
  background-image: url(../images/nav-bg.png);
}

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

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

#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-right: 0;
  text-align: center;
  float: left;
  list-style: none;
  padding-left: 0;
}

#nav li #home { background-image: url(../images/buttons/home.png); width: 99px; }
#nav li #services { background-image: url(../images/buttons/services.png); width: 113px; }
#nav li #portfolio { background-image: url(../images/buttons/portfolio.png); width: 115px; }
#nav li #product-info { background-image: url(../images/buttons/product-info.png); width: 147px; }
#nav li #contact { background-image: url(../images/buttons/contact.png); width: 134px; }


/******************* LITTLE-GUYS CLASSES *******************/

#little-guys a:link, #little-guys a:visited {
  text-decoration: none;
  list-style: none;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  width: 165px;
    height: 46px;
  background-image: url(../images/buttons/read-more.png);
  padding-left: 12px;
  padding-top: 12px;
}

#little-guys a:hover { color: #2995D6; }

#little-guys li a {
  display: block;
    width: 165px;
    height: 46px;
	clear: both;
	padding-left: 12px;
    padding-top: 12px;
}

#little-guys {
  margin: 0 0 0 12px;
  list-style: none;
  clear: both;
}

#little-guys li {
  margin: 20px 0 0 0;
  background: none;
  margin-right: 0;
  text-align: left;
  float: left;
  clear: both;
  list-style: none;
  padding-left: 0px;
}

/*slide show*/