@charset "UTF-8";

a img {
  border:none;
}

#header { width: 972px; margin: 0 auto; background: url(../images/header/bg.gif) no-repeat; height: 104px;}
	#logo { width: 361px; height: 104px; float: left;}
	#nav { width: 500px; float: right; color: #372b1e; padding: 0px 25px 0px 0px; text-align: right;}
		#nav a { color: #372b1e; text-decoration: none;}
		#nav a:hover { text-decoration: underline;}
			#topLinks { padding-top: 10px; }
				#topLinks a { padding: 0px 7px 0px 7px;}
				#topLinks .lastLink { padding-right: 0px;}
				#topLinks .viewCart { padding-left: 20px; background: url(../images/header/view_cart.gif) no-repeat left center; color: #dc9225;}
			#search { padding-top: 7px;}
			#callUs { font-size: 14px; padding-top: 10px;}
				#callUs .phone { font-size: 18px; font-weight: bold;}

#menu { width: 972px; margin: 0 auto; background: #372b1f; height: 39px; position: relative;}
#menuProducts { width: 135px; position: absolute; top: 39px; left: 111px;}
	#menuProducts a { width: 125px;}
#menuDesign { width: 228px; position: absolute; top: 39px; left: 246px;}
	#menuDesign a { width: 218px;}
#menuGallery { width: 121px; position: absolute; top: 39px; left: 474px;}
	#menuGallery a { width: 111px;}
#menuNews { width: 107px; position: absolute; top: 39px; left: 595px;}
	#menuNews a { width: 97px;}
#menuStairs101 { width: 136px; position: absolute; top: 39px; left: 702px;}
	#menuStairs101 a { width: 126px;}
#menuAbout { width: 134px; position: absolute; top: 39px; left: 838px;}
	#menuAbout a { width: 124px;}

.DSmenu { background: #372b1e; font-size: 11px;}
	.DSmenu ul { padding: 0 !important; margin: 0 !important;}
	.DSmenu ul li { background: none; padding: 0px; margin: 0px;}
	.DSmenu a { display: block; color: #ffaa2b; text-decoration: none; padding: 5px; border-bottom: 1px solid #453626;}
	.DSmenu .last { border-bottom: none;}
	.DSmenu a:hover { background: #403223;}


#billboard { width: 972px; margin: 0 auto;}
	#left { width: 239px; height: 272px; padding: 50px 20px 0px 20px; float: left; background: url(../images/billboard/left_bg.gif);}
		#left h1 { color: #FFFFFF; line-height: 25px;}
		#left ul li { background-image: url(../images/dot2.gif); color: #dc9225;}
	#center { width: 418px; float: left; position: relative;}
		.sliderwrapper{
			position: relative; /*leave as is*/
			overflow: hidden; /*leave as is*/
			width: 418px; /*width of featured content slider*/
			height: 322px;
			}
		.sliderwrapper .contentdiv {
			visibility: hidden; /*leave as is*/
			position: absolute; /*leave as is*/
			left: 0;  /*leave as is*/
			top: 0;  /*leave as is*/
			background: white;
			width: 418px; /*width of content DIVs within slider*/
			height: 100%;
			filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
			-moz-opacity: 1;
			opacity: 1;
			}
		#center .pagination{
			width: 370px; /*Width of pagination DIV*/
			}
		#paginate-slider1 {
			position:absolute;
			z-index:9999;
			left: 20px;
			bottom: 20px;
		}
		#center .pagination a { color: #211b0d; text-decoration: none;}
		#center .pagination a:hover { text-decoration: none;}
		#center .pagination .begin { background: url(../images/billboard/photo_nav_begin.gif) no-repeat top left;}
		#center .pagination .beginActive { background: url(../images/billboard/photo_nav_begin_active.gif) no-repeat top left; color: #FFFFFF;}
		#center .pagination .middle { background: url(../images/billboard/photo_nav_middle.gif) repeat-x top; border-left: 1px solid #a19a90;}
		#center .pagination .middleActive { background: url(../images/billboard/photo_nav_middle_active.gif) repeat-x top; border-left: 1px solid #a19a90; color: #FFFFFF;}
		#center .pagination .end { background: url(../images/billboard/photo_nav_end.gif) no-repeat top right; border-left: 1px solid #a19a90; margin-right: 5px;}
		#center .pagination .endActive { background: url(../images/billboard/photo_nav_end_active.gif) no-repeat top right; border-left: 1px solid #a19a90; margin-right: 5px; color: #FFFFFF;}
			#center .pagination .begin,
			#center .pagination .beginActive,
			#center .pagination .middle,
			#center .pagination .middleActive,
			#center .pagination .end,
			#center .pagination .endActive {line-height: 22px; font-size: 11px; font-weight: bold; padding: 0px 10px 0px 10px; display: block; float: left;}
	#right { width: 275px; float: left; background: url(../images/billboard/right_bg.gif);}
		#right h3 { font-size: 20px; font-weight: normal; font-family: "Times New Roman", Times, serif; margin: 0px; color: #b77a20;}
		#right h3 a { color: #b77a20;}
		#right p { margin: 0px;}
		#right .featuredTag { font-size: 11px; font-weight: bold;}
		#right .featured { height: 91px; border-bottom: 1px solid #f0eada; padding: 15px 15px 0px 15px;}
		#right .last { border-bottom: none;}
		#right .featuredImg { float: right; border: 3px solid #fff0de; margin-left: 5px;}
	#billboard, #center, #right { height: 322px;}

#services { width: 972px; margin: 0 auto; background: #FFFFFF; border-top: 1px solid #e8e3d6; border-bottom: 5px solid #917d64;}
	#services h2 { margin-top: 0px; margin-bottom: 0px; color: #513e29;}
	#safetyStandards { width: 182px; float: left; background: url(../images/services/safety_1st.gif) no-repeat top right;}
	#safetyStandards p { padding-right: 70px;}
	#clientTestimonials { width: 195px; float: left; background: url(../images/services/client_testimonials.gif) no-repeat top right;}
	#clientTestimonials p { padding-right: 80px;}
	#customerSupport { width: 182px; float: left; background: url(../images/services/customer_support.gif) no-repeat top right;}
	#customerSupport p { padding-right: 70px;}
	#requestQuote { width: 253px; float: left;}
	#requestQuote h2 { font-size: 21px; letter-spacing: -1px;}
	#safetyStandards, #clientTestimonials, #customerSupport, #requestQuote { padding: 20px 20px 30px 20px;}
	/*#services, #safetyStandards, #clientTestimonials, #customerSupport, #requestQuote { height: 243px;}*/
	
#container { width: 932px; margin: 0 auto; background: #FFFFFF; border-bottom: 5px solid #917d64; padding: 20px;}
	#container #sidebarLeft { float: left; width: 165px;}
	#container #main { float: left; width: 562px; line-height: 16px; margin-left: 20px;}
	#container .noSidebarRight { width: 747px !important;}
		#breadcrumb { font-size: 11px; padding-bottom: 15px; }
			#breadcrumb ul { margin: 0px; padding: 0px;}
			#breadcrumb ul li { display: block; list-style: none; float: left; margin: 0px; padding: 0px 10px 0px 10px; color: #3b3017; background: url(../images/arrow_2.gif) no-repeat left center;}
			#breadcrumb ul .home { padding: 0px 10px 0px 0px; background: none; margin: 0px;}
		#content p { margin-top: 0px;}
		#content .ul { margin-top: 20px; margin-bottom: 15px;}
		#content .ul li { margin-bottom: 10px; line-height: 14px;}
	#container #sidebarRight { float: left; width: 165px; margin-left: 20px; margin-top: 30px;}
	#container .oneColumn { width: 932px !important; line-height: 16px; float: none !important;}

#submenu { background: #d0cab9; border-bottom: 10px solid #FFFFFF;}
	#submenu .c1 { background: url(../images/submenu/c1.gif) no-repeat top left;}
	#submenu .c2 { background: url(../images/submenu/c2.gif) no-repeat top right;}
	#submenu .c3 { background: url(../images/submenu/c3.gif) no-repeat bottom left;}
	#submenu .c4 { background: url(../images/submenu/c4.gif) no-repeat right bottom;}
	#submenu .ctn { padding: 5px 0px 5px 0px; display: inline-block;}
	/*#submenu .ctn a { display: block; padding: 6px 15px 6px 15px; color: #513e29; border-bottom: 1px solid #FFFFFF; text-decoration: none; width: 135px;}
	#submenu .ctn .active { background: #dd9225; color: #FFFFFF;}*/
	#submenu .ctn .active { color: #FFFFFF; background: #dd9225;}
	#submenu .ctn .active:hover { color: #FFFFFF; background: #dd9225;}
	#submenu .ctn a { color: #513e29; text-decoration: none;}
	#submenu .ctn a:hover { background: #e0dac8;}
	#submenu .ctn .last { border-bottom: none;}
	#submenu ul li { background: none; margin: 0; padding: 0; border-bottom: 1px solid #FFFFFF; color: #513e29;}
		#submenu ul li a { display: block; padding: 5px 15px 5px 15px; width: 135px;}
			#submenu ul li ul { margin: 10px 0px 10px 15px;}
			#submenu ul li ul li { font-size: 11px; border-bottom: 1px solid #e8e1cf;} 
				#submenu ul li ul li a { display: block; padding: 3px 5px 3px 3px; width: 142px;}
			#submenu ul li ul li ul { margin-left: 10px;}
			#submenu ul li ul li ul li a { width: 132px;}
				
#subsubmenu { float: right; margin: 0px 0px 20px 20px; background: #f2efe6; padding: 10px;}
	#subsubmenu select { margin-top: 7px;}

.box00 { background: #513e29; border-bottom: 10px solid #FFFFFF;}

.box01 { background: #513e29; border-bottom: 10px solid #FFFFFF;}
	.box01 .c1 { background: url(../images/box01/c1.gif) no-repeat top left;}
	.box01 .c2 { background: url(../images/box01/c2.gif) no-repeat top right;}
	.box01 .c3 { background: url(../images/box01/c3.gif) no-repeat bottom left;}
	.box01 .c4 { background: url(../images/box01/c4.gif) no-repeat right bottom;}
	.box01 .ctn { padding: 15px; color: #FFFFFF; font-size: 11px; display: inline-block;}
	.box01 .ctn h2 { margin: 0px 0px 10px 0px;}
	
.box02 { background: #faf9f8; border-bottom: 10px solid #FFFFFF;}
	.box02 .brdTop { background: url(../images/box02/brd_top.gif) repeat-x top;}
	.box02 .brdRight { background: url(../images/box02/brd_right.gif) repeat-y right;}
	.box02 .brdBtm { background: url(../images/box02/brd_btm.gif) repeat-x bottom;}
	.box02 .brdLeft { background: url(../images/box02/brd_left.gif) repeat-y left;}
	.box02 .c1 { background: url(../images/box02/c1.gif) no-repeat top left;}
	.box02 .c2 { background: url(../images/box02/c2.gif) no-repeat top right;}
	.box02 .c3 { background: url(../images/box02/c3.gif) no-repeat bottom left;}
	.box02 .c4 { background: url(../images/box02/c4.gif) no-repeat right bottom;}
	.box02 .ctn { padding: 15px; font-size: 11px; display: inline-block;}
	.box02 .ctn h2 { margin: 0px;}
	.box02 .ctn p { margin: 10px 0px 0px 0px;}
	
.box03 { background: #FFFFFF; border-bottom: 10px solid #FFFFFF;}
	.box03 .brdTop { background: url(../images/box03/brd_top.gif) repeat-x top;}
	.box03 .brdRight { background: url(../images/box03/brd_right.gif) repeat-y right;}
	.box03 .brdBtm { background: url(../images/box03/brd_btm.gif) repeat-x bottom;}
	.box03 .brdLeft { background: url(../images/box03/brd_left.gif) repeat-y left;}
	.box03 .c1 { background: url(../images/box03/c1.gif) no-repeat top left;}
	.box03 .c2 { background: url(../images/box03/c2.gif) no-repeat top right;}
	.box03 .c3 { background: url(../images/box03/c3.gif) no-repeat bottom left;}
	.box03 .c4 { background: url(../images/box03/c4.gif) no-repeat right bottom;}
	.box03 .ctn { padding: 15px; font-size: 11px; display: inline-block;}
	.box03 .ctn h3 { margin: 0px;}
	.box03 .ctn h4 { margin: 0px; font-size: 12px;}
	.box03 .ctn p { margin: 10px 0px 0px 0px;}
.boxAskTheExperts { width: 165px; height: 145px; background: url(../images/sidebar/ask_the_experts_bg.jpg); border-bottom: 10px solid #FFFFFF;}
	.boxAskTheExperts .ctn { padding: 15px 65px 0px 10px; font-size: 11px; display: inline-block; color: #FFF;}
	.boxAskTheExperts .ctn h2 { margin-top: 0px; font-size: 16px; line-height: 16px;}
	.boxAskTheExperts .ctn p { margin: 0px 0px 10px 0px;}


	
.productInBox { margin: 0 auto; text-align: center; }
	.productInBox img { margin-top: 15px;}
.artisan { float: right; margin: 0px 0px 25px 25px;}
.artisan table { margin-bottom: 20px;}
.img { float: right; margin: 0px 0px 20px 20px;}
.imgA { float: right; margin: 0px 0px 20px 20px; text-align: center;}
.imgB { margin: 15px auto; text-align: center;}
.imgC { margin: 15px auto; display: block;}
.imgD { border: 1px solid #000000;}
.quote { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 13px; color: #666; padding-left: 10px;}
.pdf { background: url(../images/pdf_icon.gif) no-repeat left center; vertical-align: middle; height: 25px; padding: 10px 0px 0px 40px; display: block;}
.hr { background: #e8e3d5; height: 1px; margin: 20px 0px 20px 0px; clear: both;}
.hr1 { background: #e8e3d5; height: 1px; margin: 0px 0px 0px 0px; clear: both;}
.link2Article { margin-top: 10px; display: block;}
#photo { margin: 0 auto; display: block;}

#footer { width: 922px; margin: 0 auto; margin-top: 20px; color: #513e29; background: url(../images/footer/logo.gif) no-repeat top left; padding-left: 50px; height: 34px; font-size: 11px; line-height: 16px;}
	#footer a { color: #513e29; padding: 0px 4px 0px 4px;}
	#footer .firstLink { padding-left: 0px;}

div.clear { clear: both; height: 0px; float: none;}
	div.clear hr { display: none;}