/* CSS Document */

html, body {
  margin: 0; padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  line-height: 15px;
    	background-color: #D9D3BB;
		background-image: url(../images/page-bg.jpg);
			background-repeat: repeat-x;
			background-position: top center;
	margin-top: 0px;
}

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

h1 { font-weight: normal; margin-bottom: 0; margin-top: 10px; margin-left: 0px; }
h2 { font-weight: normal; margin-left: 10px; margin-top: 0; margin-bottom: 0; }

.pics { float: right; padding-left: 10px; margin-right: 50px; }

input, textarea, select {
  background-color: #B8AE83;
  border: 1px solid #494329;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

#top-container { margin: 0 auto; width: 900px; clear: both; }

#nav-bg {
  width: 625px;
  height: 27px;
  margin-left: 258px;
}

.logo-eh { width: 262px; height: 242px; float: left; display: inline; }

.background-fake {
  float: right;
  display: inline;
  width: 638px;
  height: 242px;
  background-image: url(../images/slideshow/new/background.jpg);
}

.background-fake img { padding-top: 15px; padding-left: 15px; }

#main { float: left; display: inline; }

.content {
  padding-left: 22px;
  padding-right: 10px;
  margin-top: 7px;
  float: left;
  display: inline;
  width: 203px;
  border-right: 1px solid #EFEDE4;
}

.content p { margin-top: 8px; margin-bottom: 10px; }

#top-box {
  float: left;
  display: inline;
  margin-top: -340px;
  margin-left: 614px;
  width: 286px;
}

.top-box {
  width: 100%;
  min-height: 12px;
  margin-top:-150px;
}

.mid-box-bg {
  width: 100%;
  height: 173px;
  
}

.mid-box-bg p { padding: 6px; }

.thumbs {
  float: left;
  display: inline;
  padding-left: 20px;
}

.thumbs img {
  margin-top: 10px;
}

.thumbs p {
  margin-top: 0;
  text-align: center;
}

#box-overlap { width: 283px; height: 211px; float: left; display: inline; background-image: url(../images/overlap-bg.png); margin-left: -122px; }

.right-content { float: left; display: inline; }

.bottom-box { width: 125px; height: 15px; float: right; display: inline; margin-top: -11px; }

.left-content { float: left; display: inline; width: 250px; padding-left: 18px; font-size:10px; line-height:14px; }

.right-bottom img { margin-top: 6px; }

#footer { margin: 40px auto; height:180px; clear: both; padding-top:15px; text-align: center; font-size:10px; color: #484329; background-image:url(../images/footer-background.jpg); }

.photo-box {
  width: 350px;
  padding: 6px;
  display: inline;
  float: left;
}

#large-pic {
  margin-top: 53px;
  display: inline;
}

#preview{
	position: absolute;
	background: #000000;
	padding: 5px;
	display: none;
	color: #fff;
}

#tooltip{
	position:absolute;
	float:left;
	z-index:1000;
	border:1px solid #e0e0e0;
	background:#fff;
	height:14px;
	line-height:14px;
	padding:0 8px;
	font-size:90%;
}
/* NAV Classes */

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

#nav li a:hover {
  list-style: none;
  background-position: 0 -27px;
  display:block;
	height: 27px;
}

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

#nav {
  margin: 0 0 0 0; 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: 0px;
}

#nav li #home {
  background-image: url(../images/buttons/home.png);
  width: 75px;
}

#nav li #gallery {
  background-image: url(../images/buttons/photo-gallery.png);
  width: 82px;
}

#nav li #creations {
  background-image: url(../images/buttons/creations.png);
  width: 161px;
}

#nav li #about-you {
  background-image: url(../images/buttons/about-you.png);
  width: 106px;
}

#nav li #about-us {
  background-image: url(../images/buttons/about-us.png);
  width: 94px;
}

#nav li #contact {
  background-image: url(../images/buttons/contact.png);
  width: 107px;
}