html { margin: 0px; padding: 0;}
body { background: #f1efe6 url('../images/layout/bg-top.png') repeat-x; width: 100%; font: 14px Arial, Verdana, Sans-Serif; }

/* HTML ELEMENTS */
ul { list-style-type: none; position: relative; }
ul li { display: inline; }
a { text-decoration:none; }
a:hover  {text-decoration: underline;}

/* Positioning */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0px auto; text-align: center; display:block;}

ul.block li {display:list-item; padding: 10px 10px 0 10px; line-height: 24px;}
ul.block {	list-style-type: disc; list-style-position: outside;
      margin: 5px 25px 10px 25px;padding:0;}

.smallblock {      list-style-type: disc; list-style-position: outside;
            margin: 0px 10px 10px 20px;padding:0; font-size: 12px;}
.smallblock li {display:list-item; padding: 0px 5px 0 5px; line-height: 20px;}

ol#numberedList {list-style-type: decimal;}
ol#numberedList li {display:block;}

h1 {font: 30px Times New Roman, Times, Georgia, Serif; color:#2a2110; border-bottom: 1px solid #d6c6a7; margin-bottom:15px;}
h1.home {font: 26px Times New Roman, Times, Georgia, Serif; color:#2a2110; border-bottom: 1px solid #d6c6a7; margin-bottom:15px;}

/* -----------------------------------*/
/* Major layout blocks                */
/* -----------------------------------*/
#logo { position: absolute; top: 35px;left: auto; padding: 0px;}
.wrapper { width: 990px; padding: 0px 10px; margin: 0px auto; }

/* -----------------------------------*/
/* Nav Bar */
/* -----------------------------------*/
#nav { margin-top:71px; width: 100%; height: 46px; display:block; background: url('../images/layout/bg-nav.png') repeat-x; }
#nav ul { float:left; margin-left: 180px; }
#jsddm ul { float:left; }	
	#jsddm li {	float: left; list-style: none;}		
	#jsddm li ul {	margin: -3px -3px 0 0; padding: 0; position: absolute; visibility: hidden; z-index:100; background: #2c1f10;}
	#jsddm li ul li {	float: none; font: 12px Arial, Verdana, Sans-Serif; display:block; width: 180px; z-index:100; }
	#jsddm li ul li a {	width: auto; color: #EAFFED; display:block; background: #2c1f10; padding: 5px 12px; z-index:100; }
	#jsddm li ul li a:hover {	background: #5f513f; z-index:100; }

/* -----------------------------------*/
/* Page Titles */
/* -----------------------------------*/
#title { display:block; height: 96px; background: url('../images/layout/bg-title.png') repeat-x; border: 1px solid #000;}
#title a:hover {text-decoration:none;}
.titleBG { padding: 46px 10px 0 0; background: url('../images/layout/bg-title-highlight.png') no-repeat; height: 50px; }
.primary { color:#c7ca89; font-size: 26px; padding: 0 50px 0 20px; }
.secondary { border-left: 1px dotted #c7ca89; padding: 0 0 0 50px; color: #fff; font: 24px Times New Roman, Times, Georgia, Serif;}

/* -----------------------------------*/
/* Breadcrumbs                        */
/* -----------------------------------*/
ul#breadcrumbs { font-size: 10px; color:#887653; margin-bottom: 30px; }
ul#breadcrumbs li { margin: 0px 0px 20px 10px; }
ul#breadcrumbs li:after{ padding-left: 10px; content: ">"; }
ul#breadcrumbs a { color:#887653; }

/* -----------------------------------*/
/* Homepage                           */
/* -----------------------------------*/
#homeIntro { width:987px; margin:10px auto 0 auto;}
#woodbar {float:left; padding-left: 2px;}
#bigimage {float:left;}
.featurebox {
    float:right;
    clear: right;
    background: #f1efe6 url('../images/home/bg-featurebox.png') repeat-x;
    padding: 10px;
    display: block;
    width: 290px;
    margin-bottom: 10px;
}
.featurebox h1 { font: bold 14px Arial, Verdana, Helvetica, Sans-Serif; color:#7f3627; }
.featurebox img { margin: 5px 5px 5px 0;}
.featurebox p { font: 11px Arial, Verdana, Helvetica, Sans-serif; line-height: 15px;}

/* -----------------------------------*/
/* Content */
/* -----------------------------------*/
#contentOuter { width: 930px; margin: 0px auto; padding: 10px 25px 20px 35px;
    background: #fff url('../images/layout/bg-content.png') repeat-y;
}

#contentInnerHome { float: left; padding-right:20px; width: 590px;}
#contentInner { float: left; padding-right: 10px; width: 710px;}
#contentInnerProduct,
#contentInnerWide {float:left; width:auto;}

#contentInnerWide h2,
#contentInner h2 {color: #362e1d; font-size: 16px; padding: 15px 0 5px 0;}

#contentInnerHome p,
#contentInnerWide p,
#contentInner p { color:#362e1d; line-height: 24px; margin-bottom: 18px;}

.rightImage { float: right; margin: 0px 0px 15px 15px;}

.productListShadow { float:left; width:43%; padding: 20px; background: url('/images/layout/shadow-vertical.png') repeat-y;}
.productList { float:left; width:43%; padding: 20px; }
.productList li,
.productListShadow li {display: block; height: 125px; background: url('/images/layout/shadow-small-horizontal.png');}

.productList li p,
.productListShadow li p {float:left; width:235px; margin-right: 15px;}

.productList li img,
.productListShadow li img {float:left; width:130px; margin-top: -10px;}
/* -----------------------------------*/
/* Sidebar */
/* -----------------------------------*/
#sidebar { width: 200px; float:left; padding-left: 5px; }
#sidebar h3 {
    background: #f2f2e0 url('../images/layout/bg-sidebar-header.png') repeat-x;
    padding: 15px 0 5px 10px; font: bold 14px Arial, Verdana, Helvetica, Sans-Serif; color:#7f3627;
}

#sidebar a { color:#2a2110; }
#sidebar ul { background:#f9f9f1; width: auto; padding: 10px;}
#sidebar li { font-size: 12px; display:block; padding-bottom:5px;}
/* -----------------------------------*/
/* Forms                              */
/* -----------------------------------*/
input { margin: 15px 0; }
select { margin: 15px 0; }

/* -----------------------------------*/
/* Photo Gallery */
/* -----------------------------------*/
.imagelist {}
.imagelist li { display: block; float: left; margin: 0 40px 40px 40px; width: 140px; font-size: 12px; }
.imagelist li img { text-align:center; margin: 0px auto 10px auto; display:block;}
.imagelist a {text-decoration:none;}
.galleryButton { margin: 0px auto; text-align: center; display:block;}
.featureOverview { font: 13px/18px Arial, Verdana, Helvetica; color: #806f4e; float: left; padding: 0 40px 10px 10px; 
    width: 410px; background: url('/images/layout/shadow-vertical-bar.png') top right no-repeat; margin-bottom: 80px;}
.featureDetails { float: left; padding: 0px 0px 10px 0px; width:225px;}
.featureDetails ul {padding: 10px;}
.featureDetails li {display:block; margin-bottom: 10px; font: 12px Arial, Verdana, Helvetica; color: #806f4e;}
/* -----------------------------------*/
/* Footer                             */
/* -----------------------------------*/
#footer { margin: 0; display:block; min-height: 175px; padding: 30px 0 5px 0; 
    background: #251b0d url('../images/layout/bg-footer.png') repeat-x; }
#footer a { color:#fff; }
#footer h3 { font: bold 18px Arial, Verdana, Sans-Serif; color: #fff; padding: 0px 0px 5px 5px;}
#footer ul { float: left; margin-right: 50px; width: 125px;}
#footer li {display: block; line-height: 20px; font-size: 12px;}
#footer li a { padding: 1px 5px; display:block; width:100%; }
#footer li a:hover {background: #5f513f; text-decoration:none;}

.logos {float: left; display: block; width:200px; margin: 0px 60px 0px 50px;}
.contact {background-color: #5f513f; color: #ccc; font-size: 13px; float:left; display:block; width: 275px; padding: 15px;}
.contact p {padding:5px;}
.small {padding:20px 30px 0px 0; font: 10px Arial, Verdana, Sans-Serif; color: #ccc; float:right; display:block;}
.tiny {font: 10px Arial, Verdana, Sans-serif; line-height: 10px;}