@charset "utf-8";
/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
	{margin: 0;	padding: 0;	border: 0; outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent;}	
ol, ul {list-style: none;}	
table {border-collapse: collapse;border-spacing: 0;}

body {line-height: 1; font-family: Helvetica, Arial, sans-serif;}
h1{color:#c81b22; font-family:Georgia, "Times New Roman", Times, serif; font-size:42px; font-weight:normal; margin-bottom:8px; padding-left:1px; line-height:1.2em;
 display:inline-block;}
h2{color:#c81b22; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:normal; margin:0 0 8px 0; line-height:1.3em; padding-top:20px; padding-left:1px;}
h3{color:#c81b22; font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:normal; margin:0 0 5px 0; line-height:1.3em; padding-top:20px; padding-left:1px; clear:right;}
h4{color:#c81b22; font-family: Helvetica, Arial, sans-serif; font-size:11px; text-transform:uppercase; font-weight:normal; margin-bottom:6px; padding-top:3px;}

a:link, a:visited{color:#000000; text-decoration:underline;}

#container{width:975px; margin:0 auto 0 auto;}

#logo{display:block; text-align:right;}
#logo img{padding:31px 25px 21px 25px;}

/* ------------- Top Navigation ------------- */
#mainnav{height:38px; background-color:#44281a; color:#FFFFFF; margin-bottom:10px; -moz-border-radius: 5px;	-webkit-border-radius: 5px;}
.mainnav_bgL{background:url(images/structure/bg_mainnavL.gif) no-repeat; float:left; width:6px; height:38px;}
.mainnav_bgR{background:url(images/structure/bg_mainnavR.gif) no-repeat; float:right; width:6px; height:38px;}
#mainnav ul{margin-left:18px; font-size:15px;}
#mainnav li{float:left; margin-right:15px; color:#c81b22; margin-top:10px;}
#mainnav li a:link, #mainnav li a:visited{color:#FFFFFF; text-decoration:none; display:block;}
#mainnav li a:hover{color:#c81b22; text-decoration:none; cursor:pointer;}
#mainnav li span{height:20px; position:absolute; display:block; background-image:url(images/structure/mainnav.jpg);}

#mn_about span{width:52px; background-position:0 0;}
#mn_col span{width:91px; background-position:-52px 0;}
#mn_fin span{width:75px; background-position:-143px 0;}
#mn_proj span{width:73px; background-position:-218px 0;}
#mn_show span{width:89px; background-position:-291px 0;}
#mn_con span{width:72px; background-position:-380px 0;}

#mn_about a:hover span, #mn_about_active #mn_about span{width:52px; background-position:0 -20px;}
#mn_col a:hover span, #mn_col_active #mn_col span{width:91px; background-position:-52px -20px;}
#mn_fin a:hover span, #mn_fin_active #mn_fin span{width:75px; background-position:-143px -20px;}
#mn_proj a:hover span, #mn_proj_active #mn_proj span{width:73px; background-position:-218px -20px;}
#mn_show a:hover span, #mn_show_active #mn_show span{width:89px; background-position:-291px -20px;}
#mn_con a:hover span, #mn_con_active #mn_con span{width:72px; background-position:-380px -20px;}

/* ------------- Top Sub-Navigation ------------- */
#subnav{height:18px; background-color:#c81b22; color:#FFFFFF; margin-bottom:8px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.subnav_bgL{background:url(images/structure/bg_subnavL.gif) no-repeat; float:left; width:5px; height:18px;}
.subnav_bgR{background:url(images/structure/bg_subnavR.gif) no-repeat; float:right; width:5px; height:18px;}
#subnav ul{font-size:11px;}
#subnav li{float:left; margin-right:15px; color:#44281a; margin-top:2px;}
#subnav li a:link, #subnav li a:visited{color:#FFFFFF; text-decoration:none; cursor:pointer;}
#subnav li a:hover{color:#44281a; text-decoration:none;}

#sn_about{margin-left:15px;}
#sn_about span{height:15px; position:absolute; display:block; background-image:url(images/structure/subnav_about.gif);}
#sn_about li.sn_warr span{width:62px; background-position:0 0;}
#sn_about li.sn_cert span{width:83px; background-position:-62px 0;}
#sn_about li.sn_acc span{width:88px; background-position:-145px 0;}

#sn_about li.sn_warr a:hover span, #sn_about li.sn_warr span.active{width:62px; background-position:0 -15px;}
#sn_about li.sn_cert a:hover span, #sn_about li.sn_cert span.active{width:83px; background-position:-62px -15px;}
#sn_about li.sn_acc a:hover span, #sn_about li.sn_acc span.active{width:88px; background-position:-145px -15px;}

#sn_coll{margin-left:71px;}
#sn_coll span{height:15px; position:absolute; display:block; background-image:url(images/structure/subnav_coll.gif);}
#sn_coll li.sn_wf span{width:78px; background-position:0 0;}
#sn_coll li.sn_boi span{width:57px; background-position:-78px 0;}

#sn_coll li.sn_wf a:hover span, #sn_coll li.sn_wf span.active{width:78px; background-position:0 -15px;}
#sn_coll li.sn_boi a:hover span, #sn_coll li.sn_boi span.active{width:57px; background-position:-78px -15px;}

#sn_fin{margin-left:158px;}
#sn_fin span{height:15px; position:absolute; display:block; background-image:url(images/structure/subnav_fin.gif);}
#sn_fin li.sn_acry span{width:51px; background-position:0 0;}
#sn_fin li.sn_oil span{width:30px; background-position:-51px 0;}
#sn_fin li.sn_mntn span{width:77px; background-position:-81px 0;}
#sn_fin li.sn_wg span{width:82px; background-position:-159px 0;}

#sn_fin li.sn_acry a:hover span, #sn_fin li.sn_acry span.active{width:51px; background-position:0 -15px;}
#sn_fin li.sn_oil a:hover span, #sn_fin li.sn_oil span.active{width:30px; background-position:-51px -15px;}
#sn_fin li.sn_mntn a:hover span, #sn_fin li.sn_mntn span.active{width:77px; background-position:-81px -15px;}
#sn_fin li.sn_wg a:hover span, #sn_fin li.sn_wg span.active{width:82px; background-position:-159px -15px;}

/* ------------- Content ------------- */
.border_top{background-image:url(images/structure/border_top.gif); background-repeat:no-repeat; width:975px; height:5px;}
.border_bottom{ background-image:url(images/structure/border_bottom.gif); background-repeat:no-repeat; width:975px; height:5px;}

#content{border-left:1px solid #c0beae;border-right:1px solid #c0beae;color:#000000;padding:17px 22px 17px 22px; height:531px;}
#content p{font-size:10px; line-height:1.4em; margin-bottom:10px;}
#content ul{list-style-type:disc; margin-left:20px; margin-bottom:15px;}
#content li{font-size:10px; line-height:1.55em;}
.indent{margin-left:15px;}
.mainphotoL{float:left; margin-right:22px; width:442px; height:532px;}
.rimg_top{margin-top:19px; margin-bottom:22px; width:465px; height:159px;}
.rimg_bot{width:465px; height:159px;}

.tri_L{float:left; margin-right:24px; width:480px; height:312px;}
.tri_Rtop{margin-bottom:24px; width:209px; height:144px;}
.tri_Rbot{width:209px; height:144px;}

.fin1,.fin2,.fin3,.fin4{width:221px; float:left;}
.fin1{margin-top:9px; margin-right:22px; margin-bottom:22px;}
.fin2{margin-top:9px; margin-bottom:22px;}
.fin3{margin-right:22px;}

.blank_main{width:480px; height:312px; float:left; margin-right:24px;}
.blank_top{width:209px; height:144px; margin-bottom:24px; margin-left:504px;}
.blank_bot{width:209px; height:144px; margin-left:504px;}

.gray{background-color:#c7c6b7;} .red{background-color:#cc3433;}
.corner_tl{width:4px; height:5px; background:url(images/structure/white_corners.gif) 0 0 no-repeat;}
.corner_tr{width:4px; height:5px; background:url(images/structure/white_corners.gif) -4px 0 no-repeat; float:right; }
.corner_bl{width:4px; height:5px; background:url(images/structure/white_corners.gif) 0 -5px no-repeat;margin-top:136px;}
.corner_br{width:4px; height:5px; background:url(images/structure/white_corners.gif) -4px -5px no-repeat; float:right;margin-top:136px;}

.corner_bl_lg{width:4px; height:5px; background:url(images/structure/white_corners.gif) 0 -5px no-repeat;margin-top:302px;}
.corner_br_lg{width:4px; height:5px; background:url(images/structure/white_corners.gif) -4px -5px no-repeat; float:right;margin-top:302px;}

#copy_right{margin-left:420px; height:480px; position:relative;}

#copy_right_long, #copy_bottom{margin-left:214px;}
#copy_right_long p{font-size:11px; line-height:1.6em;}

#copy_bottom p{font-size:10px; line-height:1.6em; max-width:480px;}
#copy_bottom li{max-width:458px;}
.copy_bottom_right{float:right; width:205px; margin-left:25px;} /* dimensions section */

#specieslist ul{width:620px; list-style-type:none; margin-top:0;}
#specieslist li{width:120px; height:150px; float:left; margin-right:34px; font-size:10px;}
#specieslist li img{margin-bottom:5px;}
#specieslist li span{margin-left:8px; display:block; line-height:1.1em;}
#specieslist li a{text-decoration:none;}
#specieslist li a:hover{text-decoration:underline;}

.myred{color:#c81b22; font-weight:bold;}
.contacttbl td{padding:0 5px 3px 5px; font-size:11px;}
.contacttbl input{font-size:11px; width:125px;}
.app_errors{visibility:hidden; padding:5px; color:#FFFFFF; font-size:12px; text-align:center; background-color:#c81b22;}

/* ------------- Left Nav ------------- */
#leftnav{width:156px; float:left;}
#lnav_title{color:#c81b22; font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; font-weight:normal; 
	margin:0 0 10px 0; padding-bottom:10px; border-bottom:#c0beae 1px solid; height:25px; padding-left:1px;}
#lnav_title span{width:156px; position:absolute; height:35px; background-repeat:no-repeat; margin-left:-1px;}
.woodfloors span{background-image:url(images/hl/lnav_woodfloors.gif);}
.boiserie span{background-image:url(images/hl/lnav_Boiserie.gif);}
.species span{background-image:url(images/hl/lnav_Species.gif);}
.finishes span{background-image:url(images/hl/lnav_finishes.gif);}

#leftnav ul{list-style-type:none; margin:0;}
#leftnav li{font-size:10px; margin-bottom:10px; line-height:1.2em; height:11px;}
#leftnav li a{text-decoration:none; font-weight:normal;}
#leftnav li a:hover, #leftnav li a.active{font-weight:bold;}
#leftnav .lnav_subtitle{color:#858262; border-bottom:#c0beae 1px solid; padding-bottom:6px; padding-top:6px; margin-bottom:9px; font-size:11px;}
#leftnav .lnav_subtitle a{color:#858262;}

#leftnav li.lnav_block{margin-bottom:6px; background-color:#c7c6b7; color:#FFFFFF; padding:3px; font-size:11px; margin-left:-3px; line-height:1em;}
#leftnav li.lnav_block a{text-decoration:none; color:#FFFFFF;}

#leftnav li.lnav_dbl{font-size:10px; margin-bottom:18px; line-height:1.2em; height:11px;}

/*.home{margin-left:4px;}
*/
.homeicon{margin-right:11px; float:left; width:224px; height:150px;}
.home_main{margin-bottom:11px;}

/* ------------- Footer ------------- */
#footer{color:#c0beae; font-size:11px; margin:25px;}
#footer a{color:#c0beae; text-decoration:underline;}
.credit{float:right;}

/* ------------- Projects ------------- */
#projects_copy a, #projects_copy a:visited{text-decoration:none; font-weight:normal;}
#projects_copy a:hover, #projects_copy a:active{color:#c81b22;}
#projects_copy a.redbold{font-weight:bold;color:#c81b22;}
#projects_copy .bold{font-weight:bold;}

/* ------------- OCM ------------- */
#ocm_content{border-left:1px solid #c0beae;border-right:1px solid #c0beae;color:#000000;padding:17px 22px 17px 22px; min-height:531px;}
#ocm_content a:hover{color:#c81b22;}
#ocm_content p{font-size:12px; margin-bottom:1em; padding-top:5px;}
.zebraRow td{background-color:#ebebeb;}
#ocm_contacttbl{margin-bottom:10px;}
#ocm_contacttbl td{padding:5px;font-size:11px;}

/* ------------- H1 ------------- */
h1 span{position:absolute; background-repeat:no-repeat; margin-left:-1px;}
.about span{background-image:url(images/hl/distillingthebeauty.gif); width:434px; height:107px;}
.accred span{background-image:url(images/hl/accreditations.gif); width:301px; height:52px;}
.cert span{background-image:url(images/hl/certifications.gif); width:301px; height:52px;}
.warr span{background-image:url(images/hl/productwarranty.gif); width:367px; height:52px;}
.fin span{background-image:url(images/hl/finishes.gif); width:197px; height:52px;}
.inspiration span{background-image:url(images/hl/inspiration.gif); width:434px; height:52px;}
.showroom span{background-image:url(images/hl/showroom.gif); width:238px; height:52px;}
.contact span{background-image:url(images/hl/contact.gif); width:197px; height:52px;}

/* ------------- H2 ------------- */
h2 span{position:absolute; background-repeat:no-repeat; width:710px; height:67px; margin-left:-1px;}
.title_boi span{background-image:url(images/hl/title_boi.gif);}
.title_wf span{background:url(images/hl/title_wf.gif);}

/* ------------- H3 ------------- */
h3 span{position:absolute; width:220px; height:32px; margin-left:-1px; background-repeat:no-repeat;}

/* Finishes */
.acrylic span{background:url(images/hl/acrylic.gif);}
.oil span{background:url(images/hl/oil.gif);}
.maintenance span{background:url(images/hl/maintenance.gif);}
.woodgrades span{background:url(images/hl/woodgrades.gif);}
.threats span{background:url(images/hl/threats.gif);}
.helpfulhints span{background:url(images/hl/helpfulhints.gif);}
.helpfulhints, .threats{margin-top:0;padding-top:0;}

/* Wood Floors */
.list90 span{background:url(images/hl/listone_90.gif);}
.list125 span{background:url(images/hl/listone_125.gif);}
.plank140 span{background:url(images/hl/plank_140.gif);}
.plank190 span{background:url(images/hl/plank_190.gif);}
.plank230 span{background:url(images/hl/plank_230.gif);}
.atelier span{background:url(images/hl/atelier.gif);}
.michelangelo span{background:url(images/hl/michelangelo.gif);}
.ancien span{background:url(images/hl/ancien.gif);}
.antique span{background:url(images/hl/antique.gif);}
.fahrenheit span{background:url(images/hl/fahrenheit.gif);}
.reserve span{background:url(images/hl/reserve.gif);}

/* Boiserie */
.luminoso span{background:url(images/hl/luminoso.gif);}
.dogato span{background:url(images/hl/dogato.gif);}
.diamantato span{background:url(images/hl/diamantato.gif);}
.modanato span{background:url(images/hl/modanato.gif);}
.moderno span{background:url(images/hl/moderno.gif);}
.rigatino span{background:url(images/hl/rigatino.gif);}
.losanghe span{background:url(images/hl/losanghe.gif);}

/* Species */
h3.spt span{position:absolute; width:230px; height:32px; margin-left:-1px;}
h3.spt_lg span{position:absolute; width:361px; height:32px; margin-left:-1px;}

.cabreuva_km31 span{background:url(images/hl/cabreuva_km_31.gif);}
.cabreuva_vermelha span{background:url(images/hl/cabreuva_vermelha.gif);}
.canadian_maple span{background:url(images/hl/canadian_maple.gif);}
.cherry span{background:url(images/hl/cherry.gif);}
.doussie_africa span{background:url(images/hl/doussie.gif);}
.iroko span{background:url(images/hl/iroko.gif);}
.jatoba span{background:url(images/hl/jatoba.gif);}
.lapacho_amarillo span{background:url(images/hl/lapacho_amarillo.gif);}
.maple span{background:url(images/hl/maple.gif);}
.morado span{background:url(images/hl/morado.gif);}
.oak span{background:url(images/hl/oak.gif);}
.steamed_beech span{background:url(images/hl/steamed_beech.gif);}
.teak span{background:url(images/hl/teak.gif);}
.whiteoak span{background:url(images/hl/whiteoak.gif);}
.wenge span{background:url(images/hl/wenge.gif);}

/* ------------- Scrollbar ------------- */
#scrollbar_content{position:relative; overflow:hidden;}
.Scroller-Container{position:relative;}
#Scrollbar-Container{position:absolute; width:15px;}
.Scrollbar-Up{background:url(images/structure/arrow_top.gif) 0 0 no-repeat; width:15px; height:10px; margin-top:-8px;} 
.Scrollbar-Down{background:url(images/structure/arrow_bot.gif) 0 100% no-repeat; width:15px; height:9px; margin-top:-1px;}
.Scrollbar-Track{width:7px; cursor:move; background:url(images/structure/scrollbar_track.gif) 0 0 repeat-y;margin-left:4px;}
.Scrollbar-Handle{width:5px; background-color:#bbbaa9; cursor:move; margin:1px 0 0 5px; height:65%; position:absolute;}

/* scroll bottom right */
#scrollbar_content{width:714px;height:160px;}	
.Scroller-Container {width:708px;}

#Scrollbar-Container{margin-left:706px;}
.Scrollbar-Track{height:161px;}	

/* scroll species */
#sp_scroll #scrollbar_content{width:714px;height:530px;}	
#sp_scroll .Scroller-Container{width:708px;}

#sp_scroll #Scrollbar-Container{margin-left:706px;}
#sp_scroll .Scrollbar-Track{height:530px;}	

/* scroll threats */
#th_scroll #scrollbar_content{width:714px;height:492px;}	
#th_scroll .Scroller-Container {width:700px;}

#th_scroll #Scrollbar-Container{margin-left:706px;}
#th_scroll .Scrollbar-Track{height:489px;}	

/* scroll about pages */
#ab_scroll #scrollbar_content{width:460px;height:475px;}
#ab_scroll .Scroller-Container {width:452px;}

#ab_scroll #Scrollbar-Container{margin-left:920px;}
#ab_scroll .Scrollbar-Track{height:474px;}