/* PRINT CSS */
/* FONT SIZES */
html { font-size: 100%; }
body { font-size: 62.5%; } /* 1em = 10px */
div { font-size: 1em; }
/* GLOBAL ASSIGNMENTS */
* { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; }
html, body { width: 100%; height: 100%; }
img { border: none; }
a { color: inherit; text-decoration: none; }
table { width: 100%; height: 100%; }
/* HEADER */
#header { position: relative; width: 100%; height: 126px; background: none; }
#header .print_only { display: block; }
#header h1, #header a { display: none; }
/* NAVIGATION - TOP */
#nav_top { display: none; }
/* LEFT NAVIGATION */
#nav_left { display: none; }
/* LEFT DECOR */
#left_decor { display: none; }
/* BODY */
#body { position: relative; width: 100%; min-width: 70em; margin-top: 5px; }
/* HOME */
#home_container { position: relative; width: 536px; margin: 0 auto; padding-bottom: 3em; background: #FFFFFF; border-left: 3px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
#home_container.home { height: 340px; }
#home_container.products { height: 230px; }
#home_content { position: relative; width: 348px; padding-top: 116px; word-spacing: .1em; }
#home_content h2 { font-size: 1.8em; padding-bottom: .1em; color: #003C79; }
#home_content h3 { font-size: 1.3em; padding-bottom: 1em; font-style: italic; font-weight: normal; color: #5998C9; }
#home_content p { font-size: 1.1em; line-height: 1.5; margin-bottom: 1em; }
#home_footer { position: relative; width: 81em; margin: 0 auto; }
#home_footer .col { position: relative; float: left; width: 25em; padding: 0 1em; word-spacing: .1em; }
#home_footer h4 { font-size: 1.4em; margin-bottom: .2em; padding: 0 0 .1em .5em; color: #F7941C; border-bottom: 1px dotted #598EC9; font-weight: bold; text-transform: uppercase; letter-spacing: .01em; }
#home_footer h5 { font-size: .9em; color: #598EC9; padding-left: 1em; }
#home_footer p { font-size: .9em; padding: 0 1em; line-height: 1.5; }
#home_footer p.news { padding-left: 2em; }
#home_footer a.more { white-space: nowrap; color: #598EC9; }
/* BLAST TEST */
#blast_container { position: relative; width: 446px; height: 210px; margin: 0px auto; padding-bottom: .5em; background: #FFFFFF; border-left: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF; }
#blast_container.home { height: 210px; }
#blast_container.products { height: 210px; }
#blast_content { position: relative; width: 446px; padding-top: 0px; word-spacing: .1em; }
/* DESIGN GUIDES */
#designguides_container { position: relative; width: 460px; height: 770px; margin: 0px auto; padding-bottom: .5em; background: #FFFFFF; border-left: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF; text-align: center; }
#designguides_container.home { height: 770px; }
#designguides_container.products { height: 770px; }
#designguides_content { position: relative; width: 460px; padding-top: 0px; word-spacing: .1em; }
/* CATALOGS */
#catalogs_container { position: relative; width: 460px; height: 1065px; margin: 0px auto; padding-bottom: .5em; background: #FFFFFF; border-left: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF; text-align: center; }
#catalogs_container.home { height: 1065px; }
#catalogs_container.products { height: 1065px; }
#catalogs_content { position: relative; width: 460px; padding-top: 0px; word-spacing: .1em; }
/* CONTENT */
#content { position: relative; margin: 0 310px 2.5em 0; text-align: left; padding: 0 3%; word-spacing: .1em; }
#content.skinnyright { margin-right: 132px; }
#content h2 { font-size: 1.4em; padding: .15em 0 1em 0; line-height: 1.5; }
#content h2.plain { font-size: 1.4em; padding: .15em 0 0em 0; line-height: 1; text-transform: uppercase; color: #F7941C; }
#content h3 { font-size: 1.2em; padding: 0 0 1em .6em; text-transform: uppercase; color: #F7941C; }
#content h3.plain { text-transform: none; color: #000000; }
#content h4 { font-size: 1.2em; padding-left: .9em; text-transform: uppercase; color: #F7941C; line-height: 1.5; }
#content h4.plain { word-spacing: 0; text-transform: none; }
#content h5 { font-size: 1.1em; padding-left: 2em; color: #F7941C; line-height: 1.5; }
#content h6 { font-size: 1.2em; padding: 0 0 1em .6em; text-transform: uppercase; color: #5998C9; }
#content p { font-size: 1.1em; margin: 0 0 1.5em 1em; line-height: 1.5; }
#content ol, #content ul { margin: 0 0 2.5em 3.5em; font-size: 1.1em; }
#content ol li { line-height: 1.5; margin-bottom: 1em; }
#content ol li span { font-weight: bold; }
#content ul li { line-height: 1.5; margin-bottom: .8em; }
#content p.sources { font-size: 1em; margin-top: 1em; }
#content p.sources span.sources { text-decoration: underline; }
#content span.book { font-style: italic; text-decoration: normal; }
#content a { color: #598EC9; text-decoration: underline; }
#content a.pdf { text-decoration: none; font-size: .9em; }
#content div.catalog { position: relative; width: 50%; margin: 0 auto; text-align: center; }
#content a.catalog { display: block; padding: 2em 0 1em 0; }
#content div.catalog img { margin-bottom: 2em; border: 1px solid; }
/* TABLE OF CONTENTS */
ul.toc li { list-style-type: none; margin-top: .8em; }
#content ul.toc li a { text-decoration: none; }
/* Performance Stuff */
#content ul li.finish ul { font-size: 1em; list-style-type: none; margin-left: 1.5em; margin-bottom: 0; }
#content ul li.finish ol { font-size: 1em; list-style-type: lower-alpha; margin-bottom: 0; }
/* OUTLINE */
#content ol.outline { list-style-type: upper-alpha; font-size: 1.1em; margin: 0 0 2.5em 3.5em; }
#content ol.outline ol { list-style-type: decimal; font-size: 1em; margin: .5em 0 .5em 3.5em; }
#content ol.outline ol ol { list-style-type: lower-alpha; font-size: 1em; margin: .5em 0 .5em 3.5em; }
#content ol.outline ol ol ol { list-style-type: upper-roman; font-size: 1em; margin: .5em 0 .5em 3.5em; }
#content ol.outline ol ol ol li { margin: 0; padding: 0; }
#content ol.sources { font-size: 1.1em; margin: 0 0 2.5em 3.5em; }
#content ol.sources li { margin: 0; padding: 0; }
/* Additional Info Table */
#content div.addinfo { margin: 0 1.5em; }
table.addinfo { margin: 1em auto; font-size: 1.1em; }
table.addinfo caption { font-size: 1.1em; padding-left: 2em; color: #F7941C; line-height: 1.5; font-weight: bold; text-transform: uppercase; }
table.addinfo th,
table.addinfo td { padding-bottom: .5em; }
table.addinfo .center { text-align: center; }
/* TECH TABLE */
#content div.techtable { margin: 3em 1.5em; }
table.tech { margin: 0 auto; text-align: center; }
table.tech caption { font-size: 1.3em; color: #F7941C; margin-bottom: 1em; text-transform: uppercase; font-weight: bold; }
table.tech .alt { background: #E9E9E9; }
table.tech thead { font-size: 1.2em; }
table.tech th { height: 2.5em; }
table.tech th.skylight { text-align: left; padding-left: .9em; }
table.tech tbody { font-size: 1.1em; }
table.tech td { height: 2.5em; }
table.tech td.drawings { width: 6em; text-align: center; }
table.tech td.skylight { text-align: left; padding-left: 1em; }
/* HIDE and SHOW for JavaScript */
#toshow { display: none; text-align: center; margin: 2em 0; }
#toshow img { display: block; margin: 2em auto; padding: 2em; border: 1px solid; }
#toshow h3 { font-size: 1.3em; margin: 0; padding:0; color: #F7941C; text-transform: uppercase; font-weight: bold; }
/* Design My Pyramid */
#design { padding-left: 2.5em; position: relative; }
#design a { text-decoration: none; color: #F7941C; text-transform: uppercase; font-size: 1.4em; font-weight: bold; }
#design img { margin-right: 1.5em; vertical-align: middle; }
#design span { text-decoration: underline; }
/* PORTFOLIO LINKS */
#content div.portfolio { font-size: 1.1em; position: relative; margin-left: 1.5em; height: 11em; }
#content div.portfolio img { position: absolute; top: 0; left: 0; }
#content div.portfolio div { position: absolute; left: 153px; padding-left: 1.5em; }
#content div.portfolio a { font-size: 1.1em; display: block; line-height: 1.5; padding: .25em 0; text-transform: uppercase; }
#content div.portfolio p { font-size: 1em; padding: 0 0 0 1em; margin: 0; line-height: 1.5; }
/* PORTFOLIO */
#portfolio { position: relative; width: 442px; margin: 0 auto; }
#portfolio img { display: block; margin: 3px 0; }
#portfolio .caption { font-size: 1.1em; width: 432px; background: #EDEDED; color: #929496; padding: .8em 0 .8em 10px; margin: 1px 0; }
#portfolio img { height: 272px; }
#portfolio div.thumbs img,
#portfolio div.empty { width: 41px; height: 25px; float: left; margin: 1px 0 0 1px; border: 1px solid #EDEDED; background: #EDEDED; }
#portfolio div.thumbs .clear { clear: left; }
/* QUICK SHIP FORM */
#content .design_form { position: relative; font-size: 1.1em; margin-bottom: 2em; }
#content .design_form h4 { margin-bottom: .5em; }
#content .design_form .row { position: relative; margin-left: 1.5em; padding: .8em 0 .8em 1em; height: 1.6em; }
#content .design_form .row2 { position: relative; margin-left: 1.5em; padding: .8em 0 .8em 1em; }
#content .design_form .row3 { position: relative; margin-left: 1.5em; padding: .8em 0 .2em 1em; height: 1.6em; }
#content .design_form .row4 { position: relative; margin-left: 1.5em; padding: .2em 0 .8em 1em; height: 1.6em; }
#content .design_form a.view { display: block; width: 12em; padding: .8em 0; border: 1px solid #BBBBBB; background-color: #E5E5E5;
font-weight: bold; color: #000000; text-align: center; text-decoration: none; }
#content .design_form label { display: block; float: left; width: 14em; height: 1.6em; font-weight: bold; padding-top: .3em; }
#content .design_form .alt label { background-color: #E9E9E9; }
#content .design_form label.hear { display: block; float: none; width: auto; font-weight: bold; padding-bottom: .3em; }
#content .design_form select { width: 13em; border: 1px solid #BBBBBB; line-height: 1.5; }
#content .design_form textarea { height: 10em; width: 25em; font-size: 1.1em; border: 1px solid #BBBBBB; padding: .1em; }
#content .design_form input { border: 1px solid #BBBBBB; padding: .25em .2em .2em .2em; }
#content .design_form input.hear { margin: .5em 0 0 12em; }
#content .design_form input.submit { font-size: 1em; width: 12em; margin: 0; padding: .8em 0 .8em 0; border: 1px solid #BBBBBB;
font-weight: bold; background-color: #E5E5E5; text-align: center; cursor: pointer; }
#content .design_form .row5 { position: relative; margin-left: 1.5em; padding: .8em 0 0 1em; line-height: 1.5; }
#content .design_form .row5 input { margin-right: 1.5em; }
#content .design_form .row5 label { display: inline; float: none; }
/* Employment Contact */
#content div.econtact { margin: 3em 0 0 1em; }
/* NEWS BLOG */
#content.index .post h3 { font-size: 1.1em; padding: 0 0 0 .6em; text-transform: none; color: #000000; line-height: 1.5; }
#content.index .post h4 { font-size: 1.1em; padding: 0 0 2em 1.8em; text-transform: none; line-height: 1.5; }
#content.article .post h3 { font-size: 1.3em; text-transform: none; line-height: 1.5; }
#content.article .footer { padding-top: 2.5em; }
#content.article .footer p { line-height: 1.2; }
#content.article img { clear: left; margin: .5em 1.5em; }
/* RIGHT DECOR */
#right_decor { display: none; }
/* FOOTER */
#footer { display: none; }
/***** INDIVIDUAL *****/
/* PARTNERS */
.partner { width: 25%; float: left; }
/***** HOME NAVIGATION *****/
.h1, .h2, .h3, .h4, .h5 { width: 177px; height: 109px; }
.h1 { position: absolute; left: 0; top: 0; }
.h2 { position: absolute; left: 179px; top: 0; }
.h3 { position: absolute; left: 358px; top: 0; }
.h4 { position: absolute; left: 358px; top: 111px; }
.h5 { position: absolute; left: 358px; top: 222px; }
.nav_home,
.nav_products { position: absolute; top: 0; left: 0; }
.nav_home a,
.nav_products a { display: block; width: 177px; height: 109px; }
.nav_home .h1 { background: url(images/navigation/home/about_over.jpg); }
.nav_home .h2 { background: url(images/navigation/home/products_over.jpg); }
.nav_home .h3 { background: url(images/navigation/home/technical_over.jpg); }
.nav_home .h4 { background: url(images/navigation/home/portfolio_over.jpg); }
.nav_home .h5 { background: url(images/navigation/home/benefits_over.jpg); }
.nav_home .h1 a { background: url(images/navigation/home/about.jpg); }
.nav_home .h2 a { background: url(images/navigation/home/products.jpg); }
.nav_home .h3 a { background: url(images/navigation/home/technical.jpg); }
.nav_home .h4 a { background: url(images/navigation/home/portfolio.jpg); }
.nav_home .h5 a { background: url(images/navigation/home/benefits.jpg); }
.nav_products .h1 { background: url(images/navigation/products/guardian_over.jpg); }
.nav_products .h2 { background: url(images/navigation/products/auburne_over.jpg); }
.nav_products .h3 { background: url(images/navigation/products/auburns_over.jpg); }
.nav_products .h4 { background: url(images/navigation/products/quickship_over.jpg); }
.nav_products .h1 a { background: url(images/navigation/products/guardian.jpg); }
.nav_products .h2 a { background: url(images/navigation/products/auburne.jpg); }
.nav_products .h3 a { background: url(images/navigation/products/auburns.jpg); }
.nav_products .h4 a { background: url(images/navigation/products/quickship.jpg); }
.nav_home a span,
.nav_products a span { display: none; }
.nav_home a:hover,
.nav_products a:hover { background-image: none; }
/** BLAST TEST NAVIGATION **/
.bt1, .bt2, .bt3, .bt4 { width: 216px; height: 90px; }
.bt1 { position: absolute; left: 0px; top: 0px; }
.bt2 { position: absolute; left: 230px; top: 0px; }
.bt3 { position: absolute; left: 0px; top: 105px; }
.bt4 { position: absolute; left: 230px; top: 105px; }
.nav_products_blast { position: absolute; top: 0px; left: 0px; }
.nav_products_blast a { display: block; width: 216px; height: 90px; }
.nav_products_blast .bt1 { background: url(images/navigation/products/guardian_skylight_over.jpg); }
.nav_products_blast .bt2 { background: url(images/navigation/products/guardian_guardtite_over.jpg); }
.nav_products_blast .bt3 { background: url(images/navigation/products/guardian_transcurve_over.jpg); }
.nav_products_blast .bt4 { background: url(images/navigation/products/guardian_generic_over.jpg); }
.nav_products_blast .bt1 a { background: url(images/navigation/products/guardian_skylight.jpg); }
.nav_products_blast .bt2 a { background: url(images/navigation/products/guardian_guardtite.jpg); }
.nav_products_blast .bt3 a { background: url(images/navigation/products/guardian_transcurve.jpg); }
.nav_products_blast .bt4 a { background: url(images/navigation/products/guardian_generic.jpg); }
.nav_products_blast a span { display: none; }
.nav_products_blast a:hover { background-image: none; }
/** DESIGN GUIDES **/
.tdg1, .tdg2, .tdg3, .tdg4, .tdg5 { width: 230px; height: 20px; }
.dg1, .dg2, .dg3, .dg4, .dg5 { width: 178px; height: 230px; }
.tdg1 { position: absolute; left: 0px; top: 0px; text-align: center; }
.tdg2 { position: absolute; left: 250px; top: 0px; text-align: center; }
.tdg3 { position: absolute; left: 0px; top: 275px; text-align: center; }
.tdg4 { position: absolute; left: 250px; top: 275px; text-align: center; }
.tdg5 { position: absolute; left: 0px; top: 540px; text-align: center; }
.dg1 { position: absolute; left: 25px; top: 20px; border: 1px solid #598EC9; }
.dg2 { position: absolute; left: 275px; top: 20px; border: 1px solid #598EC9; }
.dg3 { position: absolute; left: 25px; top: 295px; border: 1px solid #598EC9; }
.dg4 { position: absolute; left: 275px; top: 295px; border: 1px solid #598EC9; }
.dg5 { position: absolute; left: 25px; top: 560px; border: 1px solid #598EC9; }
.nav_products_designguides { position: absolute; top: 0px; left: 0px; }
.nav_products_designguides a.tdg { display: block; width: 230px; height: 20px; }
.nav_products_designguides a { display: block; width: 178px; height: 230px; }
.nav_products_designguides .dg1 { background: url(../../products/guardian/images/designguide_educational.jpg); }
.nav_products_designguides .dg2 { background: url(../../products/guardian/images/designguide_retail.jpg); }
.nav_products_designguides .dg3 { background: url(../../products/guardian/images/designguide_athletic.jpg); }
.nav_products_designguides .dg4 { background: url(../../products/guardian/images/designguide_canopies.jpg); }
.nav_products_designguides .dg5 { background: url(../../products/guardian/images/designguide_metal.jpg); }
.nav_products_designguides a span { display: none; }
.nav_products_designguides a:hover { background-image: none; }
/** CATALOGS **/
.tc1, .tc2, .tc3, .tc4, .tc5, .tc6, .tc7 { width: 230px; height: 20px; }
.c1, .c2, .c3, .c4, .c5 { width: 178px; height: 230px; }
.c6 { width: 99px; height: 229px; }
.c7 { width: 100px; height: 230px; }
.tc1 { position: absolute; left: 0px; top: 0px; text-align: center; }
.tc2 { position: absolute; left: 250px; top: 0px; text-align: center; }
.tc3 { position: absolute; left: 0px; top: 275px; text-align: center; }
.tc4 { position: absolute; left: 250px; top: 275px; text-align: center; }
.tc5 { position: absolute; left: 0px; top: 540px; text-align: center; }
.tc6 { position: absolute; left: 250px; top: 540px; text-align: center; }
.tc7 { position: absolute; left: 0px; top: 815px; text-align: center; }
.c1 { position: absolute; left: 25px; top: 20px; border: 1px solid #598EC9; }
.c2 { position: absolute; left: 275px; top: 20px; border: 1px solid #598EC9; }
.c3 { position: absolute; left: 25px; top: 295px; border: 1px solid #598EC9; }
.c4 { position: absolute; left: 275px; top: 295px; border: 1px solid #598EC9; }
.c5 { position: absolute; left: 25px; top: 560px; border: 1px solid #598EC9; }
.c6 { position: absolute; left: 314px; top: 560px; border: 1px solid #598EC9; }
.c7 { position: absolute; left: 63px; top: 835px; border: 1px solid #598EC9; }
.nav_products_catalogs { position: absolute; top: 0px; left: 0px; }
.nav_products_catalogs a.tc { display: block; width: 230px; height: 20px; }
.nav_products_catalogs a { display: block; width: 178px; height: 230px; }
.nav_products_catalogs .thinner a { display: block; width: 99px; height: 229px; }
.nav_products_catalogs .thin a { display: block; width: 100px; height: 230px; }
.nav_products_catalogs .c1 { background: url(../../products/guardian/images/guardiancatalog28.jpg); }
.nav_products_catalogs .c2 { background: url(../../products/guardian/images/guardianwallcatalog.jpg); }
.nav_products_catalogs .c3 { background: url(../../products/guardian/images/ultimate_series_exterior_frp_catalog.jpg); }
.nav_products_catalogs .c4 { background: url(../../products/guardian/images/guardianblastcatalog.jpg); }
.nav_products_catalogs .c5 { background: url(../../products/guardian/images/leedflyer.jpg); }
.nav_products_catalogs .thinner .c6 { background: url(../../products/guardian/images/trimtonescover1.jpg); }
.nav_products_catalogs .thin .c7 { background: url(../../products/guardian/images/spectragridcover1.jpg); }
.nav_products_catalogs a span { display: none; }
.nav_products_catalogs a:hover { background-image: none; }
/* UNIVERSAL STYLES */
.ie_sucks { width: 70em; height: 1px; }
.pad_bottom { padding-bottom: 1em; }
.uppercase { text-transform: uppercase; }
.footnote { font-style: italic; }
.subtitle { color: #5998C9; }
.step { color: #F7941C; }
.lowercase { text-transform: lowercase; }
.alt { background: #E9E9E9; }
/* HACK - to fix the 3px jog on IE for Windows */
/* Hide from IE5-mac \*/
* html #content { height: 1%; padding-left: 2%; }
/* End IE5/mac hide */