a {color: #888888; text-decoration: none;}
a:hover, a:active {color: #888888; text-decoration: underline;}
body {position: relative; background-color: #e7e7e8; margin: 20px; text-align: center;}
h1 {height: 20px; line-height: 20px; text-indent: -9999px; background: transparent url(../_images/h-welcome.gif) center no-repeat; margin: 0px 0px 11px 0px;}
h2 {font-size: 14px; margin: 31px 0px 26px 0px; font-weight: normal;}
p {margin: 0px 0px 11px 0px;}

.clear {clear: both;}

/*Headers*/
.residential {background-image: url(../_images/sh-residential.gif) !important;}

#wrapper-outer {position: relative; width: 1053px; border: 1px solid #9d9b9b; padding: 7px 8px 7px 8px; margin: 0px auto 0px auto; background-color: #d1d2d4;}
#wrapper-inner {position: relative; border: 1px solid #b7b7b9; padding: 10px 12px 10px 12px; background-color: #ffffff;}
#container {position: relative; width: 1023px; border: 1px solid #b7b7b9; font: normal 13px/16px Arial, Helvetica, sans-serif; color: #535353;}
#header {position: absolute; top: 0px; left: 0px; width: 1023px; border-bottom: 1px solid #b7b7b9; padding-bottom: 8px;}
#header form {border-bottom: 1px solid #b7b7b9; padding: 25px 62px 21px 0px; height: 18px; margin: 0px;} 
#header form input {float: right; margin: 0px 0px 0px 10px;}
#header form input#entry {border: 1px solid #96a2c1; color: #7e7e7e; font-size: 11px; line-height: 11px; width: 117px; height: 13px; padding: 3px 0px 2px 6px;}
#header a {display: block; height: 58px; margin: 8px 0px 0px 0px; background: #003d7d url(../_images/bg-header.gif) center 20px no-repeat; text-indent: -9999px; overflow: hidden;}
#nav {position: absolute; top: 149px; left: 0px; width: 1023px; border-top: 1px solid #b7b7b9; text-align: center;}
#nav ul {height: 17px; width: 376px; margin: 21px auto 0px auto; padding: 0px;}
#nav ul li {display: block; height: 17px; float: left; list-style-type: none;}
#nav ul li a {display: block; height: 17px; margin-right: 40px; text-indent: -9999px; overflow: hidden;}
#nav ul li a#nav-about {width: 37px; background-image: url(../_images/nav-about.gif);}
#nav ul li a#nav-contact {width: 46px; background-image: url(../_images/nav-contact.gif);}
#nav ul li a#nav-portfolio {width: 54px; background-image: url(../_images/nav-portfolio.gif);}
#nav ul li a#nav-catalog {width: 48px; background-image: url(../_images/nav-catalog.gif);}
#nav ul li a#nav-leed {width: 31px; background-image: url(../_images/nav-leed.gif); margin-right: 0px;}
#content {position: relative; margin: 228px 0px 23px 0px; min-height: 460px;}
*html #content {height: 460px;}
#footer {position: relative; width: 1023px; padding-top: 9px; border-top: 1px solid #b7b7b9; text-align: center; clear: both;}
#footer a {position: absolute; top: -23px; right: 16px; display: block; width: 212px; height: 11px; background-image: url(../_images/bg-email.gif); text-indent: -9999px; overflow: hidden;}
#footer p {position: relative; width: 1023px; height: 52px; background: transparent url(../_images/bg-address.gif) center 18px no-repeat; border-top: 1px solid #b7b7b9; text-indent: -9999px;}

form#sorry {position: relative; padding: 0px 0px 0px 0px; height: 18px; margin: 0px;} 
form#sorry input {position: relative;margin: 0px 10px 0px 0px;}
form#sorry input#entry {position: relative; border: 1px solid #96a2c1; color: #7e7e7e; font-size: 11px; line-height: 11px; width: 117px; height: 13px; padding: 3px 0px 2px 6px; top: -2px;}

.sub-nav #content h1 {}
.centered #content div {border: 1px solid #dee1e3; padding: 12px 11px 12px 11px; width: 676px; margin: 0px auto 27px auto; text-align: left;}
.centered #content div img {margin: 0px 14px 0px 0px; border: none; padding: 0px;}
.centered #content div img.last {margin-right: 0px;}
.centered #content div div {width: auto; margin: 0px; padding-bottom: 0px;}
.centered #content div div p {text-align: justify;}
.centered #content div div p a {text-decoration: underline;}
.centered #content div div p a:hover, .centered #content div div p a:active {text-decoration: none;}
.centered img {border: 1px solid #dee1e3; padding: 12px 11px 12px 11px; margin-bottom: 8px;}

#sub-nav {position: absolute; top: 64px; left: 57px; width: 203px;}
#sub-nav p {color: #003d7e; font-size: 12px; line-height: 14px; margin-bottom: 32px;}
#sub-nav p a {color: #003d7e; text-decoration: underline; font-weight: bold;}
#sub-nav h2 {padding: 0px; margin: 0px 0px 18px 0px; height: 16px; background: transparent url(../_images/sh-moulding-type.gif) 0px 0px no-repeat; text-indent: -9999px;}
#sub-nav ul {list-style-type: none; padding: 0px; margin: 0px 0px 72px 22px; color: #444444; font-size: 12px; line-height: 15px; font-weight: bold; text-align: left;}
#sub-nav ul li a {color: #444444;}

#download-catalog {position: absolute; top: -35px; right: 67px; display: block; width: 77px; height: 28px; background-image: url(../_images/b-download-catalog.gif); text-indent: -9999px; overflow: hidden;}

#p-home #awi {width: 72px; height: 76px; background-image: url(../_images/bg-awi.gif); text-indent: -9999px; margin: 0px auto 0px auto;} 

#p-contact h1 {background-image: url(../_images/h-contact.gif);} 
#p-contact h2 {font-size: 14px; margin: 20px 0px 16px 0px;}
#p-contact #content {padding: 0px 133px 0px 133px;} 
#p-contact #content div#left {border: 1px solid #dee1e3; padding: 12px 11px 6px 11px; width: 461px; margin: 0px; float: left;}
#p-contact #content div#left a {display: block; font-size: 11px; margin-top: 2px;}
#p-contact #content div#right {width: 245px; float: right; margin-left: 27px; font-size: 11px; text-align: left; line-height: 13px;} 
#p-contact #content div#right p {margin-bottom: 13px;}
#p-contact #footer a {position: absolute; top: -51px; right: 409px; display: block; width: 205px; height: 29px; margin: 0px auto 0px auto; background-image: url(../_images/bg-email-contact.gif); text-indent: -9999px; overflow: hidden;}

#p-portfolio h1 {background-image: url(../_images/h-our-work.gif); height: 42px; margin-left: -276px;} 
#p-portfolio #content {padding-left: 276px; text-align: left;}
#p-portfolio #sub-nav h2 {background-image: url(../_images/sh-commercial.gif);}
#p-portfolio img {border: 1px solid #dee1e3; padding: 12px 11px 12px 11px; margin-bottom: 8px;}
#p-portfolio #content p {font-size: 11px;}

#p-port h1 {background-image: url(../_images/h-selected-work.gif); height: 42px; margin-left: -276px;} 
#p-port #content {padding-left: 276px; text-align: left;}
#p-port #sub-nav h2 {background-image: url(../_images/sh-click.gif); height: 26px; margin: 0px 0px 7px 0px;}
#p-port #sub-nav ul {margin-bottom: 0px; line-height: 17px; cursor: pointer;}
#p-port #sub-nav ul ul {display: none;}
#p-port #sub-nav ul ul li a {color: #003e7e;}
#p-port #content img {border: 1px solid #dee1e3; padding: 12px 11px 12px 11px; margin-bottom: 8px;}
#p-port #content #photo {width: 470px; text-align: center; float: left;}
#p-port #content #photo h2 {color: #4c4c4c; font: bold 12px/12px Arial, Helvetica, sans-serif; margin: 7px 0px 4px 0px;width: 470px; text-align: left;}
#p-port #content #photo p {font-size: 11px; color: #4c4c4c; width: 470px; text-align: left;}
#p-port #content #port-nav {width: 200px; height: 390px; float: right; margin-right: 21px; overflow: auto;}
#p-port #content #port-nav img {padding: 4px; margin: 0px 16px 13px 0px; float: left; width: 66px; height: 62px;}
.port-civic #sub-nav #sub-civic {display: block;}
.port-edu #sub-nav #sub-edu {display: block;}
.port-office #sub-nav #sub-office {display: block;}
.port-worship #sub-nav #sub-worship {display: block;}
.port-rest #sub-nav #sub-rest {display: block;}
.port-retail #sub-nav #sub-retail {display: block;}
.port-sports #sub-nav #sub-sports {display: block;}

#p-leed h1 {background-image: url(../_images/h-leed-credits.gif);} 

#p-catalog h1 {background: transparent url(../_images/h-moulding-catalog.gif) left no-repeat;} 
#p-catalog #sub-nav {top: 0px;}
#p-catalog #content {padding-left: 324px; text-align: left; min-height: 890px;}
*html #p-catalog #content {height: 890px;}
#p-catalog #content p {font-weight: bold; font-size: 11px;}

#catalog h2 {font-size: 15px; color: #233d7c; font-weight: bold; margin: 0px 0px 6px 0px; clear: both; padding-top: 12px;}
#catalog p a {display: inline; width: auto; height: auto; float: none; margin: 0px; position: inherit;}
#catalog p a:hover, #catalog p a:active {text-decoration: underline;}
#catalog a {position: relative; display: block; float: left; width: 133px; margin: 0px 17px 12px 0px; text-align: center; color: #233d7c; font-size: 12px;}
#catalog a:hover, #catalog a:active {text-decoration: none;}
#catalog a img {display: block; margin-top: 3px; border: 1px solid #dee1e3; width: 132px; height: 126px;}
#catalog a:hover img, #catalog a:active img {border-color: #233d7c;}
#catalog a span {display: block; color: #959494; margin-top: -20px; text-transform: uppercase;}
#catalog .clear {height: 50px;}

#product {border: 1px solid #a29ea0; width: 536px; background-color: #d1d3d4; padding: 5px 4px 5px 4px;}
#product div {border: 1px solid #a29ea0; background-color: #FFFFFF; padding: 10px 12px 10px 12px;}
#product div div {border-color: #cac9ca; padding: 0px;}
#product div div div {position: relative; width: 476px; border: none; border-top: 1px solid #cac9ca; margin-top: 5px; padding-right: 32px; overflow: hidden;}
#product h2 {height: 29px; line-height: 29px; padding: 10px 0px 7px 23px; color: #233d7c; font-size: 19px; border-bottom: 1px solid #cac9ca; margin: 0px;}
#product h2 a {color: #233d7c;}
#product h2 span {font-size: 14px; text-transform: uppercase; font-weight: bold;}
#product div div div h3 {width: 170px; text-align: right; float: right; margin: 34px 0px 0px 0px; color: #000000; font: bold 17px/18px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#product div div div p {width: 170px; text-align: right; float: right; clear: right; color: #000000; font: bold 17px/18px Arial, Helvetica, sans-serif !important; margin-bottom: 26px; }
#product div div div a {width: 170px; text-align: right; float: right; clear: right; color: #000000; font-size: 14px; font-weight: bold; text-decoration: underline;}
#product div div div a.cad {font-size: 9px; color: #949594; margin: 10px 0px 0px 0px;}
#product div div div a:hover, #product div div div a:active {color: #888888;}
#product div div div img {position: relative; margin: -1px 0px -4px 0px; border: 0px; left: -1px;}
#product div div div img.wide {clear: right;}
#product div div div ul {position: absolute; z-index: 998; right: 32px; bottom: 34px; width: 100px; margin: 0px; padding: 0px; list-style-type: none; float: right;}
#product div div div ul li {position: relative; z-index: 999; visibility: inherit; display: block; float: right; width: 40px; margin: 0px; padding: 0px;}
#product div div div ul li a {position: relative; z-index:1000; background: transparent url(../_images/bg-next.gif) right 5px no-repeat; padding-right: 8px; font-size: 12px; width: 32px;  text-transform: lowercase; text-decoration: none;}
#product div div div ul li.back a {background: transparent url(../_images/bg-back.gif) left 5px no-repeat; padding: 0px 0px 0px 6px;}