body {
  margin: 0;
  padding: 0;
  background: #6e6427 url(../images/body-bg.jpg) left top repeat-x;
  font-family: Arial, sans-serif;
}

a { color: #9b4412; text-decoration: underline; }
a:hover { color: #de5b0f; text-decoration: underline; }
a img { border: 0; }

#container {
  margin: 0 auto;
  width: 1026px;
}

#nav-top {
  height: 130px;
  background: transparent url(../images/header.jpg) left top no-repeat;
}

#body-left {
  float: left;
  width: 288px; height: 461px;
  background: transparent url(../images/nav-left-bg.jpg) left top no-repeat;
}

#container { position: relative; }
#logo a {
  position: absolute;
  width: 288px; height: 185px;
  background: transparent url(../images/logo.jpg) left top no-repeat;
  text-indent: -99999px;
}
#body {
  width: 713px;
  float: left;
  padding: 20px 0 0 25px;
}

#body.body-white {
  width: 645px;
  margin: 25px 0 0 30px;
  padding: 30px;
  background-color: #fff;
  font-size: 12px; 
  color: #333333;
}
#body.body-white p { line-height: 1.3em; }

#body.body-white div.min-height { height: 505px; float: right; width: 1px; margin: 0; padding: 0; }
#body.body-white div#clear { clear: both; }
#body.body-white div.content-only { float: left; width: 644px; }
#body.body-white div.copy { float: left; }
#body.body-white div.right-image { float: right; }
#body div.copy { width: 270px; }
#body div.copy h1, #body.body-white h1 {
  color: #61270e;
  font-size: 22px;
  font-family: "Times New Roman", serif;
  font-weight: normal;
  margin: 0; padding: 25px 0 0 0;
}


#boxes { margin-top: 18px; clear: both; }
#boxes div.box {
  width: 226px;
  height: 261px;
  background: transparent url(../images/bottom-box.jpg) left top no-repeat;
  float: left;
  margin-right: 22px;
  position: relative;
}
#boxes div.last-box { margin-right: -11px; }
#boxes div.box img { position: absolute; top: 21px; left: 21px;}
#boxes div.box p { margin: 145px 0 0 21px; font-size: 10px; width: 175px; }
#boxes div.box a.learn-more {
  display: block; 
  width: 77px; height: 21px; 
  background: transparent url(../images/btn-learn-more.gif) left top no-repeat; 
  text-indent: -9999px; 
  outline: none;
  margin: 20px 0 0 69px;
}
#boxes div.box a:hover.learn-more { background-position: 0 -21px; }

/* Top Nav */
#nav-top-container { margin-left: 278px; padding-top: 46px; }
#nav-top ul { padding: 0; margin: 0; }
#nav-top li {
  display: inline;
  list-style: none;
  padding: 0; margin: 0;
}
#nav-top li a { padding: 0; margin: 0; height: 84px; display: block; float: left; text-indent: -9999px; outline: none; }

#nav-top li.about-us a { width: 120px; background: transparent url(../images/nav-about-us.jpg) left top no-repeat; }
#nav-top li.contact-us a { width: 122px; background: transparent url(../images/nav-contact-us.jpg) left top no-repeat; }
#nav-top li.custom-orders a { width: 151px; background: transparent url(../images/nav-custom-orders.jpg) left top no-repeat; }
#nav-top li.how-to-order a { width: 144px; background: transparent url(../images/nav-how-to-order.jpg) left top no-repeat; }
#nav-top li.request-pricing a { width: 145px; background: transparent url(../images/nav-request-pricing.jpg) left top no-repeat; }
#nav-top li a:hover { background-position: 0 -84px; }

/* Left Nav */
#nav-left { height: 391px; padding: 70px 0 0 85px; }
#nav-left ul { margin: 0; padding: 0; }
#nav-left li { padding: 4px 0; list-style: none; }
#nav-left li a { color: #dfd2af; font-size: 12px; text-decoration: none; font-weight: bold; background: transparent url(../images/nav_marker.gif) 0 2px no-repeat; padding-left: 18px;}
#nav-left li a:hover { color: #d0b66e; text-decoration: underline;  }

/* Bottom Nav */
#nav-bottom {
  clear: both;
  color: #c1b778;
  font-size: 10px;
  margin-left: 313px;
  padding-top: 60px;
}
#nav-bottom a { color: #c1b778; text-decoration: none; }
#nav-bottom a:hover { color: #ebe6c5; text-decoration: underline; }
#nav-bottom ul { padding: 0; margin: 0; }
#nav-bottom ul li { padding: 0 0 3px 0; margin: 0; list-style: none; }
#nav-bottom ul li ul { padding: 0; margin: 0; display: inline;}
#nav-bottom ul li ul li { padding: 0 5px 0 7px; margin: 0; display: inline; list-style: none; border-left: 1px solid #c1b778; }
#nav-bottom ul li ul li.first { border: 0; }


/* Newsletter Signup */
#newsletter {
  margin-top: 16px;
  padding: 37px 28px;
  background: transparent url(../images/newsletter-signup.jpg) left top no-repeat;
  color: #dfd2af;
  font-size: 11px;
  font-family: Arial, sans-serif;
}
#newsletter form { padding-top: 3px; margin: 0; position: relative; }
/*#newsletter form input.join { position: absolute; right: 30px; top: middle; }*/
/*#newsletter form input#email { width: 150px; height: 17px; padding: 1px; margin: 0; border: 1px solid #dadada; }*/
#newsletter form table tr td.submit { padding-left: 15px; }
#newsletter p { margin: 0; padding: 0; }


/* Form Items */
div.form-item { margin: 5px 0; }
form div.form-item span.red { color: #cc0000; padding-left: 2px; }
form div.form-item input.similar { width: 210px;}
form div.form-item select#price_request_state { width: 119px; }
form div.form-item input.zip { width: 61px;}
form div.form-item input.phone3 { width: 50px; }
form div.form-item input.phone4 { width: 70px; }
form div.form-item textarea.comments { width: 210px; height: 100px; }
form div.form-item input.submit { margin-left: 200px; margin-top: 25px; }
form div.form-item p { margin: 0 0 0 205px; width: 210px; font-size: 10px; }

form div.form-item label.block {
	display: block;
	float: left;
	width: 200px;
	text-align: right;
	padding-top: 3px;
	margin-right: 5px;
	clear: both;
}

div.fieldWithErrors { display: inline; }
div#customErrorExplanation { 
  color: #cc0000;
  font-size: 12px;
  text-align: center;
  border-top: 1px solid #cc0000;
  border-bottom: 1px solid #cc0000;
  margin: 30px 0;
  padding: 15px 0;
}
div#customErrorExplanation span.errorMsg { font-weight: bolder; }

div#image-nav { clear: both; text-align: right; }
div#image-nav ul { 
  padding-left: 0;
  margin-left: 0;
  background-color: #e0dbd4;
  color: White;
  float: left;
  width: 100%;
  font-family: arial, helvetica, sans-serif;
}
div#image-nav ul li { display: inline; }
div#image-nav ul li a {
  padding: 0.5em 1em;
  background-color: #e0dbd4;
  color: #000;
  text-decoration: none;
  float: right;
  border-left: 1px solid #fff; 
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 9px;
}
div#image-nav ul li.larger a {
  padding-left: 18px;
  background: transparent url(../images/view-plus.gif) 8px center no-repeat;
}
div#image-nav ul li a:hover { color: #78350e; }


div#current-image { width: 335px; height: 286px; float: right; }
div.available-images { clear: both; }
div#category-description { float: left; width: 265px; }
div#category-description div#description-footer p { text-align: right; font-size: 10px; }
div.thumbnail-divider { width: 634px; border: 1px solid #cccccc; padding 3px; margin: 10px 0;}
div.thumbnail-divider a { padding: 0; margin: 0; outline: none;}

span.small-grey { color: #999; font-size: 10px; }