img {
  border: 0;
}
a {
  color: #333;
}
body {
  margin: 0;
  padding: 0;
  font: small Verdana, sans-serif;
  text-align: center;
  line-height: 1.5em;
  color: #333;
  background: #FFFFFF url(../images/background-pattern.gif) repeat 0 0;
}

#wrapper {
  clear: both;
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 776px;
  border: 1px solid #696969;
  border-top: none;
  background-color: #ffffff;
}

#header-wrapper {
  background: #45673C url(../images/bg-header.jpg) repeat;
}


/**------------------- COMMON ELEMENTS -----------------------**/

h1 {
  font: bold 150% "Lucinda Grande", Arial, sans-serif;
  color: #006600;
  margin-top: 0;
}
h2 {
  font: bold 120% "Lucinda Grande", Arial, sans-serif;
  color: #006600;
}
h3 {
  font: bold 110% "Lucinda Grande", Arial, sans-serif;
  color: #006600;
  text-decoration: none;
}
h3 a {
  color: #006600;
  text-decoration: none;
}
h3 a:hover {
  text-decoration: underline;
}
h4 {
  font: bold 100% "Lucinda Grande", Arial, sans-serif;
  color: #006600;
}

.small {
  font-size: 80%;
}

.img_float_right {
  float: right;
 /*	  padding: 10px 0 10px 10px; */
  margin: 0 0 8px 8px;
  padding: 2px;
  border: 1px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #fff;
  /* width: 200px; */
  font: 90% "Lucinda Grande", Arial, sans-serif;
}
.img_float_left {
  float: left;
  margin: 0 8px 8px 0;
  padding: 2px;
  border: 1px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #fff;
}
.img_float_left_nb {
  float: left;
  margin: 0 8px 8px 0;
  padding: 2px;
}
.img_float_right_nb {
  float: right;
  margin: 0 0 8px 8px;
  padding: 2px;
}
.clear {
  clear: both;
}
.red {
  color: #FF0000;
}
.small_text {
  font-size: 90%;
}
.emphasize {
  font-weight: bold;
  color: #000066;
  font-size: 110%;
}

dl {
  float: left;
  width: 530px;
  margin: 10px 0;
  padding: 0;
  display: inline; /* fixes IE/Win double margin bug */
}
dt {
  float: left;
  width: 312px; /* total width (500) - image width(200) - left margin(8) - right margin(0) - image margin(0) - image paddings(8) - image borders(2) */
  margin: 0;
  padding: 0;
  font-size: 110%;
  font-weight: bold;
  letter-spacing: 1px;
}
dl#clientList dt {
  clear: both;
  margin-top: 20px;
}
#clientList dd.img img {
  /* margin-top: 20px; */
}
#clientList dd.img {
  clear: both;
}
dd {
  margin: 0;
  padding: 0;
  font-size: 90%;
  line-height: 1.5em;

}
dd.content {
  width: 326px;
}
dd.img img {
  float: right;
  margin: 0 0 0 0;
  padding: 4px;
  border: 1px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #fff;
}

/**------------------ HEADER  -------------------- **/

#header {
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 776px;
}

#header-line {
  background: url(../images/header-red-line.jpg) repeat-x 0 0;
  width: 100%;
  margin: 0;
  padding: 4px 0 0 0;
  clear: both;
}

/**------------------- NAVIGATION -------------------------**/

#nav-wrapper {
  display: block;
  background:  url(../images/nav-bottom.jpg) repeat-x bottom left;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
}
#nav {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background: url(../images/nav-top.jpg) repeat-x 0 0;
}

#nav li {
  display: inline;
  background: url(../images/nav-bar.jpg) repeat-y top right;
  padding: 0 17px 0 13px;
  margin: 0;
}
#nav-first {
 /* background: url(../images/nav-bar.jpg) repeat-y top left;  */
  display: inline;

}
#nav #last {
   background: none;
}
#nav a {
  text-decoration: none;
  color: #f3f3f3;
  font: bold 110% Arial, Verdana, Helvetica, sans-serif;
  margin: 1px 0 4px 0;
}
#nav #home {
  background: url(../images/home.gif) no-repeat 8px 50%;
  padding-left: 35px;
  margin-left: 0px;
}
#nav a:hover {
  color: #6B7A47;
}

/**------------------- CONTENT -------------------------------**/

#content {
  width: 100%;
  padding: 20px 0;
  background-color: #FFFFFF;
}
#content-ws {
  float: right;
  margin: 0;
  width: 545px;
  padding: 18px 0;
}
#content2 {
  padding: 0 10px 0 5px;
}

/**------------------- LEFT SIDEBAR -------------------------**/

#sidebar_left {
  float: left;
  width: 218px;
  margin: 18px 0;
/*  padding-bottom: 6px; *//* This is so that the background dropshadow will show */
 /* background: url(../images/bottom-dropshadow.jpg) no-repeat bottom right; */

}
#sidebar_content {
  margin: 0 3px 0 5px;
  padding-bottom: 6px;
   background: url(../images/bottom-dropshadow.jpg) no-repeat bottom left;
/*   border: 1px solid red; */
}

#sidebar-wrap1 {
 background: url(../images/right-dropshadow.jpg) repeat-y 210px 0px;
}

#sidebar_left ul {
  list-style: none;
  margin: 0 4px 0 4px;
  padding: 0;
  background: #A6B588;

}
#sidebar_left li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #E3E3E3;
}

#sidebar_left .last {
  border: none;



}

#sidebar_left #selected a {
  background-color: #728358;
}

#sidebar_left #selected .indent {
 background: #728358 url(../images/sidebar-dot2.gif) no-repeat 20px 50%;
}

#sidebar_left li a {
  font-weight: bold;
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  padding-left: 10px;
  height: 1.5em;
}
#sidebar_left li a:hover {
  background-color: #728358;
}


#sidebar_left li .indent {
  padding-left: 30px;
  font-size: 90%;
  background: url(../images/sidebar-dot1.gif) no-repeat 20px 50%;
}
#sidebar_left li a:hover.indent {
  background: #728358 url(../images/sidebar-dot2.gif) no-repeat 20px 50%;
}
/**------------------ FOOTER NAVIGATION -----------------------**/

#footer {
  clear: both;
  font: 90% "Trebuchet MS", "Lucinda Grande", Arial, sans-serif;
  color: #999999;
  text-align: center;
  padding: 4px;
  background: #FFFFFF url(../images/header-red-line.jpg) repeat-x 0 0;
}
#footer a {
  color: #666666;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer ul {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
}
#footer li {
  display: inline;
  padding: 0 4px;
}

#footer #copyright {
  clear: both;
  padding: 5px 0;
}

/**-----------------------HOME PAGE -----------------------------**/
#home-left {
  float: left;
  width: 510px;
  padding: 0 20px 0 10px;
}
#home-image {
  width: 215px;
}
#home-right {
  float: right;
  width: 215px;
  text-align: center;
}
#home-news {
  text-align: left;
}
#home-intro {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #c3c3c3;
  margin-bottom: 0;
  padding-right: 5px;
}

#home-intro h1 {
  margin: 15px 10px;
  color: #B50010;
  font: normal 150% "trebuchet ms", "Lucinda Grande", Arial, sans-serif;
  letter-spacing: 0.1em;
}
.home-section {
  margin-top: 0;
  border-right: 1px solid #c3c3c3;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #fff;
  padding-right: 5px;
}
.home-section ul {
  list-style-image: url(../images/arrow.jpg);
}
.home-section li {
  margin-top: 5px;
}
.home-section li a {
  font-weight: bold;
  color: #006600;
}

/**---------------------- CONTACT FORM ---------------------------**/
#IDcontent {
  width: 95%;
}
#form {
  border-bottom: 1px solid #728358;
}
#contact-address {
  float: left;
  width: 45%;
}

#contact-phone {
  float: right;
  width: 45%;
}

/**--------------------------- NEWS ITEMS ------------------------**/
.news-item {
  margin-top: 5px;
  padding-top: 4px;
  border-top: 1px solid #E3E3E3;
}

/**--------------------------- PERSONNEL ------------------------**/
.contact {
  margin-right: 15px;
}

.manager, dl.office, dl.sales {
  float: left;
  width: 530px;
  margin: 10px 0 20px 0;
  padding: 0;
  display: inline; /* fixes IE/Win double margin bug */
}

.manager dt, dl.office dt, dl.sales dt {
  float: right;
  width: 405px; /* total width (530) - image width(110) - left margin(0) - right margin(4) - image margin(0) - image paddings(4) - image borders(2) */
  margin: 0 0 4px 0;
  padding: 0;
  letter-spacing: normal;
  font-size: 100%;
  font-weight: bold;
}
dt .manager-name, dl.office dt {
  font-size: 110%;
  letter-spacing: 1px;
  font-weight: bold;
  color: #006600;
}

.manager dd, dl.office dd, dl.sales dd {
  margin: 0 0 0 125px;
  padding: 0;
  font-size: 90%;
  line-height: 1.5em;
}
dd.manager-image img, dd.office-image img, dd.sales-image img {
  float: left;
  margin: 0 ;
  padding: 2px;
  border: 1px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #fff;

}
dd.manager-image, dl dd.office-image {
  margin: 0;
}
dd.manager-image p {
  clear: both;
  float: left;
}
.manager-contact-left {
  margin-top: 2px;
  line-height: 1.8em;
  width: 45%;
  float: left;
}
.manager-contact-right {
  width: 45%;
  float: right;
}

dl dd.sales-image {
  margin: 0 0 0 3px;
}

.sales-region {
  border: 1px solid #C9C9C9;
  margin: 5px 0;
  float: left;
}
.sales-region h2 {
  margin-left: 1px;
}

.sales-region-group {
  border-top: 1px solid #E9E9E9;
  margin: 5px 2px;
}

dl.yard {
  float: left;
  width: 505px;
  margin: 10px 0 10px 10px;
  padding: 0;
  display: block;
  clear: both;
}
dl.yard dt {
  font-size: 100%;
  letter-spacing: 1px;
  font-weight: bold;
  color: #006600;
  width: 505px;
}
dd.yard-details {
  width: 45%;
  float: left;
}
dd.yard-directions {
  width: 45%;
  float: left;
  clear: both;
  margin-top: 10px;
}
dd.yard-directions-main {
  width: 45%;
  float: right;
}
dd.yard-image {
  width: 45%;
  float: right;
}
dd.yard-image img {
  margin: 0 ;
  padding: 2px;
  border: 1px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #fff;
}

.yard-region {
  float: left;
  border: 1px solid #C9C9C9;
  margin: 5px 0;
  width: 520px;
}
.yard-buyers {
  padding-left: 15px;
}
/**---------------------------------- LOCATIONS ------------------------------**/

#location {
  position: absolute;
  top: 50px;
  left: 235px;
  border: 1px solid #c3c3c3;
  padding: 2px 4px;
  width: 265px;
  font-size: 80%;
}

/**-------------------------------- CLIENT TESTIMONIES --------------------------**/

.clientTestimony {
  display: block;
  margin: 3px 15px;
  padding: 0px 5px;
  font: italic 90% Arial, Helvetica, sans-serif;
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
}