body {
	background-color: #8B947A;
	color: #382401;
	font-family: arial, helvetica, sans-serif;
	font-size: smaller;
	text-align: center;
}
h1 {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
  display: inline;
}
h2 {
  color: #5A0E01;
  text-transform: uppercase;
  font-size: 100%;
  padding-top: 22px;
}
p {
  line-height: 1.3em;
  margin-bottom: 1.2em;
}
#outter-wrap {
	width: 781px;
  margin: 0 auto;
	text-align: left;
}
#wrap {
	background: #FCFAE0 url('../images/background.png') top center repeat-y;
	padding: 0 6px;
	width: 769px;
}
#content {
  margin: 0 11px 0px 11px;
  padding-bottom: 10px;
}
#sidebar {
  float: left;
  width: 164px;
}
#navigation, #copy {
  margin-left: 172px;
}
#footer {
  clear: both;
  margin-top: 11px;
  color: #A8B691;
  font-size: 80%;
}
/* 
  NAVIGATION 
*/
#navigation {
	font-family: times, georgia, serif;
	font-variant: small-caps
}
#navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 35px;
}
#navigation ul li {
	background: transparent url('../images/top-nav-right.png') no-repeat right top;
	margin-right: 4px;
	float: left;
}
#navigation ul li a {
	background: transparent url('../images/top-nav-left.png') no-repeat ;
	color: #fff;
	display: block;
	font-size: 110%;
	padding: 8px 6px;
	text-decoration: none;
}
#navigation ul li:hover, #navigation ul li.active {
	background: transparent url('../images/top-nav-right-on.png') no-repeat right top;
}
#navigation ul li a:hover, #navigation ul li a.active {
	background: transparent url('../images/top-nav-left-on.png') no-repeat ;
}

ul#left-navigation {
  background: transparent url('../images/left-nav-background.jpg') no-repeat;
  list-style-type: none;
  padding: 20px 9px;
  margin: 0;
  width: 164px;
}
ul#left-navigation li a {
  text-indent: -9999px;
  display: block;
  margin-bottom: 2px;
  height: 27px;
  width: 144px;
}

/* Footer */
#footer ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#footer ul li {
  display: inline;
}
#footer ul li a {
  color: #A8B691;
  text-decoration: none;
}
/* Left navigation 
   text as graphic */
  #why-choose-littrell {
    background: transparent url('../images/nav/why-choose-littrell-off.jpg') no-repeat;
  }
  #why-choose-littrell:hover, #why-choose-littrell.active {
    background: transparent url('../images/nav/why-choose-littrell-on.jpg') no-repeat;
  }

  #heart-pine {
    background: transparent url('../images/nav/heart-pine-off.jpg') no-repeat;
  }
  #heart-pine:hover, #heart-pine.active {
    background: transparent url('../images/nav/heart-pine-on.jpg') no-repeat;
  }

  #custom-milling {
    background: transparent url('../images/nav/custom-milling-off.jpg') no-repeat;
  }
  #custom-milling:hover, #custom-milling.active {
    background: transparent url('../images/nav/custom-milling-on.jpg') no-repeat;
  }

  #pattern-stock {
    background: transparent url('../images/nav/pattern-stock-off.jpg') no-repeat;
  }
  #pattern-stock:hover, #pattern-stock.active {
    background: transparent url('../images/nav/pattern-stock-on.jpg') no-repeat;
  }

  #other-products {
    background: transparent url('../images/nav/other-products-off.jpg') no-repeat;
  }
  #other-products:hover, #other-products.active {
    background: transparent url('../images/nav/other-products-on.jpg') no-repeat;
  }

  #about-us {
    background: transparent url('../images/nav/about-us-off.jpg') no-repeat;
  }
  #about-us:hover, #about-us.active {
    background: transparent url('../images/nav/about-us-on.jpg') no-repeat;
  }

  #contact-us {
    background: transparent url('../images/nav/contact-us-off.jpg') no-repeat;
  }
  #contact-us:hover, #contact-us.active {
    background: transparent url('../images/nav/contact-us-on.jpg') no-repeat;
  }

  #index {
    background: transparent url('../images/nav/home-off.jpg') no-repeat;
  }
  #index:hover, #index.active {
    background: transparent url('../images/nav/home-on.jpg') no-repeat;
  }

/* Get a Quote */
h4#get-a-quote {
  height: 122px;
  width: 164px;
  margin: 6px 0 11px 0;
}
h4#get-a-quote a{
  background: transparent url('../images/get-a-quote.png') no-repeat;
  display: block;
  padding: 0 0 11px 0;
  text-indent: -9999px;
  height: 122px;
  width: 164px;
}

/* Homepage "Find Out More" */
h3 {
  margin: 0;
  padding: 0;
}
h3#find-out-about-heart-pine {
  background: transparent url('../images/more-about-our-heart-pine.jpg') no-repeat;
  float: left;
  text-indent: -9999px;
  height: 124px;
  width: 280px;
}
h3#find-out-about-custom-milling {
  background: transparent url('../images/custom-milling.jpg') no-repeat;
  float: right;
  text-indent: -9999px;
  height: 124px;
  width: 287px;
}

/* FORMS */
#errors {
  color: #111;
  border: 1px solid #c00;
  background: #ccaaaa;
  padding: 15px;
  margin-bottom: 12px;
}
#errors ul {
  color: #fff;
  margin-top: 8px;
}

fieldset {
	border:none;
}
legend {
	display: none;
}
label {
  color: #6B5F34;
}
input, textarea {
  background-color: #F6EDCC;
  border: solid 1px #DDCC91;
  border-left: none;
}
textarea {
  border: solid 1px #DDCC91;
	margin-left: 60px;
	margin-top: 10px;
}
.line br {
	clear: left;
}
.line label {
  background-color: #DDCC91;
	text-align: right;
	float: left;
	display: block;
	line-height: 31px;
	padding-right: 12px;
	margin-bottom: 3px;
	width: 124px;
	height: 31px;
}
.line input {
	font-size: 180%;
	margin-bottom: 3px;
	text-align: left;
}
button.submit {
	width: 87px;
	height: 31px;
	text-indent:-9999px;
	background:url('../images/send.png') 0 0 no-repeat;
	border: none;
	margin-right: 35px;
	float: right;
	margin-top: 15px;
}
.buttons {
	text-align: center;
	padding: 24px;
  border-bottom: solid 1px #DDCC91;
}
.buttons label {
	text-align: left;
	display: block;
}
.buttons input {
	background: transparent;
	border: none;
}
.vcard {
	background: #e4dbc2;
	float: right;
	padding: 12px;
}

/* Decoration */
.homepage {
  background-color: #DFDAC4;
  font-size: 120%;
  font-weight: bold;
  padding: 14px;
	padding-bottom: 18px;
  margin-bottom: 12px;
  margin-top: -16px;
}
.homepage h1 {
  font-weight: bold;
}
.homepage img {
  float: right;
}
.decor {
  background-color: #DFDAC4;
  float: right;
  padding: 8px 8px 6px 8px;
  margin-left: 8px;
  margin-bottom: 12px;
}

/* TABLES */
table {
  border-collapse: collapse;
  background-color: #F6EDCC;
  clear: right;
  width: 100%;
}
table tr td, table tr th {
  border: solid 1px #DDCC91;
  color: #6B5F34;
  text-align: center;
  vertical-align: middle;
}
th {
  background-color: #DDCC91;
}

#shadow-wrap {
  background-color: transparent;
  clear: none;
}
#shadow-wrap td.shadow {
  border: none;
  padding: 0;
  margin: 0;
}
#shadow-wrap td.shadow img {
  margin: 0;
  padding: 0;
}


/* LIST PAGES */
#copy ul {
}
#copy ul li {
  line-height: 1.3em;
}
#copy ul.list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#copy ul.list li {
  border-bottom: solid 1px #C8BC90;
  padding-bottom: 20px;
  clear: right;
  margin-bottom: 10px;
}