body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #3e2811 url(../images/bgMain.jpg) repeat-x left top;
	text-align: center;
}
a:link {
	color: #d65a12;
	text-decoration: none;
}
a:visited {
	color: #A28964;
}
a:hover, a:active {
	text-decoration: underline;
}
.logoBox {
	width: 148px;
	height: 52px;
	position: absolute;
	top: 15px;
	left: 26px;
}
.logoBoxSml {
	width: 119px;
	height: 122px;
	position: absolute;
	top: 10px;
	left: 56px;
}
/* ------------------- the horizontal main nav menu starts here ------------------------- */
#nav, #nav ul {
	float: right;
	width: 600px;
	list-style: none;
	padding: 0 16px 0 0;/* Offsets the nav bar to the left from the side of the main panel */	
	margin: 0;
}

#nav a {
	display: block;
	color: #B33E1D;
	width: 109px;
	height: 24px;
	text-decoration: none;
}

#nav a.products {
	background: url(../images/mainNav.gif) no-repeat top left;
	text-indent: -9000px;/* forces the text link off the browser so that only the graphic shows */
}
#nav a.productsOn {
	background: url(../images/mainNav.gif) no-repeat 0 -52px;
	text-indent: -9000px;/* forces the text link off the browser so that only the graphic shows */
}
#nav a.solutions {
	background: url(../images/mainNav.gif) no-repeat -126px 0;
	text-indent: -9000px;
}
#nav a.solutionsOn {
	background: url(../images/mainNav.gif) no-repeat -126px -52px;
	text-indent: -9000px;
}
#nav a.showroom {
	background: url(../images/mainNav.gif) no-repeat -244px 0;
	text-indent: -9000px;
}
#nav a.showroomOn {
	background: url(../images/mainNav.gif) no-repeat -244px -52px;
	text-indent: -9000px;
}
#nav a.contact {
	background: url(../images/mainNav.gif) no-repeat -480px 0;
	text-indent: -9000px;
}
#nav a.contactOn {
	background: url(../images/mainNav.gif) no-repeat -480px -52px;
	text-indent: -9000px;
}
#nav a.quote {
	background: url(../images/mainNav.gif) no-repeat -362px 0;
	text-indent: -9000px;
}
#nav a.quoteOn {
	background: url(../images/mainNav.gif) no-repeat -362px -52px;
	text-indent: -9000px;
}
#nav a:hover.products {
	background: url(../images/mainNav.gif) no-repeat 0 -52px;
}
#nav a:hover.solutions {
	background: url(../images/mainNav.gif) no-repeat -126px -52px;
}
#nav a:hover.showroom {
	background: url(../images/mainNav.gif) no-repeat -244px -52px;
}
#nav a:hover.quote {
	background: url(../images/mainNav.gif) no-repeat -362px -52px;
}
#nav a:hover.contact {
	background: url(../images/mainNav.gif) no-repeat -480px -52px;
}
#nav li {
	float: right;
	padding: 0;
}

#nav li ul {
	position: absolute;
	left: -999em;
	width: 120px;
	font-weight: bold;
	margin: 0;
}

#nav li li {
	width: 136px;
	margin-top: 0;
	background-color: #B5ADA1;
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
}

#nav li ul a {
	width: 136px;
	text-indent: 6px;
	height: 20px;
	margin-top: 0;
	border-bottom: 1px solid #7D776E;
}

#nav li ul ul { /* Offset for L3 panel */
	margin-top: -20px;
	margin-left: 137px;
	font-weight: normal;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em; /* Hides L3 panel until rollover */
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* Positions dropdown panels directly under tabs after rollover */
	left: auto;
}
#nav a:hover {
	color:#FFFFFF;
}
#nav li:hover, #nav li.sfhover {
	background-color: #968F84;
}
#navRule {
	background-color: #57524c;
	height: 8px;
	/*width: 902px;*/
	border-bottom: 1px solid #3d3a36;
}
/* ---------------- End of the horizontal main nav ------------------- */
/* ---------------- Start syles for side nav ------------------- */

#navSidePanel { /* This rule set targets the side nav container panel */
	float: left;
	padding-bottom: 16px;
	margin: 30px 0 12px 12px;
	width: 165px;
	background-image: url(../images/sideNavBtm.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.navSideTop { /* This rule set targets the side nav title and panel */
	width: 163px;
	Height: 42px;
	margin-top: 0;
	font-size: 14px;
	font-weight: bold;
	text-indent: 12px;
	color: #FFFFFF;
	padding-top: 10px;
	background-image:url(../images/sideNavTop.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}
.navSideTop a:link, a:active, a:visited, a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.navSideTopComments { /* This rule set targets the side nav title and panel */
	width: 163px;
	Height: 42px;
	margin-top: 0;
	font-size: 12px;
	font-weight: bold;
	text-indent: 10px;
	color: #FFFFFF;
	padding-top: 10px;
	background-image:url(../images/sideNavTop.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}	
#navSideList ul {
	list-style: none;
/* Standard HTML lists have a certain amount of left-indentation. The amount varies on each browser. Some browsers use padding (Mozilla, Netscape, Safari) and others use margins (Internet Explorer, Opera) to set the amount of indentation. To remove this left-indentation consistently across all browsers, set both padding and margins to "0" for the "UL". */
	margin: 0;
	padding: 0;
}

#navSideList a {
	display: block;
	padding: 2px 0 4px 0;
	margin: 0 28px 0 10px;
	width: 125px;
	color: #d65a12;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../images/sideNavRule.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}
#navSideList a.firstL2 { /* Targets the first item in the side nav for level 2 category pages only -- moves it up 12 pixels, but leaves the underscore */
	margin: -12px 28px 0 10px;
}
#navSideList a:hover {
	text-decoration: none;
	color: #564531;
}
#navSideList a.first {/* This rule set targets the item that preceeds the subnav items and removes the graphic rule*/
	display: block;
	padding: 0 0 0 0;
	font-weight: bold;
	background-image: url(../images/sideNavRule.gif);
	background-position: -3000px;
	background-repeat: no-repeat;
}
#navSideList a.firstTop {/* This rule set targets the item that preceeds the subnav items and removes the graphic rule -- but it's only for when it's the first item on the list because it adds a negative top margin to move it up */
	display: block;
	padding: 0 0 0 0;
	margin: -12px 28px 0 10px;
	font-weight: bold;
	background-image: url(../images/sideNavRule.gif);
	background-position: -3000px;
	background-repeat: no-repeat;
}
#navSideList a.current{/* This rule set targets the current page item, changing the color of the link */
	display: block;
	color: #564531;
}
#navSideList a:hover.current { /* This rule set targets the current page item, deactivating the rollover */
	text-decoration:none;
}
#navSideList li {
	margin: 0; /* For Opera, it is important to set the LI margins to "0" to avoid gaps. */
}
#navSideList li li a { /* This rule set targets nested items */
	display: block;
	padding: 4px 0 2px 18px;  /*Adds padding and left indent for nested items */
	font-weight: normal;
	background-image: url(../images/arrowNav.gif);
	background-position: 10px 7px;
	background-repeat: no-repeat;
}

/* ---------------------- End side nav styles --------------- */
	
#wrapperMain {
    margin:0px auto;
    width: 902px;
	text-align: left;
	/*border: 1px solid #D9CDC3;*/
}

.navTopHome {
	float: right;
	margin-right: 12px;
	padding: 14px;
	margin-bottom: 25px;
	color: #333333;
}
.navTop {
	float: right;
	margin-right: 12px;
	padding: 14px;
	margin-bottom: 25px;
	color: #333333;
}
.navTop a:link, a:active, a:visited, .navTopHome a:link, a:active, a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.navTop a:hover, .navTopHome a:hover {
	text-decoration: underline;
}
.homeMain {
	background-image: url(../images/homeMainPic.jpg);
	height: 261px;
}
.contentWrapper {
	background-color: #635741;
	padding: 8px 0;
	border-bottom: 1px solid #3d3a36;
	text-align: center;
}
.contentMain {
	width: 874px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/bgContent.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #F1EBE0;
	border: 2px solid #B3AEA9;
}
.introBox {
	width: 185px;
	float: right;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 19px;
	padding: 29px 20px 20px 0;
}
.introBox a:link {
	color: #d65a12;
	text-decoration: none;
}
.introBox a:visited {
	color: #d65a12;
}
.introBox a:hover, a:active {
	text-decoration: underline;
}
.contentBox {
	width: 902px;
}
.crumbtrail {
	width: 635px;
	margin-right: 4px;
	float: left;
	font-size: 10px;
}
.crumbtrail h1 {
	margin: 6px 0 0 10px;
	float: left;
	font-size: 10px;
	color: #625741;
}
.crumbtrail p {
	display:block;
	height: 10px;
	margin-top: 6px;
}
.crumbtrail a:link {
	color: #d65a12;
	text-decoration: none;
}
.crumbtrail a:visited {
	color: #d65a12;
}
.crumbtrail a:hover, a:active {
	text-decoration: underline;
}

.contentBox {
	position: relative;
}
.content {/* Use this div to hold L2-L4 page content */
	margin: 6px 2px 6px 10px;
	float: left;
	width: 637px;
}
.content h1 {
	margin: -8px 0 -9px 0;
	font-size: 32px;
	color: #81745d;
	font-weight: normal;
}
.content a:link {
	color: #d65a12;
	text-decoration: none;
}
.content a:visited {
	color: #A28964;
}
.content a:hover, a:active {
	text-decoration: underline;
}
#sidePanelPhoto { /* This rule set targets the left side photo on the pages that have no left side navigation (about us, contact us, quote, etc. */
	float: left;
	padding-bottom: 16px;
	margin: 30px 0 12px 12px;
	width: 165px;
}
.infoBox {/* Style targets the three info boxes on the home page */
	background-image: url(../images/bgInfoBox.jpg);
	background-color: #685b45;
	width: 902px;
	padding: 10px 0 10px 0;
	overflow: hidden;
}
.infoBoxContainer {/* Style targets the three info boxes on the home page */
	width: 100%;
	padding: 10px 10px 0 10px;
	background-image: url(../images/bgInfoBoxContainer.jpg);
	background-color: #827763;
}
.divider {/* Style targets the three info boxes on the home page */
	float: left;
	width: 20px;
	height: 140px;
	background-image: url(../images/ruleVert.gif);
}
.infoModule {/* Style targets the three info boxes on the home page */
	float: left;
	text-align: left;
	width: 273px;
}
.infoBox a:link {
	color: #d65a12;
	text-decoration: none;
}
.infoBox a:visited {
	color: #d65a12;
}
.infoBox a:hover, a:active {
	text-decoration: underline;
}
.infoSubhead {/* Style targets the three info boxes on the home page */
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: -10px;
}
.infoPic {/* Style targets the three info boxes on the home page */
	float: left;
	margin-right: 9px
}
.footer {
	padding: 6px;
	text-align: center;
	font-size: 10px;
	line-height: 13px;
	color: #FFFFFF;
}
.navBtm {
	/*width: 902px;*/
	padding: 6px;
	text-align: center;
	/*margin: 0 auto;*/
	color: #999999;
	background-color: #000000;
	border: 4px solid #6B604A;
}
.navBtm a:link, a:active, a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.navBtm a:hover {
	text-decoration: underline;
}
.clear {
	clear: both;
}
.photobox {
	float: right;
	margin-left: 12px;
}
.didYouKnow {
	width: 140px;
	color:#403E39;
	margin-top: -16px;
	padding-left: 12px;
	font-size: 11px;
	line-height: 14px;
}
.comments {
	width: 140px;
	color:#403E39;
	margin-top: -16px;
	padding-left: 12px;
	font-size: 11px;
	line-height: 14px;
}
.photoCaption {
	color: #534E4A;
}.photoboxLeft {
	float: left;
	margin-right: 12px;
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }

.project {border-top: 1px solid #ccc; padding: 10px 0; margin-bottom: 10px;}
.project-content {width: 400px; display: inline; position: relative;}
.odd .project-content {float: right;}
.even .project-content {float: left;}
.project blockquote {margin: 0; padding: 0;}
.project h2 {color: #D65A12;}
.project h3 {color: #81745D;}#caseStudy {
	float: left;
	width: 600px;
	margin-top: 20px;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
#caseStudyText {
	float: left;
	width: 360px;
}