@charset "UTF-8";
/* CSS Document */
/* Written for Folger and Burt */
/* Written by Matthew Moore and mtnLAB */


/* RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-weight: normal; font-style: normal; color: #FFFFFF }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }



/* GENERAL */

body {
	background: url(../img/bgMain.gif) top left repeat-x #000000;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #ffffff;
	}
	
a:link, a:visited {
	color: #868600;
	font-weight: bold;
}
a:hover { color: #757547; font-weight: bold; text-decoration: underline; }
a:active {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}



/* NAVIGATION */

#navigation { text-indent:-2000px; width: 529px; height: 29px; float: right; }
.logo { width: 451px; height: 29px; float: left; }
#navigation ul { height: 29px; margin-left: 45px; padding: 0; list-style-type: none; }
#navigation ul li { float: left; }
#navigation li a:link, #navigation li a:visited { display: block; height: 28px; }
#navigation li a:hover { text-decoration: none; }
.about {background:url(../img/navAbout.gif) repeat-x left top; width:63px;}
a.about:hover {background:url(../img/navAbout.gif) repeat-x left top; background-position: 0 -29px;}
.collections {background:url(../img/navCollections.gif) repeat-x left top; width:100px;}
a.collections:hover {background:url(../img/navCollections.gif) repeat-x left top; background-position: 0 -29px;}
.installations {background:url(../img/navInstallations.gif) repeat-x left top; width:107px;}
a.installations:hover {background:url(../img/navInstallations.gif) repeat-x left top; background-position: 0 -29px;}
.services {background:url(../img/navServices.gif) repeat-x left top; width:70px;}
a.services:hover {background:url(../img/navServices.gif) repeat-x left top; background-position: 0 -29px;}
.library {background:url(../img/navLibrary.gif) repeat-x left top; width:65px;}
a.library:hover {background:url(../img/navLibrary.gif) repeat-x left top; background-position: 0 -29px;}
.contact {background:url(../img/navContact.gif) repeat-x left top; width:78px;}
a.contact:hover {background:url(../img/navContact.gif) repeat-x left top; background-position: 0 -29px;}
.active_about { background:url(../img/navAbout.gif) repeat-x left top; width:63px; background-position: 0 -58px;}
.active_collections { background:url(../img/navCollections.gif) repeat-x left top; width:100px; background-position: 0 -58px;}
.active_installations { background:url(../img/navInstallations.gif) repeat-x left top; width:107px; background-position: 0 -58px;}
.active_services { background:url(../img/navServices.gif) repeat-x left top; width:70px; background-position: 0 -58px;}
.active_library { background:url(../img/navLibrary.gif) repeat-x left top; width:65px; background-position: 0 -58px;}
.active_contact { background:url(../img/navContact.gif) repeat-x left top; width:78px; background-position: 0 -58px;}



/* SUBNAVIGATION */

#subnav { text-indent:-2000px; width: 980px; height: 25px;float: right; }
#subnav ul { height: 25px; padding: 0; list-style-type: none; }
#subnav ul li { float: left; }
#subnav li a:link, #subnav li a:visited { display: block; height: 25px; }
#subnav li a:hover { text-decoration: none; }
.sub_about {background:url(../img/snavAbout.gif) repeat-x left top; width: 60px;}
a.sub_about:hover {background:url(../img/snavAbout.gif) repeat-x left top; background-position: 0 -25px;}
.sub_team {background:url(../img/snavTeam.gif) repeat-x left top; width: 52px;}
a.sub_team:hover {background:url(../img/snavTeam.gif) repeat-x left top; background-position: 0 -25px;}
.sub_showroom {background:url(../img/snavShowroom.gif) repeat-x left top; width: 92px;}
a.sub_showroom:hover {background:url(../img/snavShowroom.gif) repeat-x left top; background-position: 0 -25px;}
.sub_sustainability {background:url(../img/snavSustainability.gif) repeat-x left top; width: 109px;}
a.sub_sustainability:hover {background:url(../img/snavSustainability.gif) repeat-x left top; background-position: 0 -25px;}
.sub_news {background:url(../img/snavNews.gif) repeat-x left top; width: 53px;}
a.sub_news:hover {background:url(../img/snavNews.gif) repeat-x left top; background-position: 0 -25px;}
.sub_services {background:url(../img/snavServices.gif) repeat-x left top; width: 70px;}
a.sub_services:hover {background:url(../img/snavServices.gif) repeat-x left top; background-position: 0 -25px;}
.sub_stepbystep {background:url(../img/snavStepbyStep.gif) repeat-x left top; width: 90px;}
a.sub_stepbystep:hover {background:url(../img/snavStepbyStep.gif) repeat-x left top; background-position: 0 -25px;}
.sub_tools {background:url(../img/snavTools.gif) repeat-x left top; width: 57px;}
a.sub_tools:hover {background:url(../img/snavTools.gif) repeat-x left top; background-position: 0 -25px;}
.sub_resources {background:url(../img/snavResources.gif) repeat-x left top; width: 85px;}
a.sub_resources:hover {background:url(../img/snavResources.gif) repeat-x left top; background-position: 0 -25px;}
.sub_inspiration {background:url(../img/snavInspiration.gif) repeat-x left top; width: 92px;}
a.sub_inspiration:hover {background:url(../img/snavInspiration.gif) repeat-x left top; background-position: 0 -25px;}
.sub_ourrole {background:url(../img/snavOurRole.gif) repeat-x left top; width: 78px;}
a.sub_ourrole:hover {background:url(../img/snavOurRole.gif) repeat-x left top; background-position: 0 -25px;}


.sub_active_about { background:url(../img/snavAbout.gif) repeat-x left top; width:60px; background-position: 0 -50px;}
.sub_active_team { background:url(../img/snavTeam.gif) repeat-x left top; width:52px; background-position: 0 -50px;}
.sub_active_showroom { background:url(../img/snavShowroom.gif) repeat-x left top; width:92px; background-position: 0 -50px;}
.sub_active_sustainability { background:url(../img/snavSustainability.gif) repeat-x left top; width:109px; background-position: 0 -50px;}
.sub_active_news { background:url(../img/snavNews.gif) repeat-x left top; width:53px; background-position: 0 -50px;}
.sub_active_services { background:url(../img/snavServices.gif) repeat-x left top; width:70px; background-position: 0 -50px;}
.sub_active_stepbystep { background:url(../img/snavStepbyStep.gif) repeat-x left top; width:90px; background-position: 0 -50px;}
.sub_active_tools { background:url(../img/snavTools.gif) repeat-x left top; width:57px; background-position: 0 -50px;}
.sub_active_resources { background:url(../img/snavResources.gif) repeat-x left top; width:85px; background-position: 0 -50px;}
.sub_active_inspiration { background:url(../img/snavInspiration.gif) repeat-x left top; width:92px; background-position: 0 -50px;}
.sub_active_ourrole { background:url(../img/snavOurRole.gif) repeat-x left top; width:78px; background-position: 0 -50px;}


/* LAYOUT */

#wrapper { width: 980px; margin-left: auto; margin-right: auto; text-align: left; }
#wrapper_nav { width: 980px; height: 29px; margin-top: 28px; }
#wrapper_subnav { width: 980px; height: 25px; background: #999966; margin-bottom: 1px; }
#wrapper_content { width: 980px; }
#wrapper_gallery { width: 980px; height: 507px; background: #131313; }
#wrapper_content_team { width: 980px; background:url(../img/bgTeam.gif) repeat-x left top; }
#wrapper_content_team a { color: #000; text-decoration: none; font-weight: bold; }
#wrapper_content_team a:hover { color: #000; text-decoration: underline; font-weight: bold; }
#wrapper_content_resources { width: 940px; background: #938d81; padding: 20px;}
#wrapper_content_catalogs { width: 900px; background: #f5f1ea; margin-top: 20px; padding: 20px; }
#wrapper_content_resources p { color: #666666; font-size: .75em; }
#wrapper_content_resources h2 { font-size: .85em; margin-bottom: 10px; color: #000000; }
#wrapper_content_resources h3 { font-size: .75em; text-align: center; margin-bottom: 10px; font-weight: bold; color: #000000; }
#wrapper_content_catalogs1 { width: 430px; float: left; padding: 20px; background: #f5f1ea; margin-top: 20px; }
#wrapper_content_catalogs2 { width: 430px; float: left; padding: 20px; background: #f5f1ea; margin-top: 20px; }


#wrapper_content p { font-size: .75em; color: #333333; padding: 0 22px 10px 22px; letter-spacing: .035em; line-height: 1.45em; }
#wrapper_content ul { font-size: .75em; color: #333333; margin: 0 0 14px 40px; line-height: 1.45em; }
#wrapper_content li { list-style-type: disc; }
#wrapper_content span { font-size: .75em; color: #333333; padding: 0 22px; letter-spacing: .035em; line-height: 1.7em; }
#wrapper_gallery .header { height: 38px; }
#content_left { width: 566px; height: 507px; float: left; background: #f5f1e9; }
#content_right { width: 413px; height: 507px; background: #f5f1e9; float: right; }
#content_left_large { width: 566px; float: left; background: #f5f1e9; }
#content_right_large { width: 413px; background: #f5f1e9; float: right; }
#content_right_home { width: 413px; height: 507px; background: #f5f1e9; float: right; }
#content_right_home p { margin-bottom: 10px; text-align: center; font-size: .7em; line-height: 1.3em; }
#content_contact_left { width: 636px; height: 325px; float: left; }
#content_contact_right { width: 343px; height: 303px; background: #f5f1e9; padding-top: 22px; float: right; }
#content_contact_bottom { width: 980px; height: 181px; background: #36332f; float: left; argin-top: 1px; color: #f5f2eb; }
#content_contact_bottom_left { width: 446px; height: 181px; padding: 22px; float: left; }
#content_contact_bottom_right { width: 446px; height: 181px; padding: 22px; float: left; }
.map_detail h4 { font-size: .65em; color: #f5f2eb; padding-top: 15px; }
.map_detail h3 { font-size: .65em; color: #c2c28b; }
#banner { margin: 20px 0 20px 0; }
#banner_notop { margin: 0 0 18px 0; }
.homelinks { width: 413px; padding: 7px 0 7px 0; }
.homelinks h4 { font-size: .65em; color: #fff; padding-top: 6px; letter-spacing: .1em; line-height:.65em; }
.homelinks a:link, a:active, a:visited {
}
.homelinks a:hover { text-decoration: underline; }

#collections_column_1 { height: 408px; width: 326px; margin-right: 1px; float: left; }
#collections_column_2 { height: 408px; width: 326px; margin-right: 1px; float: left; }
#collections_column_3 { height: 408px; width: 326px; float: left; }

#library_column_1 { height: 408px; width: 490px; margin-right: 1px; float: left; }
#library_column_2 { height: 408px; width: 489px; float: left; }

#news_content {
	width: 980px;
	background: #f5f1e9;
	float: left;
	padding-top: 22px;
}
#news_content ul {font-size: .75em; color: #333; line-height: 1.45em; }
#news_content ul li {
	list-style-type: none;
	margin-bottom: 22px;
}
#news_content h3 { font-size: 1em; color: #000000; font-weight: bold; }
#news_content p {
	font-size: 1em;
	color: #000000;
	padding: 0;
	margin: 0 0 14px 0;
}
.news_image { float: left; width: 200px; margin-right: 22px; }

#tools_column_1 { width: 283px; padding: 22px; background: #f5f1e9; float: left; }
#tools_column_2 { width: 630px; padding: 22px 22px 22px 0; background: #f5f1e9; float: left; }
#tools_column_1 ul { margin-left: 22px; margin-top: 22px; }

#stepbystep_column_1 { height: 507px; width: 327px; background: #f5f1e9; float: left; }
#stepbystep_column_2 { height: 507px; width: 329px; background: #f5f1e9; float: left; }
#stepbystep_column_3 { height: 507px; width: 324px; background: #f5f1e9; float: left; }

#manufacturers {
	width: 980px;
	float: left;
	background-color: #C4B29A;
}
.manufacturers_content { width: 980px; margin-top: 1px; float: left; }

.team_member { width: 240px; height: 254px; float: left; }
.team_member_photo { width: 115px; height: 173px; padding: 25px 12px 0 22px; float: left; }
.team_member_detail { width: 240px; padding-top: 5px; }
.team_member_detail h3 { font-size: .65em; color: #000; font-weight: bold; }
.team_member_detail h4 { font-size: .65em; color: #242322; }

#showroom { width: 980px; height: 507px; background: #f4f0ea; }
#showroom_content { padding: 25px; }

.handing { margin-top: 10px; text-align: center; }
.handing a { text-decoration: none; font-size: .75em; }

#background_about { width: 980px; height: 100%; background:url(../img/bgAboutBar.png) repeat-y left top; position: absolute; }
#background_collections { width: 980px; height: 100%; background:url(../img/bgCollectionsBar.png) repeat-y left top; position: absolute; }
#background_installations { width: 980px; height: 100%; background:url(../img/bgInstallationsBar.png) repeat-y left top; position: absolute; }
#background_services { width: 980px; height: 100%; background:url(../img/bgServicesBar.png) repeat-y left top; position: absolute; }
#background_library { width: 980px; height: 100%; background:url(../img/bgLibraryBar.png) repeat-y left top; position: absolute; }
#background_contact { width: 980px; height: 100%; background:url(../img/bgContactBar.png) repeat-y left top; position: absolute; }

.img_left { float: left; margin: 0 20px 20px 0; }
.img_right { float: right; margin: 0 0 20px 20px; }
.map_left { float: left; margin-right: 22px; }

#credits_wrapper { background-color: #111111; height: 300px; padding-top: -10px; }
#credits { height: 260px; width: 460px; margin: 10px; padding: 10px; background-color: #111111; }
#credits h3 { font-size: .85em; color: #ffffff; padding-bottom: 10px; }
#credits p {
	font-size: 0.75em;
	color: #FFFFFF;
	padding-bottom: 10px;
}

#catalog_wrapper { background-color: #111111; height: 600px; padding: 20px; }
#catalog h3 { font-size: .85em; }

#newsgallery_wrapper { background-color: #000000; height: 600px; padding: 20px; }

#catalog_popup_wrapper { background-color: #000000; height: 650px; padding: 20px; text-align: center; font-size: .75em; }

#news_article_wrapper { background-color: #4e4e4e; padding-top: -10px; }
#news_article { width: 460px; margin: 10px; padding: 10px; background-color: #f5f1e9; }
#news_article h3 { font-size: .85em; color: #242322; font-weight: bold; padding-bottom: 10px; }
#news_article p { font-size: .75em; color: #242322; padding-bottom: 10px; }

#footer {
	width: 980px;
	background: #000000;
	font-size: .6em;
	color: #666666;
	margin: 1px 0px 20px 0px;
	text-align: right;
	border-top: solid 1px #999966;
	border-bottom: solid 1px #292929;
	}
#footer a { color: #666666; text-decoration: none; }
#footer p { margin: 6px 0; }

.clear { clear: both; }

/* Tabs */
.tab_bg { background-color: #999966; width: 630px; height: 32px; }
.tabbed-pane ul { display: block; float: left; margin: 0; padding: 0;  border-bottom: 1px solid #999966; }
.tabbed-pane legend { display: none; }
.tabbed-pane-sheet { clear: left; border: 1px solid #999966; border-top: none; margin: 0; padding: 15px 0; }
.tabbed-pane ul li { font-weight: bold; padding: 0.7em 1em 0 1em; margin-right: 0.5em; float: left; display: block; color: #000000; text-decoration: none; } }
.tabbed-pane ul li a { font-weight: bold; padding: 0.5em 1em; margin-right: 0.5em; border: 1px solid #999966; border-bottom: none; color: #ffffff; text-decoration: none; }
.tabbed-pane ul li a { color: #ffffff; text-decoration: none; }
.label { display: block; float: left; width: 8em; }
.become-tabbed-menu { position: fixed; right: 1em; top: 1em; background: #000000; }
#manufacturers li {
	color: #333;
	display: inline;
	list-style-type: none;
	padding-right: 18px;
	line-height: 1.8em;
	font-family: "Lucida Sans", "Lucida Grande";
	font-size: 13px;
}
#manufacturers ul {
	margin: 0px;
	padding-top: 5px;
	padding-right: 18px;
	padding-bottom: 12px;
	padding-left: 30px;
}
#manufacturers strong {
	font-weight: normal;
	color: #000000;
}
#wrapper #wrapper_content #manufacturers p.manufacturers-title {
	text-align: center;
	font-family: "Lucida Grande CE", "Lucida Grande CY", Arial, sans-serif;
	font-size: 16px;
	color: #000000;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: 0px;
	padding: 0px;
}
.newsimage {
	float: left;
}
.newstext {
	float: left;
	padding-left: 30px;
	padding-right: 18px;
	width: 520px;
}
.newsgallery img {
	margin-right: 13px;
	border: 1px solid #999999;
}
.newsitem {
	padding-bottom: 8px;
}
#news_content hr {
	margin-bottom: 20px;
}
.highslide-dimming {
	background: black;
}
