/*
---------------- GENERAL
-------------------------------------------------------- */

* { margin: 0px; padding: 0px; }
body { background: #f3f4e8 url(../images/img.stickylogo.gif) no-repeat fixed right bottom; }
#topline {
	background: url(../images/bg.repeatx.gif) repeat-x scroll left top;
	width: 100%;
	height: 2px;
}
p { font: 12px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #333333; }
a { color: #622415; text-decoration: underline; }
a:hover { text-decoration: none; }

#container {
	width: 810px;
	margin: 0px auto;
	}
	
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #612316;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	}

#tooltip h3 {
	font: bold 12px/16px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #612316;
	}

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

#logo {
	float: left;
	}
	
#logo h1 {
	text-indent: -9999px;
	height: 74px;
	width: 232px;
	background: url(../images/img.logo.jpg) no-repeat scroll left top;
	}
	
#logo a {
	display: block;
	width: 232px;
	height: 74px;
	}
	
#banner {
	float: left;
	}
	
/*
---------------- CONTENT
-------------------------------------------------------- */

#content {
	width: 810px;
	padding: 0px 0px;
	background: url(../images/bg.fauxcolumns.gif) repeat-y scroll left top;
	float: left;
	}
	
#bgcontainer {
	background: url(../images/bg.fauxcolumn_btm.gif) no-repeat scroll left bottom;
	width: 810px;
	float: left;
	padding-bottom: 22px;
	}
	
#inside #content {
	width: 810px;
	padding: 0px 0px;
	background: url(../images/bg.L2fauxcolumns.gif) repeat-y scroll left top;
	float: left;
	}
	
#inside #bgcontainer {
	background: url(../images/bg.L2fauxcolumn_btm.gif) no-repeat scroll left bottom;
	width: 810px;
	float: left;
	padding-bottom: 22px;
	}
	
#content h1 {
	color: #FFFFFF;
	background: #622415;
	font: lighter normal 15px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
	padding: 15px 0px 14px 12px;
	}

#content h2 {
	text-transform: uppercase;
	font: lighter 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 0.1em;
	background: #fbfbee;
	border-top: 1px dashed #a3a198;
	border-bottom: 1px dashed #a3a198;
	color: #612316;
	margin: 8px 12px 0px 12px;
	padding: 6px 0px;
	}
	
#content em {
	color: #762a1b;
	border-bottom: 1px solid #DADC56;
	font-style: normal;
	font-weight: bold;
	}
	
/*
---------------- ABOUT SECTION
-------------------------------------------------------- */ 

#about_container{
	width: 488px;
	margin-right: auto;
	margin-left: auto;
	}
	
.about_mug{
	float: left;
	width: 152px;
	margin-right: 10px;
	}
	
.about_mug a img{
	display: block;
	height: 100px;
	width: 150px;
	border: 1px solid #B9B9B2;
	background: #FFFFFF;
	}
	
.about_mug a:hover img{
	border: 1px solid #B9B9B2;
	background: #fbfbee;
	
	}
	
.about_mug h4{
	text-align: center;
	font: normal 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #CCCCCC;
	}
	
.about_mug h4 a{
    text-decoration: none;
	color: #612316;
	}
	
.about_mug h4 a:hover{}

/*
---------------- CONTACT FORM
-------------------------------------------------------- */

form {
	padding: 20px 0px 0px 12px;
	}

#contact_form {
	width: 414px;
	background: #FBFBEE;
	border-top: 1px dashed #a3a198;
	padding: 15px 45px 10px 45px;
	border-bottom: 1px dashed #a3a198;
	}

#contact_form label {
	font: bolder 12px Arial, Helvetica, sans-serif;
	color: #675C53;
	text-transform: lowercase;
	}

#contact_form input {
	font-size: 25px;
	color: #C9C9C2;
	font-weight: bold;
	margin: 5px 0px 10px 0px;
	}

textarea {
	margin-top: 5px;
	}
	
#submit {
	width: 120px;
	font-size: 14px;
	margin-left: 55px;
	}

html>body #firstname, #lastname {
	width: 200px;
	}

#firstname, #lastname {
	width: 197px;
	}

#company, #emailaddress, #comments {
	width: 404px;
	font-size: 20px;
	color: #C9C9C2;
	}
	
#comments {
	margin-bottom: 12px;
	}

.namelabel {
	margin-right: 148px;
	}
	
#thanks {
	height: 250px;
	width: 488px;
	text-align: center;
	margin: 0px 0px 15px 20px;
	}
	
#thanks h2 {
	margin-top: 20px;
	padding: 100px 0px;
	line-height: 18px;
	}
	
/*
---------------- MAIN CONTENT
-------------------------------------------------------- */
	
#main_content {
	width: 528px;
	float: left;
	margin: 0px 0px 0px 6px;
	}

#main_content p {
	color: #333333;
	font: 12px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin: 6px 20px 10px 20px;
	}

#main_content strong {
	color: #762a1b;
	font-style: normal;
	font-weight: bold;
	}
#main_content ul {
	padding-left: 25px;
	padding-right: 100px;
	margin-bottom: 10px;
}
	
#main_content li {
	color: #333333;
	font: 12px/18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin: 0px 20px 5px 20px;
	list-style: circle inside;
	text-indent: -10px;
	}
	
/* ---- SSP ---- */

#case_study {
	height: 300px;
	width: 488px;
	text-align: center;
	margin: 0px 0px 15px 20px;
	}
	
#case_study h2 {
	margin-top: 20px;
	padding: 100px 0px;
	line-height: 18px;
	}
	
.subnav_margins {
	margin-right: 12px;
	margin-left: 12px;
	}
	
/*
--------------- SUBNAV
-------------------------------------------------------- */

#subnav {
	width: 258px;
	float: left;
	padding: 0px 6px;
	}
	
#subnav ul {
	margin-top: 12px;
	}

#subnav li {
	list-style: none;
	border-bottom: 1px dashed #CCCCCC;
	background: #ffffff;
	padding: 0px 0px 12px 0px;
	width: 234px;
	overflow: hidden;
	margin: 0px 12px 10px 12px;
	}

#subnav h3 small {
	color: #333333;
	}
	
#subnav h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 12px;
	}

#subnav h3 a {
	color: #762a1b;
	padding: 12px 0px 13px 0px;
	height: 37px;
	}

#subnav h3 a:hover {
	text-decoration: none;
	}
	
#subnav img {
	padding: 4px;
	}

#subnav a img {
	border: 1px solid #e1d4cf;
	float: left;
	display:block;
	margin: 5px 9px 0px 0px;
	}
	
#subnav a:hover img {
	background-color: #DADC56;
	}
	
#subnav p {
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 2px 0px 0px 12px;
	}

/*
---------------- HOME PAGE SUB-SECTIONS
-------------------------------------------------------- */

/* ---- furniture ---- */

#furniture_home {
	width: 258px;
	float: left;
	padding: 0px 6px;
	}

#furniture_home li {
	list-style: none;
	border-bottom: 1px dashed #CCCCCC;
	height: 70px;
	background: #ffffff;
	padding: 0px;
	width: 234px;
	margin: -1px 12px 0px 12px;
	overflow: hidden;
	}
	
html>body #furniture_home li {
	margin: 0px 12px;
	}
	
#furniture_home h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	padding-top: 12px;
	}

#furniture_home h3 a {
	height: 37px;
	color: #762a1b;
	padding: 12px 0px 13px 0px;
	}

#furniture_home h3 a:hover {
	text-decoration: none;
	}
	
#furniture_home img {
	padding: 4px;
	}

#furniture_home a img {
	border: 1px solid #e1d4cf;
	float: left;
	display:block;
	width: 64px;
	height: 35px;
	margin: 13px 9px 13px 0px;
	}
	
#furniture_home a:hover img {
	background-color: #DADC56;
	}
	
#furniture_home p {
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	}
	
/* ---- about ---- */

#about_home {
	width: 258px;
	float: left;
	margin: 0px 6px;
	background: #ffffff;
	}
	
#about_home p {
	color: #333333;
	font: 12px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin: 6px 20px 16px 20px;
	}
	
#about_home em {
	color: #762a1b;
	border-bottom: 1px solid #DADC56;
	font-style: normal;
	font-weight: bold;
	}

#about_home span {
	text-align: right;
	float: right;
	font-weight: bold;
	}
	
/* ---- contact ---- */

#contact_home {
	width: 258px;
	float: left;
	margin: 0px 0px 0px 6px;
	}
	
#contact_home p {
	text-align: center;
	margin-top: 6px;
	margin-bottom: 19px;
	line-height: 18px;
	}
	
#contact_home strong {
	color: #762a1b;
	border-bottom: 1px solid #DADC56;
	font-style: normal;
	font-weight: bold;
	}
	
#contact_home form {
	text-align: center;
	padding: 0px;
	}
	
.button {
	margin-top: 10px;
	}
	
input {
	font-size: 20px;
	margin: 15px 0px 0px 0px;
	}

#l186102-186102 {
	font-size: 20px;
	width: 220px;
	color: #DADC56;
	}
	
/*
---------------- NAVIGATION
-------------------------------------------------------- */

#nav ul {
	float: right;
	margin: 40px 0px 0px 0px;
	height: 21px;
	}

#nav li {
	float: left;
	list-style: none;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 2px;
	}

#nav a {
	text-decoration: none;
	font: normal 13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #612316;
	letter-spacing: 0.1em;
	}

#nav a:hover, .current a {
	border-bottom: 4px solid #DADB57;
	}

/*
---------------- FOOTER
-------------------------------------------------------- */

#clear {
	clear: both;
	}
	
#footer {
	width: 810px;
	margin: 0px auto;
	clear: both;
	}

/*
---------------- EXTRAS
-------------------------------------------------------- */

html>body #stickylogo {
	background-image: url(../images/img.stickylogo.gif);
	height: 182px;
	width: 31px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	}

/*
---------------- JD.NEWS_SCROLL
-------------------------------------------------------- */ 

.jd_news_scroll {
	position: relative;
	overflow: hidden;
	height: 213px;
	margin-bottom: 0px;
	}

.jd_news_scroll ul {
	overflow: hidden;
	margin-bottom: 0px;
	position: relative;
	}

.jd_news_scroll li.hover {
	cursor: default;
	}

/*
---------------- JCAROUSEL
-------------------------------------------------------- */

#logobar {
	height: 62px;
	width: 850px;
	background: url(../images/bg.logobar.gif) no-repeat scroll left top;
	margin: 5px auto 0px auto;
	text-align: center;
	}
	
.logoslide {
	width: 750px;
	margin: 0px auto;
	height: 47px;
	}

.logoslide ul{
	margin: 0px auto;
	height: 62px;
	width: 750px;
	overflow: hidden;
	}
	
html>body .logoslide li {
	list-style: none;
	text-align: center;
	width: 161px;
	margin: 7px 0px 0px 20px;
	height: 47px;
	float: left;
	}
	
.logoslide li {
	list-style: none;
	text-align: center;
	width: 161px;
	margin: 7px 10px 0px 10px;
	height: 47px;
	float: left;
	}
	
.logoslide img {
	border: 0px;
	}