@import url("reset.css");

body { background:#fff url(i/bg-body.gif);text-align:center;font-size:100%;}

.container { width:800px; margin:0 auto;text-align:left; }
.footer { background:#0e733a;height:34px;line-height:34px;clear:both;font-size:1em;color:#fff;text-align:center; }
.show { display:block; }
.hide { display:none; }

/* =HEADER *************************************/
.header h1 { background:#fff url(i/bg-header.png) top left no-repeat;height:157px;width:100%; }
.header h1 a { display:block;height:157px;width:100%;background:none;text-indent:-9999px; }
.hdr { height:140px;width:800px;text-indent:-9999px;background-position:top left;background-repeat:no-repeat; }
.hdr-history { background-image:url(i/headers/NA_aboutus_history_header.jpg);height:241px; }
.hdr-services { background-image:url(i/headers/NA_services.jpg); }
.hdr-clients { background-image:url(i/headers/NA_clients.jpg); }
.hdr-financial-services { background-image:url(i/headers/NA_financialservices.jpg); }
.hdr-professional-services { background-image:url(i/headers/NA_professionalservices.jpg); }
.hdr-contact-us { background-image:url(i/headers/NA_contactus.jpg); }
.hdr-projects { background-image:url(i/headers/NA_projects.jpg); }
.hdr-about-us { background-image:url(i/headers/NA_aboutus.jpg); }
.management h2,.code-of-conduct h2,.associations h2,.affiliations h2,.products-materials h2 { background-image:url(i/headers/header-titles.gif);text-indent:-9999px;height:28px;background-repeat:no-repeat;margin-bottom:10px;}
.management h2 { background-position:top left;}
.code-of-conduct h2 { background-position:0 -29px;}
.associations h2 { background-position:0 -57px;}
.affiliations h2 { background-position:0 -85px;}
.products-materials h2 { background-position:0 -113px;}

/* =NAVIGATION *************************************/
.navigation ul { float:left; width:100%;height:27px;background:#fff;line-height:27px; }
.navigation li { float:left;border-right:1px solid #fff;}
.navigation a { display:block;height:27px;line-height:27px;color:#fff;text-align:center;background:#77af76;font-size:0.625em;font-family:Arial,Verdana,sans-serif;text-decoration:none;text-transform:uppercase; }
.navigation li.nav-home,
.navigation li.nav-home a { width:118px;background-position:top left;text-indent:-9999px;background-image:url(i/bg-nav.gif);background-repeat:no-repeat;border:none; }
.home .navigation li.nav-home a,
.navigation li.nav-home a:hover { background-position:0 -27px;}
.navigation li.nav-about-us,
.navigation li.nav-about-us a { width:132px;}
.navigation li.nav-services,
.navigation li.nav-services a { width:131px; }
.navigation li.nav-clients,
.navigation li.nav-clients a { width:136px; }
.navigation li.nav-projects,
.navigation li.nav-projects a { width:137px; }
.navigation li.nav-contact-us,
.navigation li.nav-contact-us a { border-right:0;width:142px; }
.home .navigation li.nav-home a,
.about .navigation li.nav-about-us a,
.services .navigation li.nav-services a,
.clients .navigation li.nav-clients a,
.projects .navigation li.nav-projects a,
.contact .navigation li.nav-contact-us a,
.navigation li a:hover { background-color:#00720a; }

.home .navigation ul,.contact .navigation ul,.clients .navigation ul,.services .navigation ul { border-bottom:5px solid #c1dfc1;}

/* =SUBNAVIGATION *************************************/
.subnavigation ul { background:#e0f0e0;clear:left;float:left;width:100%;}
.subnavigation li { float:left;font-family:Arial,Verdana,sans-serif;background:url(i/bg-subnav.gif) right 3px no-repeat;text-align:center; }
.subnavigation li.last { padding-right:0;margin-right:0;background:none; }
.subnavigation a { display:block;float:left;text-align:center;text-transform:uppercase;color:#00720A;text-decoration:none;font-size:0.563em;padding:5px 0; }
.history .subnav-history a,
.management .subnav-management a,
.code-of-conduct .subnav-code-of-conduct a,
.associations .subnav-associations a,
.affiliations .subnav-affiliations a,
.drywall-carpentry .subnav-drywall-carpentry a,
.lath-acoustics .subnav-lath-acoustics a,
.products-materials .subnav-products-materials a,
.financial-services .subnav-financial-services a,
.professional-services .subnav-professional-services a,
.subnavigation a:hover { background:#93c993;color:#fff; }

.services .subnav-drywall-carpentry { margin-left:118px; }
.projects .subnav-financial-services { margin-left:520px; }

.subnav-history a { width:118px; }
.subnav-management a,.subnav-drywall-carpentry a { width:133px; }
.subnav-code-of-conduct a,.subnav-lath-acoustics a { width:132px; }
.subnav-associations a { width:137px; }
.subnav-affiliations a,.subnav-financial-services a { width:138px; }
.subnav-products-materials a,.subnav-professional-services a { width:142px; }


/* =CONTENT *************************************/
.content-header { background:#4aa4c2 url(i/bg-content-header.gif) top right repeat-y;color:#fff;font-size:1.18em;float:left; width:100%;position:relative;min-height:200px; }
.content-header h2 { position:absolute;text-indent:-9999px;height:200px;width:470px;background-position:top left;background-repeat:no-repeat; }
.content-header ul { float:right; width:210px;font-size:0.923em; }
.content-header li { padding:10px; }
.content { clear:both;background:#fff;float:left;width:100%;font-family:Verdana,Arial,sans-serif;color:#77787B;font-size:0.688em;line-height:1.25;position:relative;margin-bottom:20px; }
.main-content { padding:20px;clear:both;line-height:1.5; }
.home .main-content { padding:0;padding-top:8px;background:#fff;float:left;width:100%;padding-bottom:8px; }
.home .content { background:none; }

/* =HOME PAGE ***************************************/
#slideshow { margin-bottom:13px; }
.feature-1 { float:left;width:303px;background:#e0f0e0; }
.feature-2 { float:right;width:393px;background:#aad7a9; }
.feature { padding:27px;float:left; }
.feature-1 img { float:left;margin-right:14px; }
.main-content .feature-2 li { float:left;width:50%;padding:0;margin:0; }
.feature-description { overflow:hidden; }
.feature-description a { clear:left;display:block; }
.feature-description h2 { margin-bottom:10px; }
.feature-description div { margin-bottom:10px;line-height:1; }
.feature-section-label { text-transform:uppercase; }

/* =ABOUT US SECTION ***************************************/
.portrait-item { float:left;width:100%;margin-bottom:20px; }
.portrait { float:left;clear:left;margin-right:10px; }
.portrait-item p { margin-top:1em;font-size:0.909em; }

.history .main-content p { margin-bottom:20px; }
.history .portrait-item { width:33%;text-align:center; }
.history .portrait { float:none; }
.history .portrait-item strong,.history .portrait-item em { display:block; }

.code-of-conduct .main-content ul { margin-left:0;margin-top:10px;float:left;width:100%; }
.code-of-conduct .main-content li { margin-bottom:20px;width:185px;margin-right:4px;float:left;list-style:none;background-image:url(i/bg-code.gif);background-repeat:no-repeat;height:12px;text-indent:-9999px; }
.code-of-conduct .main-content li.code-honesty { background-position:70px 0; }
.code-of-conduct .main-content li.code-integrity { background-position:70px -11px; }
.code-of-conduct .main-content li.code-fairness { background-position:70px -22px; }
.code-of-conduct .main-content li.code-accountability { background-position:50px -33px;margin-right:0; }
.code-of-conduct .main-content li.code-consideration { background-position:0 -44px; }
.code-of-conduct .main-content li.code-pursuit { background-position:20px -55px; }
.code-of-conduct .main-content li.code-reliability { background-position:65px -66px; }
.code-of-conduct .main-content li.code-citizenship { background-position:70px -77px; }
.code-of-conduct .main-content img { float:left;margin-right:3px;}

.associations .main-content ul,
.affiliations .main-content ul,
.products-materials .main-content ul { margin:0;list-style:none; }
.logo { padding-left:75px;background-repeat:no-repeat;margin:30px 0; }
.affiliations .logo { padding-left:65px;}
.products-materials .logo { padding-left:120px;}
.associations .usgbc { background-image:url(i/logos/logo-usgbc.gif);background-position:5px center;}
.associations .bcany { background-image:url(i/logos/logo-bcany.gif);background-position:left center;}
.associations .btea { background-image:url(i/logos/logo-btea.gif);background-position:10px center;}
.associations .sta { background-image:url(i/logos/logo-sta.gif);background-position:10px center;}
.affiliations .osha { background-image:url(i/logos/logo-osha.gif);background-position:5px center;}
.affiliations .carpenters-union { background-image:url(i/logos/logo-carpenters-union.gif);background-position:5px center;}
.affiliations .esrcc { background-image:url(i/logos/logo-esrcc.jpg);background-position:10px center;}
.affiliations .sta { background-image:url(i/logos/logo-sta.gif);background-position:10px center;}
.products-materials .usg { background-image:url(i/logos/logo-usg.gif);background-position:25px center;}
.products-materials .gp { background-image:url(i/logos/logo-gp.gif);background-position:10px center;}
.products-materials .armstrong { background-image:url(i/logos/logo-armstrong.gif);background-position:left center;}
.products-materials .decoustics { background-image:url(i/logos/logo-decoustics.gif);background-position:10px center;}
.products-materials .simplex-ceilings { background-image:url(i/logos/logo-simplex-ceilings.gif);background-position:left center;}



/* =MANAGEMENT PAGE *************************************/
.management-list { margin:0; }
.main-content .management-list li { float:left;width:100%;margin-bottom:60px;padding:0;background:none; }
.management-list img { float:left;margin-right:20px; }
.bio { overflow:hidden; }


/* =SERVICES PAGE *************************************/
.services .main-content li { float:left;width:50%;background-image:url(i/bg-services.gif);background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;height:11px;margin-bottom:20px; }
.services .main-content p { margin-bottom:20px;}
.services .management-expertise { background-position:top left; }
.services .experienced-staff { background-position:left -12px; }
.services .qualified { background-position:left -23px; }
.services .seasoned { background-position:left -34px; }
.services .well-trained { background-position:left -45px; }

/* =CLIENTS AND PROJECTS PAGES *************************************/
.clients .main-content img,
.financial-services .main-content img,
.professional-services .main-content img { margin-left:60px; }
.clients .main-content ul,
.financial-services .main-content ul,
.professional-services .main-content ul { display:none; }
.projects .main-content { float:left;text-align:left; }
.projects .main-content ul { list-style:none;margin:0;padding:0; }

.photo { display:block; }

.minislides, .minislides * { margin:0;padding:0;list-style:none;border:none; }
.minislides{ clear:both;margin:10px 0;background:#fff; }
.minislides,.minislides li{ float:left; }
.minislides li img{ display:block; }
.minislides li{ padding:1px;height:40px;width:48px;overflow:hidden; }
.minislides li.photo{ clear:both;padding-top:10px;text-align:center;width:100%;min-height:340px;height:auto;overflow:visible; }
.minislides li.photo img { margin:0 auto; }
p.slidecounter { clear:both;float:left;width:100%; }
.slidecounter .btn-fwd { float:right;width:50%;text-align:right;display:block; }
.slidecounter .btn-rew { float:left;width:50%;display:block; }


/* =CONTACT US PAGE *************************************/
.building-photo { float:left;margin-right:10px;margin-bottom:10px; }
.map { float:right; }
.adr { margin-bottom:10px; }
.adr .type { display:none; }
.email-section { margin-top:10px; }

/* =LISTS *************************************/
.list-column-1,.list-column-2 { float:left;width:50%; }

/* =FORMS *************************************/
form { margin:25px 0;float:left; }
input,textarea { border:1px solid #11628e;width:300px;}
label { float:left;width:60px;margin-right:5px; }
.form-section { float:left;width:100%;margin-bottom:10px;clear:left; }
button { background:#11628e;color:#fff;padding:3px;border:0;position:relative;left:65px; }

/* =LINKS *************************************/
.main-content a:link { color:#00720A;text-decoration:underline; }
.home .main-content a:link { text-transform:uppercase; }
.main-content a:visited { color:#464445; }
.main-content a:hover { color:#005407; }
.main-content a:active { color:#003F5C; }
.main-content a.top-link { padding-left:15px;background:url(i/btn-top.png) left center no-repeat; }

/* =TYPOGRAPHY *************************************/
strong { font-weight:bold; }
em { font-style:italic; }
.management h2,.code-of-conduct h2,.home h2, .main-content h3 { margin-bottom:1em;text-transform:uppercase;color:#566F2A; }
.main-content h4 { text-transform:uppercase;margin-top:1em;font-size:1.2em; }
.main-content h5 { font-weight:bold;margin-top:1em;font-size:1.1em; }
.main-content h6 { font-weight:bold;margin-top:1em; }
.main-content p { margin-bottom:1em; }
.main-content ul { margin:1em 0;margin-left:2em;list-style:disc; }
p.introduction { font-size:1.1em;margin-bottom:20px; }