/* CSS Document */ body { margin:0; border:0; padding: 0; background:#fff; text-align:center; font-size:0; line-height:0; } #wrapper { margin: 0 auto; border:0; padding:0; width: 761px; text-align:center; clear:both; } div.across { position:relative; margin:0; border:0; padding: 0 8px 0 8px; clear:both; width:761px; wid\th:745px; } #line { margin:8px; border:0; padding:0; height:1px; clear:both; background:#ccc; font-size:0; line-height:0; } h1 { font-size:16px; font-weight:bold; } .break { clear:both; float:none; font-size:0; line-height:0; } /* MAIN NAVIGATION --------------------------------*/ table#nav { margin:0; border:0; padding:0; border-spacing:1px; background:#999; } table#nav td { margin:0; border:0; padding:0; } /* NEW NAVIGATION INFO --------------------------------------------*/ ul.navMain { margin:0; padding:0; list-style-type:none; border-right:1px solid #999; border-top:1px solid #999; width:745px; wid\th:744px; } ul.navMain li { float:left; margin:0; padding:0; border-left:1px solid #999; border-bottom:1px solid #999; height:18px; } .navMain:after { content: ""; display: block; height:0; clear:both; } /* HOMEPAGE FOOTER HIGHLIGHT BOXES --------------------------------*/ table#small { margin:0; border:0; padding:0; border-spacing:8px; } table#small td { margin:0; border:0; padding:0; } /* MAIN CONTENT --------------------------------*/ A:link { color:#000; TEXT-DECORATION: none; } A:visited { color:#000; TEXT-DECORATION: none; } A:hover { color:#36c; text-decoration: underline; } A.distlink:link, A.distlink:visited { color:#900; TEXT-DECORATION: none; font:14px/1.0 Verdana;} A.distlink:hover { color:#36c; text-decoration: underline; } .footer-left a { color:#666; } /* FINISH PAGES --------------------------------*/ table#finishes { margin:0; border:0; padding:0; border-spacing:8px; } #content-left { margin:0; border:0; padding:0; width:445px; float:left; text-align:left; } .copy { margin:0; border:0; padding:8px; font:11px/1.0 Verdana; color:#333; } div.copy-left { margin:8px; border:0; padding:0; font:11px/1.2 Verdana; color:#333; text-align:left; width:376px; wid\th:360px; } #content-right { margin:0; border:0; padding:0; width:316px; float:left; } .bigtile { margin:0; border:0; padding:8px 8px 0 8px; } #thumbs a img { margin:0; border:1px solid #666; padding:0; } #thumbs a:hover img { margin:0; border:1px solid #36c; padding:0; } #descriptions { margin:0; border:0; padding:0; font:11px/1.0 Arial; color:#666; } div.series { margin:8px; border:1px solid #666; padding:10px; height:52px;font:11px/1.2 Arial; color:#36c; text-align:left; width:332px; wid\th:294px; } a.selectedSeries:link, a.selectedSeries:visited { color:#36c; font-weight:bold; } #caption { margin:0; border:0; padding:0 8px 8px 8px; font:11px/1.0 Arial; color:#666; } /* added May 2008 */ .finishes-main { margin:0; border:0; padding:4px 0; } .finishes-main a img { margin:0; border:0; padding:1px; } table#finishes-2008 { font:11px/11px Arial; color:#666; } table#finishes-2008 b { color:#333; padding:0 3px; } table#finishes-2008 th { position:relative; padding-bottom:10px; border-bottom:1px solid #91a4cc; } table#finishes-2008 td.thumbnail { width:28px; height:28px; padding:0; } a.series:link, a.series:visited { padding:0 3px; color:#999; text-decoration:none; } a.series:hover { color:#000; text-decoration:none; } #thumbs-new { margin-top:-21px; } #thumbs-new a img { margin:0; border:1px solid #666; padding:0; } #thumbs-new a:hover img { margin:0; border:1px solid #36c; padding:0; } .spec-links { margin:0 0 5px 0; border:0; padding:5px; background:#999; float:left; width:185px; wid\th:175px; } a.specs:link, a.specs:visited { font: 11px/11px Arial; color:#fff; text-decoration:none; } a.specs:hover { color:#000; text-decoration:none; } .righted { text-align:right; } .justified-series { text-align:justify; width:370px; } .clicktoenlarge { margin:0; border:0; padding:0; font:11px/1.0 Arial; color:#666; } a.linksondark:link, a.linksondark:visited { color:#fff; text-decoration:none; } a.linksondark:hover { color:#fff; text-decoration:underline; } /* FOOTER --------------------------------*/ div.footer-left { margin:0; border:0; padding:8px; float:left; font:10px/1.2 Arial; color:#666; text-align:left; width:251px; wid\th:235px; } div.footer-right { margin:0; border:0; padding:8px; float:left; font:10px/1.2 Arial; color:#666; text-align:left; width:510px; wid\th:494px; } A.footerlinks:link, A.footerlinks:visited { color:#666; TEXT-DECORATION: none; } A.footerlinks:hover { color:#36c; text-decoration: underline; } /* OTHER PAGES --------------------------------*/ div.about { margin:0 8px 0 8px; border:0; padding:88px 432px 104px 83px; background:url(images/main/about_bg.jpg) no-repeat; font:10px/1.2 Arial; color:#666; text-align:left; width:761px; height:420px; wid\th:230px; hei\ght:228px;} div.moremetal { margin:0 8px 0 8px; border:0; padding:64px 38px 68px 463px; background:url(images/main/home_more_metal_than.jpg) no-repeat; font:11px/1.5 Arial; color:#000; text-align:left; width:761px; height:420px; wid\th:244px; hei\ght:288px; } div.insertphotos { margin:0 8px 0 8px; border:0; padding:324px 91px 77px 85px; background:url(images/main/insert_photos_bg.jpg) no-repeat; font:11px/1.4 Arial; color:#000; text-align:left; width:761px; height:420px; wid\th:569px; hei\ght:52px; } div.gallery { margin:0 8px 0 8px; border:0; padding:73px 469px 138px 77px; background:#fff; font:11px/1.2 Arial; color:#666; text-align:left; width:761px; height:370px; wid\th:199px; hei\ght:159px; } div.back-next { margin:8px; border:0; padding:33px 45px 18px 93px; font:11px/1.2 Verdana; color:#333; text-align:left; background:url(images/main/gallery_bg.gif); width:282px; height:81px; wid\th:128px; hei\ght:14px; } div.tech_info { margin:0 8px 0 8px; border:0; padding:73px 469px 138px 77px; background:url(images/main/tech_info_bg.jpg) no-repeat; font:11px/1.3 Arial; color:#666; text-align:left; width:761px; height:420px; wid\th:199px; hei\ght:209px; } div.contact { margin:0 8px 0 8px; border:0; padding:111px 467px 154px 79px; background:url(images/main/contact_bg.jpg) no-repeat; font:11px/1.2 Arial; color:#666; text-align:left; width:761px; height:420px; wid\th:199px; hei\ght:155px; } div.video { margin:0 8px 0 8px; border:0; padding:20px 53px 15px 52px; background:#000; font:11px/1.2 Arial; color:#fff; text-align:left; width:761px; height:420px; wid\th:640px; hei\ght:385px; } /* PRESS AREA PAGE -------------------------------------*/ div.ads01 { margin:0 0 0 8px; border:0; padding:62px 43px 64px 65px; display:inline; float:left; background:url(images/main/ads_bg01.jpg) no-repeat; font:11px/1.6 Arial; color:#666; text-align:left; width:379px; height:420px; wid\th:263px; hei\ght:294px; } div.ads02 { margin:0 8px 0 0; border:0; padding:62px 69px 64px 42px; display:inline; float:left; background:url(images/main/ads_bg02.jpg) no-repeat; font:11px/1.2 Arial; color:#666; text-align:left; width:382px; height:420px; wid\th:263px; hei\ght:294px; } A.adlinks { margin:0; border:0; padding:0; font-size:0; line-height:0; } /* JOB PAGE -------------------------------------*/ div.jobs { margin:0 0 0 8px; border:0; padding:25px 40px; display:inline; float:left; font:11px/1.6 Arial; color:#666; text-align:left; width:761px; wid\th:681px; } div.job-intro { margin:0; border:0; padding:0; text-align:right; } div.job-left { margin:0 37px 20px 0; border:1px solid #666; padding:15px; text-align:left; width:342px; wid\th:310px; float:left; } div.job-right { margin:0 0 20px 0; border:1px solid #666; padding:15px; text-align:left; width:302px; wid\th:270px; float:left; } h1 { font-size:16px; font-weight:bold; margin:0; border:0; padding:0 0 10px 0; } .red { color:#900; } .blue { color:#36c; } .joblink { font:12px/12px Arial; } /* SAMPLES PAGE -----------------------------------*/ #samples-left { margin:0; border:0; padding:0; width:260px; float:left; text-align:left; } .samples-copy { margin:0; border:0; padding:8px; font:11px/1.4 Verdana; color:#333; font-weight:bold; } #samples-right { margin:0; border:0; padding:0; width:501px; float:left; text-align:left; } table#sampleform { margin:0; border:0; padding:0; border-spacing:0; } table#sampleform td { margin:0; border:0; padding:3px; font:11px/1.2 Arial; color:#666; } /* form stuff ----------------------------------*/ input, select, textarea { BORDER: #666 1px solid; FONT:11px/14PX Arial; COLOR: #000; } INPUT.numbers3 { width:25px; } INPUT.numbers4 { width:30px; } /* CUSTOM METAL WORK PAGE -----------------------------------------------*/ div.custom { margin:0 8px 0 8px; border:0; padding:80px 26px 10px 589px; background:url(images/main/custom_bg.jpg) no-repeat; font:11px/1.5 Arial; color:#666; text-align:left; width:761px; height:420px; wid\th:130px; hei\ght:300px; } div.custom-2008 { margin:0 8px 0 8px; border:0; padding:130px 35px 20px 395px; background:url(images/main/custom_bg-2008.jpg) no-repeat; font:13px/20px Arial; color:#fff; text-align:left; width:761px; height:420px; wid\th:315px; hei\ght:270px; } /* DISTRIBUTOR MAP PAGE -----------------------------------------------*/ div.distributors { margin:0 8px 0 8px; border:0; padding:97px 29px 31px 543px; background:url(images/main/distributor_bg.jpg) no-repeat; font:11px/1.4 Arial; color:#666; text-align:left; width:761px; height:420px; wid\th:173px; hei\ght:292px; } /* RECYCLE SAMPLE CHAIN PAGE -----------------------------------------------*/ div.recycle { margin:0 8px 0 8px; border:0; padding:48px 76px 63px 73px; background:url(images/main/recycle_bg.jpg) no-repeat; font:12px/1.4 Arial; color:#000; text-align:left; width:761px; height:420px; wid\th:596px; hei\ght:309px; } .recycle-whole { margin:0; border:0; padding:0; width:596px; } .recycle-hdr { text-align:center; font:21px/25px Arial; } .recycle-half { margin:0; border:0; padding:0; width:280px; float:left; } .recycle-break { margin:0; border:0; padding:0; width:20px; float:left; } /* LEED PAGE -----------------------------------------------*/ div.leed { margin:0 8px 0 8px; border:0; padding:150px 115px 93px 119px; background:url(images/main/leed_bg.jpg) no-repeat; font:12px/1.6 Arial; color:#000; text-align:left; width:761px; height:420px; wid\th:511px; hei\ght:177px; } /* DOWNLOADS PAGE -----------------------------------------------*/ div.downloads { margin:0 8px 0 8px; border:0; padding:145px 31px 53px 32px; background:red; background:url(images/main/downloads_bg.jpg) no-repeat; font:11px/1.4 Arial; color:#000; text-align:left; width:761px; height:420px; wid\th:682px; hei\ght:222px; } .download-column { float:left; text-align:center; margin:0 51px 0 0; width:184px; wid\th:133px; } .download-first { float:left; text-align:center; margin:0 48px 0 0; width:181px; wid\th:133px; } .download-last { float:left; text-align:center; margin:0; width:133px; } .justified-series { text-align:justify; width:370px; } /* New Classics -----------------------------------------------*/ div.relative { position:relative; margin:0 8px 0 8px; border:0; width:761px; height:420px; wid\th:745px; } div.new-classics-home { position:absolute; top:150px; left:45px; z-index:100; font:12px/16px Arial; color:#eee; text-align:right; width:350px; height:40px; font-weight:normal; } div.new-classics-background { position:absolute; top:0; left:0; z-index:0; height:420px; width:745px; } div.new-classics-background a img { border:0; } div.new-classics-details { position:relative; z-index:100; float:left; padding:10px; width:147px; wid\th:127px; font:12px/17px Arial; text-align:left; font-weight:normal; } div.toprow { padding:123px 10px 10px 10px; } div.w2 { width:142px; wid\th:122px; } div.w2 { width:157px; wid\th:137px; } div.w5 { width:290px; wid\th:270px; } A.whitelink:link, A.whitelink:visited { color:#eee; TEXT-DECORATION: none; } A.whitelink:hover { color:#eee; text-decoration: none; } A.graylink:link, A.graylink:visited { color:#eee; TEXT-DECORATION: none; } A.graylink:hover { color:#eee; text-decoration: none; } A.blacklink:link, A.blacklink:visited { color:#000; TEXT-DECORATION: none; } A.blacklink:hover { color:#000; text-decoration: none; } /* STEEL PAGE -------------------------------------*/ div.steel { margin:0 8px; border:0; padding:45px 0; color:#666; text-align:left; float:none; clear:both; width:761px; wid\th:745px; } div.steel_left { margin:0; border:0; padding:0; display:inline; float:left; background:#f39; width:315px; } div.steel_left p { padding:15px 25px 80px 25px; font:12px/1.8 Verdana; color:#fff; width:315px; wid\th:265px; } div.steel_right { margin:0; border:0; padding:0 8px; display:inline; float:right; width:430px; wid\th:414px; } div.steel_finish { margin:0 0 10px 0; border:1px solid #999; padding:8px; text-align:right; font:12px/1.8 Verdana; color:#666; width:414px; wid\th:396px; } div.steel_finish a img.thumb { border:0; padding-right:10px; float:left; } .steel_finish a:link, .steel_finish a:visited { color:#666; text-decoration:none; } .steel_finish a:hover { color:#f39; text-decoration:underline; }