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

* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-image: url(../images/top-bg.jpg);
	background-repeat: repeat-x;
}

h1 { margin-top: 20px; margin-bottom: 14px; clear: both; }
h2 { font-weight: normal; font-size: 20px; clear: both; margin-bottom: 4px; }

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

ul, ol {
  margin-left: 15px;
  line-height: 21px;
  color: #666666;
  margin-top: 16px;
}

ol { margin-left: 21px; }

ul li, ol li {
  padding-left: 3px;
  margin-top: 4px;
}

.container {
	width: 990px;
	margin: 0 auto;
}

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

.nav-bg {
	float: right;
	width: 701px;
	display: inline;
}

.top-main {
	background-image: url(../images/top-main.png);
	height: 401px;
	position: relative;
}

.slide-show {
	position: absolute;
	top: 88px;
	right: 18px;
	width: 504px;
}

.quote {
	position: absolute;
	top: 213px;
	left: 0;
}

.view-work {
	position: absolute;
	top: 317px;
	left: 0;
}

#main {
	clear: both;
	background-image: url(../images/main-bg.jpg);
	overflow: hidden;
	margin-top: 1px;
	padding-bottom: 18px;
}

.left-main {
	float: left;
	display: inline;
	width: 561px;
	overflow: hidden;
}

.left-main p, .contact-box p { padding-top: 16px; line-height: 20px; clear: both; }

.contact-box p { font-size: 13px; }

.right-main {
	float: right;
	display: inline;
	width: 300px;
	margin-right: 21px;
	margin-top: 34px;
}

.contact-box {
	padding: 18px;
	padding-bottom: 20px;
	background-image: url(../images/contact-box-bg.png);
}

.box1 {
	float: left;
	display: inline;
	width: 312px;
	height: 262px;
	background-image: url(../images/box1.png);
}

.box1 img { margin: 45px 0 0 31px; }

.box2 {
	float: left;
	display: inline;
	width: 308px;
	height: 259px;
	background-image: url(../images/box2.png);
	margin-left: 10px;
}

.box2 img { margin: 45px 0 0 31px; }

.box3 {
	float: left;
	display: inline;
	width: 317px;
	height: 265px;
	background-image: url(../images/box3.png);
	margin-left: 10px;
}

.box3 img { margin: 45px 0 0 31px; }

#footer {
	clear: both;
	background: url(../images/footer-top.jpg) repeat-x;
	background-color: #AFBC54;
	overflow: hidden;
	padding: 22px 0 0 0;
}

#footer a:link, #footer a:visited { font-size: 13px; color: #945027; font-weight: bold; text-decoration: none; float: left; display: inline; margin-left: 44px; margin-top: 24px; }
#footer a:hover { text-decoration: underline; }

#footer a:first-child { margin-left: 0; }

.post-it { float: right; }

.inner-top { position: absolute; top: 113px; }

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

hr { border: none; border-top: 1px solid #AD9889; margin-top: 17px; }

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

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

#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;
  margin-right: 0px;
  padding-left: 19px;
}

#nav li:first-child { padding-left: 0; }

#nav li #home { background-image: url(../images/buttons/home.png); width: 85px; }
#nav li #services { background-image: url(../images/buttons/services.png); width: 98px; }
#nav li #work { background-image: url(../images/buttons/our-work.png); width: 98px; }
#nav li #profile { background-image: url(../images/buttons/profile.png); width: 85px; }
#nav li #testimonials { background-image: url(../images/buttons/testimonials.png); width: 122px; }
#nav li #contact { background-image: url(../images/buttons/contact.png); width: 117px; }

/* #slideshow1 { position:relative; }
#slideshow1 img { position:absolute; top:0; } */