@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #B19B76;
}

a img {
	border:0;
}

a:link, a:visited { color: #604E35; text-decoration: underline; }
a:hover { color: #2D241A; }

.listing-photo-bg a:link, .listing-photo-bg a:visited { font-size: 12px; color: #7C6545; }
.listing-photo-bg a:hover { color: #2D241A; }

#footer a:link, #footer a:visited { color: #604E35; text-decoration: underline; font-size: 12px; }
#footer a:hover { color: #2D241A; }

h1 { font-size: 23px; color: #4D3E2A; padding-left: 44px; padding-top: 1px; padding-bottom:18px; height:300px clear: both; font-weight: normal; 
     display:inline;}
h2 { font-size: 23px; color: #4D3E2A; padding-left: 11px; padding-top: 1px; clear: both; font-weight: normal; }
h3 { font-size: 11px; color: #7E6645; padding-left: 11px; padding-top: 0px; clear: both; font-weight: normal; line-height: 9px; }
h4 { font-size: 13px; padding-left: 45px; clear: both; padding-top: 0; line-height: 10px; font-weight: normal; }

.find { font-size: 23px; color: #4D3E2A; padding-left: 44px; padding-top: 1px; padding-bottom:18px; height:300px clear: both; font-weight: normal; 
     display:inline;}


ul {
  list-style: outside;
  margin-left: 40px;
  margin-top: 10px;
  line-height: 18px;
  padding-right: 24px;
  line-height: 22px;
}

ul li {
  padding-left: 3px;
}

#large-container {
  width: 100%;
  overflow: hidden;
  background-color: #372D1E;
}

#container, #footer-container {
  margin: 0 auto;
  width: 960px;
}

.logo-eh {
  width: 360px;
  height: 80px;
  margin: 0 auto;
  margin-top: 10px;
}

.main-top {
  width: 100%;
  height: 11px;
  margin-top: 10px;
  background-image: url(../img/panel-top-brown.gif);
  clear: both;
}

#main {
  width: 958px;
  background-image: url(../img/main-bg.jpg);
  background-repeat: no-repeat;
  background-color: #D2C5B0;
  border-left: 1px solid #D2C5B0;
  border-right: 1px solid #D2C5B0;
  overflow: hidden;
  padding-bottom: 10px;
}

#left-main {
  float: left;
  display: inline;
  width: 609px;
}

#right-main {
  float: right;
  display: inline;
  width: 335px;
}

#little-nav-bg {
  width: 565px;
  clear: both;
  margin-top: 18px;
  margin-left: 44px;
}

#little-nav-bg p {
  clear: both;
  font-size: 12px; font-weight: bold; color: #352B1E; padding-top: 3px;
}

.little-text {
  width: 69px;
  float: left;
  display: inline;
}

.little-nav-right {
  float: right;
  display: inline;
  width: 500px;
}

.panel-top {
  width: 583px;
  height: 11px;
  clear: both;
  background-image: url(../img/panel-top.gif);
  margin-left: -15px;
}

#main-panel {
  width: 581px;
  background-color: #F1EDE7;
  border-left: 1px solid #D2C5B0;
  border-right: 1px solid #D2C5B0;
  margin-left: -15px;
}

#main-panel img { padding-left: 22px; padding-top: 5px; border: none; }

#main-panel p { font-weight: normal; padding-top: 10px; padding-left: 24px; padding-right: 24px; line-height: 21px; }

.panel-bottom {
  width: 583px;
  height: 10px;
  background-image: url(../img/panel-bottom.gif);
  margin-left: -15px;
}

#fragment-1 img, #fragment-2 img, #fragment-3 img, #fragment-4 img {
  padding-left: 15px;
  padding-top: 15px;
  float: left;
  display: inline;
}

#photo-container {
  width: 320px;
  margin-left: 2px;
}

.photo-panel-top {
  width: 320px;
  height: 11px;
  background-image: url(../img/photo-panel-top.gif);
  clear: both;
  margin-top: 29px;
}

#photo-main {
  width: 318px;
  background-color: #F1EDE7;
  border-left: 1px solid #D2C5B0;
  border-right: 1px solid #D2C5B0;
  overflow: hidden;
}

#photo-main img { padding-top: 9px; padding-left: 9px; float: left; display: inline; border: 0; }

#gallery, #gallery2 {
  width: 100%;
}

#gallery3 {
  width: 100%;
}

.photo-header-bg {
  width: 300px;
  height: 30px;
  background-image: url(../img/photo-header-bg.jpg);
  clear: both;
  margin-left: 9px;
  margin-top: 5px;
  float: left;
}

.photo-header-bg p { font-size: 17px; color: #604E35; padding-left: 10px; padding-top: 6px; clear: both; }

.photo-panel-bottom {
  width: 320px;
  height: 14px;
  background-image: url(../img/photo-panel-bottom.gif);
  clear: both;
  background-repeat: no-repeat;
}

#newletter-container {
  clear: both;
  width: 581px;
  overflow: hidden;
  margin-left: 30px;
  margin-top: 10px;
}

#newsletter-box {
  width: 581px;
  clear: both;
  background-image: url(../img/newsletter-box.gif);
  height: 128px;
}

#newsletter-bottom {
  clear: both;
  width: 581px;
}

.form-container {
  width: 581px;
  margin-top: 86px;
  float: left;
}
  
.form-container img { float: right; display: inline; margin-right: 100px; }

.left-form {
  width: 354px;
  margin-left: 20px;
  margin-top: 7px;
  float: left;
  display: inline;
}

.newsletter-box input {
  background-color: #FFFFFF;
  border: none;
}

#footer {
  width: 100%;
  background-color: #B19B76;
  border-top: 1px solid #E4EFEE;
  clear: both;
  overflow: hidden;
  padding-bottom: 10px;
}

#footer p { padding-left: 30px; padding-top: 10px; clear: both; color: #604E35; font-size: 11px; }

/***** Listing Page *****/

#left-main-listing {
  width: 908px;
  margin-top: 16px;
  margin-left: 26px;
}

.panel-top-listing {
  width: 100%;
  background-image: url(../img/listing-main/top-panel.gif);
  height: 10px;
}

.panel-bottom-listing {
  width: 100%;
  background-image: url(../img/listing-main/bottom-panel.gif);
  height: 10px;
}

.listing-bg {
  width: 100%;
  background-image: url(../img/listing-main/listing-bg.gif);
  background-repeat: repeat-y;
  overflow: hidden;
}

.listing {
  width: 541px;
  margin-left: 16px;
  margin-top: 5px;
  float: left;
  display: inline;
}

#right-listing {
  width: 310px;
  float: right;
  display: inline;
  margin-right: 16px;
}

.listing-photo-top {
  width: 100%;
  height: 10px;
  background-image: url(../img/listing-main/photo-top.gif);
  margin-top: 5px;
}

.listing-photo-bg {
  width: 100%;
  clear: both;
  overflow: hidden;
  background-image: url(../img/listing-main/photo-bg.gif);
  background-repeat: repeat-y;
  padding-bottom: 5px;
}

#contractor-text {
  width: 100%;
  margin-top: 5px;
}

#contractor-text p { padding-top: 10px; padding-left: 9px; font-size: 12px; clear: both; }

.listing-photo-bg p { font-size: 11px; padding-left: 9px; padding-top: 2px; clear: both; color: #372D1E; }
.listing-photo-bg img { float: left; display: inline; padding-left: 10px; padding-top: 14px; }

.listing-photo-header { overflow: hidden; float: left; height: 20px; }
.listing-photo-header p { font-size: 16px; color: #000000; padding-left: 9px; height: 8px; font-weight: bold; clear: both; float: left; }

.photo-bottom-listing {
  width: 100%;
  height: 10px;
  background-image: url(../img/listing-main/photo-bottom.gif);
  clear: both;
}

#nav-bg {
  width: 100%;
  height: 75px;
  clear: both;
}


/******************* NAV CLASSES *******************/

#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 -75px;
  display: block;
    height: 75px;
}

#nav li a {
  display: block;
    height: 75px;
}

#nav {
  margin: 0 0 0 0px; padding: 0;
  list-style: none;
  text-indent: -5000px;
  width: 960px;
}

#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 { width: 162px; background-image: url(../img/buttons/home.jpg); }
#nav li #showroom { width: 197px; background-image: url(../img/buttons/showroom.jpg); }
#nav li #learning { width: 251px; background-image: url(../img/buttons/learning-center.jpg); }
#nav li #about { width: 164px; background-image: url(../img/buttons/about-us.jpg); }
#nav li #contact { width: 186px; background-image: url(../img/buttons/contact.jpg); }



.ui-tabs-panel {
	padding:0 10px;
}

.billboard {
	width:168px;
	height:210px;
	float:left;
	margin:5px;
	padding:6px 3px;
	background-color: #FFFFFF;
	border: 1px solid #7FA5AE;
	position:relative;
}
.billboard * {
	color:Black;
	font-size:11px;
	font-weight:normal;
}
.curvebg {
	background: #FFF url(/img/billboard-bg.jpg) no-repeat;
	height:10px;
	width:10px;
	position:absolute;
}
.curvebg.topleft {
	top:-1px;
	left:-1px;
}

.curvebg.topright {
	background-position: top right;
	right:-1px;
	top:-1px;
}

.curvebg.bottomleft {
	background-position: bottom left;
	left:-1px;
	bottom:-1px;
}
.curvebg.bottomright {
	background-position: bottom right;
	right:-1px;
	bottom:-1px;
}


.billboard .logo {
	height: 50px;
}
.billboard .logo td {
	text-align:center;
}
.billboard .companyname {
	margin-top:8px;
	font-weight:bold;
}
.billboard .cityst {
	margin-top:8px;
}
.billboard .desc {
	margin-top:8px;
	font-size:11px;
	font-weight:normal;
}

.billboard .content {
	height:124px;
	overflow:hidden;

}
.billboard .button {
	margin-top:2px;
	text-align:center;
}

.listing {
	padding: 10px 10px 20px 10px;
	position:relative;
	border: 1px solid #7FA5AE;
	
}

.listing h1 {
	margin:10px 0 0;
	padding:0;
	color:Black;
	font-weight:bold;
	font-size:20px;
	display:block;
}

.listing .cityst {
	font-size:11px;
}

.listing .contactperson {
	margin-top:10px;
}

.listing .address {
}

.listing .companyinfolabel {
	font-size:16px;
	margin: 6px 0 6px;
}
