@charset "UTF-8";
/* CSS Document - Greenworks Cabinetry - Global Styles*/

/* meyerweb.com Global Reset */
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, 
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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}/* remember to define focus styles! */
a:active {outline:none}/* My Addition */
a { outline:expression(hideFocus=‘true’); outline:0; }/* Hide dotted outline in FF + IE *//* My Addition */
body{line-height:1;color:rgb(219,205,189);background:none; text-align:center}
ol, ul{list-style:none}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
body {background:rgb(244,243,234) url(../images-global/bg_leaves.jpg) no-repeat top right; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif}
#wrapper { width:980px; margin:6px auto 0 auto; text-align:left; /*overflow:auto*/ }
#home-logo { height:80px; width:270px; float:left; background:url(../images-global/logo_greenworks_header-trans.png) 0 0 no-repeat; margin:0 }
#home-logo a {display:block; width:100%; height:100%; text-decoration:none}
#home-logo a:hover {text-decoration:none}
#slogan { float:right; padding:37px 30px 0 370px;}
#slogan a {display:block; width:100%; height:100%; text-decoration:none}
#slogan a:hover {text-decoration:none}

a { text-decoration:none}

#navmenu {width:980px; height:33px; background:url(../images-global/nav_top_menu-trans.png) no-repeat; margin:0 0 5px 0; padding:0; position:relative; clear:both}
#navmenu li {margin:0; padding:0; list-style:none; display:block; position:absolute}
#navmenu a {display:block}

#home {left:0px; top:0px; width:392px; height:33px}
#products {left:392px; top:0px; width:76px; height:33px}
#about {left:468px; top:0px; width:74px; height:33px}
#green {left:542px; top:0px; width:93px; height:33px}
#ad {left:635px; top:0px; width:113px; height:33px}
#where {left:748px; top:0px; width:115px; height:33px}
#contact {left:863px; top:0px; width:117px; height:33px}
/** html #navmenu a:link, * html #navmenu a:visited {height:33px; he\ight:0;}*/
#home a {height:33px}
#products a {height:33px}
#about a {height:33px}
#green a {height:33px}
#ad a {height:33px}
#where a {height:33px}
#contact a {height:33px}

#home a:hover {background: url(../images-global/nav_top_menu-trans.png) 0px -33px no-repeat}
#products a:hover {background: url(../images-global/nav_top_menu-trans.png) -392px -33px no-repeat}
#about a:hover {background: url(../images-global/nav_top_menu-trans.png) -468px -33px no-repeat}
#green a:hover {background: url(../images-global/nav_top_menu-trans.png) -542px -33px no-repeat}
#ad a:hover {background: url(../images-global/nav_top_menu-trans.png) -635px -33px no-repeat}
#where a:hover {background: url(../images-global/nav_top_menu-trans.png) -748px -33px no-repeat}
#contact a:hover {background: url(../images-global/nav_top_menu-trans.png) -863px -33px no-repeat}
/** html #navmenu a:hover {height:33px; he\ight:0}*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
p {color:rgb(96,57,19); font-size:.8em; line-height:140%; text-align:justify}
h3 {color:rgb(96,57,19); font-size:.9em; line-height:140%; text-align:justify; font-weight:bold}
#content {margin:0; border:rgb(148,155,81) 1px solid; padding:0; background:url(../images-global/bg_content-80percent-trans.png) repeat-y}
#content p {padding:0 340px 10px 38px}
#content h2 { padding:0 340px 10px 38px; font-size:1.3em; color:rgb(96,57,19) }
#content h3 { padding:0 340px 5px 38px }
#content h4 { color:rgb(96,57,19); font-size:0.8em; line-height:130%; text-align:left; font-weight:bold; padding:0 340px 5px 38px }
#content h4.dealersuburb { color:rgb(30,0,0); font-size:0.90em; line-height:130%; text-align:left; font-weight:bold; padding:0 340px 2px 38px; text-transform: uppercase; }
#content a:link, #content a:visited {color:rgb(96,57,19); font-weight:bold}
#content a:hover, #content a:active {color:#000; text-decoration:underline}
#content strong { font-weight:bold}
#content .fr {float:right; margin:5px 0 5px 10px}
#content .fl {float:left; margin:5px 10px 5px 0}
/*#content p.home-intro {color:rgb(219,205,189); font-size:1em; line-height:130%; text-align:justify }
#content p.home-speil { padding-top:25px; color:rgb(175,150,125); font-size:0.9em; font-style:italic; line-height:130%; text-align:justify }
#content p.address {margin-top:55px; color:rgb(175,150,125); letter-spacing:1px}*/
#content .heading_img { margin:30px 0 10px 38px }
#content ul { padding:0 340px 5px 55px }
#content li { color:rgb(96,57,19); font-size:0.8em; line-height:120%; padding-bottom:0.6em }
#content img.quotefin {margin-bottom:-6px}

#content .caption { float:right; width:200px; margin:60px 40px 10px 0; background:none }
#content .caption p {color:rgb(104,114,50); font-size:1.3em; letter-spacing:1px; line-height:130%; text-align:center; padding:15px}

#content .newsevent {width:900px; margin:0 25px 10px 38px; border:none; display:block; clear:both}
#content .newsevent p {padding:4px 305px 10px 0}
#content .newsevent a {color:#310403}
#content .newsevent h3 {padding:0 305px 5px 0; line-height:110%; font-size:1em; letter-spacing:1px}
#content .newsevent h4 {padding:0 305px 0 0; line-height:120%; color:#310403}
#content .newsevent .date {float:right; margin:4px 84px 0 0}
#content .newsevent .plaque {float:right; display:block; background:url(../images-global/bg_date-plaque-trans.png) left bottom}
#content .newsevent .plaque p {padding:0 6px 10px 90px; color:#FFF; font-size:0.8em; font-weight:bold; text-align:right}
/*Contact Page */ legend {color:rgb(96,57,19); padding:3px}

#content #nav-products {width:100%; display:block; font-size:1.4em; padding:0 0 1px 0; margin:0; border-bottom:rgb(148,155,81) 1px solid; text-align:center}
#content #nav-products a:link, #content #nav-products a:visited { color:rgb(148,155,81); font:normal bold 0.50em/140% "Lucida Grande",sans-serif; display:inline; text-decoration:none; letter-spacing: 1px; }
#content #nav-products a:hover, #content #nav-products a:active {text-decoration:none; color:rgb(96,57,19)}

#content div.sample-row, #content div.sample-row-wood { margin:0 10px 20px 30px }
#content div.sample {float:left; width:135px; margin:0 18px 0 0}
#content div.samplewood {float:left; width:190px; margin:0 25px 0 0}
#content div.sample p, #content div.samplewood p {color:rgb(50,15,10); font:normal bold 0.65em/140% "Lucida Grande",sans-serif; text-align:center; padding:3px 0}
#content div.sample img, #content div.samplewood img {margin:0; padding:0; float:none}
.divClear {clear:both}

#subcontent {margin:5px 0 0 0}
#nav_sub { position:relative; width:980px; height:135px; margin:0; background:url(../images-global/nav_sub_bg-trans.png) no-repeat top left; clear:both; display:block }

#nav_sub_menu {/*position:absolute; position:relative; */ width:452px; background:none/*url(../images-global/nav_sub_menu-trans.png) no-repeat 0 0*/; margin:0 0 0 7px; padding:0; clear:both; height: 90px; }
/*#nav_sub_menu li {margin:0; padding:0; list-style:none; display:block; position:absolute}*/
#nav_sub_menu a {display:block}
#nav_sub_menu a.twitter { position:absolute; left:2px; top:10px; width:114px; height:90px; background:url(../images-global/logo_btn-twitter-trans.png) 0 0 no-repeat }
#nav_sub_menu a.twitter:hover {background:url(../images-global/logo_btn-twitter-trans.png) 0 -90px no-repeat}
#nav_sub_menu a.facebook {position:absolute; left:115px; top:19px; width:108px; height:32px; background:url(../images-global/logo_btn-facebook-trans.png) 0 0 no-repeat }
#nav_sub_menu a.facebook:hover {background:url(../images-global/logo_btn-facebook-trans.png) 0 -32px no-repeat}
#nav_sub_menu a.linkedin { position:absolute; left:236px; top:21px; width:28px; height:28px; background:url(../images-global/logo_btn-linkedin-trans.png) 0 0 no-repeat }
#nav_sub_menu a.linkedin:hover {background:url(../images-global/logo_btn-linkedin-trans.png) 0 -28px no-repeat}

/*#guarantee {left:0px; top:0px; width:145px; height:15px}
#pgallery {left:145px; top:0px; width:145px; height:15px}
#dealer {left:290px; top:0px; width:145px; height:15px}
* html #nav_sub_menu a:link, * html #nav_sub_menu a:visited {height:15px; he\ight:0;}
#guarantee a {height:15px}
#pgallery a {height:15px}
#dealer a {height:15px}
#guarantee a:hover {background: url(../images-global/nav_sub_menu-trans.png) 0px -15px no-repeat}
#pgallery a:hover {background: url(../images-global/nav_sub_menu-trans.png) -145px -15px no-repeat}
#dealer a:hover {background: url(../images-global/nav_sub_menu-trans.png) -290px -15px no-repeat}
* html #nav_sub_menu a:hover {height:15px; he\ight:0}*/

#nav_sub a.purebond { display:block; position:absolute; left:690px; top:95px; width:120px; height:21px; background:url(../images-global/logo_purebond-home-trans.png) 0 0 no-repeat }
#nav_sub a.purebond:hover {background:url(../images-global/logo_purebond-home-trans.png) 0 -21px no-repeat}
#nav_sub a.usgbc { display:block; position:absolute; left:828px; top:75px; width:53px; height:53px; background:url(../images-global/logo_usgbcmember_home-trans.png) 0 0 no-repeat }
#nav_sub a.usgbc:hover {background:url(../images-global/logo_usgbcmember_home-trans.png) 0 -53px no-repeat}
#nav_sub a.fsc { display:block; position:absolute; left:894px; top:75px; width:43px; height:50px; background:url(../images-global/logo_fsc_home-trans.png) 0 0 no-repeat }
#nav_sub a.fsc:hover {background:url(../images-global/logo_fsc_home-trans.png) 0 -50px no-repeat}

#subcontent-botm {position:relative; width:980px; margin:0; background:url(../images-global/subcontent-botm_bg.jpg) no-repeat top left; clear:both; display:block}

#aux_nav-menu { display:block; margin:0 0 0 38px; padding:0 0 5px 0 }
#aux_nav-menu a:link {color:rgb(204,180,166); text-decoration:none; list-style-type:none; width:100px}
#aux_nav-menu a, #aux_nav-menu a:visited, #aux_nav-menu a:active {text-align:center; font-size:0.8em; letter-spacing:2px; font-weight:bold; text-decoration:none; color:rgb(204,180,166); display:inline; width:100px; height:1.2em; }
#aux_nav-menu a:hover {color:#fff; text-decoration:underline /*font-weight:bold*/}
#aux_nav-menu #facebook img {margin-bottom:-2px }
#aux_nav-menu #twitter img {margin:-20px 0 -11px 0 }
/*Could not set width of <a> to avoid pixel shift on hover - investigate how to.
#aux_nav-menu {display:block; margin:0 0 0 38px; padding:7px 0 15px 0}
#aux_nav-menu ul a:link {color:rgb(204,180,166); text-decoration:none; list-style-type:none; width:20em;}
#aux_nav-menu li a, #aux_nav-menu li a:visited {text-align:center; font-size:0.8em;  letter-spacing:1px; text-decoration:none; color:rgb(204,180,166); display:inline; width:20em; height:1.2em; }
#aux_nav-menu a:hover {color:#fff; font-weight:bold}*/

#aux-section {margin:0; padding:0 38px; /*background:url(../images-global/aux-section_bandtop-trans.png) no-repeat left bottom*/}
#aux-section h3 {margin:0 0 2px 0; font-size:0.85em; font-weight:bold; color:rgb(255,255,255)}
#aux-section p {font-size:0.8em; line-height:120%; padding:0 0 4px 0; color:rgb(204,180,166)}
#aux-section .hraux {width:904px; height:2px; margin:4px 0 8px 0px; clear:both; background: url(../images-global/hr-aux.gif) no-repeat scroll center}
#aux-section hr {display:none} /*hides hr from IE */
#aux-section a:link, #aux-section a:visited {color:rgb(235,235,235); font-weight:bold }
#aux-section a:hover, #aux-section a:active {color:rgb(204,180,166); text-decoration:underline}

#copyright { width:960px; margin:-45px auto 0 auto; padding:10px 30px 10px 0; color:rgb(96,57,19); font-size:0.6em; letter-spacing:1px; line-height:130%; text-align:right }
#copyright a:link, #copyright a:visited {color:rgb(96,57,19); text-decoration:none}
#copyright a:hover, #copyright a:active {color:#000; text-decoration:underline}