@import url("reset.css");
@import url("text.css");
@import url("960.css");
@import url("fonts.css");
body {background:#b0ad79;}

#header {background:url(../img/headerbg.jpg) repeat-x center top #ebf1f2; height:150px; padding:20px 0 0 0;}
#header .container_12 {position:relative;}
#logo {display:block; margin:0 0 0 0; padding:0 0 0 0; background:url(../img/logo.png) no-repeat; width:355px; height:105px; float:left;}
#logo a {display:block; width:355px; height:105px; text-indent:-999em;}
#tagline {float:right; font-size:20px; margin:20px 0 0;}
#phone {float:right; font-size:24px;}
#navigation {display:block; width:970px; padding:0; height:60px; position:absolute; left:0; top:125px; margin:0 0 0 0; background:url(../img/navbar.png) no-repeat center top; overflow:hidden;}
#navigation li {display:block; float:left; height:60px; line-height:60px; margin:0 0 0 0; padding:0 20px; font-size:16px; background:url(../img/navdivider.gif) no-repeat right center;}
#navigation li, #navigation li a {color:#3b3b3b; -moz-text-shadow:#ababab 1px 1px 0px; text-shadow:#ababab 1px 1px 0px; font-weight:bold;}
#navigation li a {text-decoration:none;}
#navigation li a:hover {color:#ddd; -moz-text-shadow:#222 1px 1px 0px; text-shadow:#222 1px 1px 0px;}
#navigation li.finduson {background:none; padding:0 10px 0 20px;}
#navigation li.facebook, #navigation li.twitter {background:none; padding:0 10px 0 0;}
#navigation li.twitter a, #navigation li.facebook a {display:block;width:30px; height:31px; text-indent:-999em; margin:14px 0 0 0;}
#navigation li.twitter a{background:url(../img/twitter.png) no-repeat;}
#navigation li.facebook a {background:url(../img/facebook.png) no-repeat;}
#navigation li.twitter a:hover, #navigation li.facebook a:hover {-webkit-transform: rotate(10deg); -moz-transform: rotate(10deg);}
#masthead {background:url(../img/masthead-interior.jpg) repeat-x center top #011e38; height:125px; padding:30px 0 0 0; overflow:hidden;}
#masthead .container_12 {position:relative;}
#masthead h1#pageheading {font-size:40px; line-height:60px;}
#masthead h2#pageintro {color:#f27d3d; font-size:36px;}
#masthead #absbtn {position:absolute; top:65px; right:0;}
#index #masthead {background:url(../img/masthead-home.jpg) repeat-x center top #011e38; height:291px; padding:30px 0 0 0;}
#video {float:right; margin-top:10px; background:url(../img/video.png) no-repeat;}
#masthead h1 {font-size:60px; line-height:72px; margin:0 0 0 0;}
#masthead h2 {font-size:36px;}
#masthead p {font-size:18px; font-weight:bold;}
#index #masthead h1 span {color:#f27d3d; font-family:"VollkornRegular", "Times New Roman", Times, serif;}
#index #masthead a.button {margin:-12px 20px 0 0;}
span.times {font-family:"Times New Roman", Times, serif;}
#main {background:url(../img/background.jpg) center top #dbd678;}
#awardhistory {background:none; border:none; margin:30px 0 0 0; padding:0 0 0 0;}
#awardhistory h4 {color:#0e3576; font-size:22px;}
#awardhistory h4 span {font-size:36px; font-family:"VollkornRegular", "Times New Roman", Times, serif;}
#awardhistory h4 a {color:#0e3576; text-decoration:none;}
.article {padding:10px 10px 0 10px; background:url(../img/transparent40.png) repeat; border:1px solid #fff; overflow:hidden;}
.extratext {padding:30px 10px 0 10px; overflow:hidden;}
.article ul {}
.article li {list-style-type:none; background:url(../img/bullet.gif) no-repeat left center; padding:0 0 0 15px; line-height:24px;}
.article ul.minilist li {margin:0 0 0 0; line-height:18px;}
.photo {border:1px solid #717171; -moz-box-shadow:#222 1px 1px 8px; box-shadow:#222 1px 1px 8px; -webkit-box-shadow:#222 1px 1px 8px;}
img.right {float:right; margin:0 0 10px 10px;}
img.left {float:left; margin:0 10px 10px 0;}
.article .twocol {float:left; margin:0 0 20px 0;}
.featured {position:relative; height:232px; padding:20px 20px 0 20px;}
.featured h3 {display:block; width:345px; height:60px; margin:0 0 0 0; padding:40px 0 0 15px; font-size:30px; line-height:30px; background:url(../img/featured.png) no-repeat; position:absolute; top:152px; z-index:99; color:#f1f1f1; text-shadow:#01162a 1px 2px 1px; -moz-text-shadow:#01162a 1px 2px 1px;}
#footer {text-align:center; overflow:hidden; clear:both;}
#footer p {}
#associations {width:731px; height:121px; padding:20px 0 0 0; margin:0 auto; text-align:center; clear:both; background:url(../img/footer.png) no-repeat;}
#associations li {display:block; float:left; margin:0 0 0 5px; padding:0 0 0 0;}
#associations li a {display:block; text-indent:-999em;}
#associations li.nahb a {background:url(../img/associations/nahb.jpg); width:99px; height:41px; margin:30px 0 0 0;}
#associations li.saultchamber a {background:url(../img/associations/saultchamber.jpg); width:139px; height:40px; margin:30px 0 0 0;}
#associations li.nrca a {background:url(../img/associations/nrca.jpg); width:119px; height:41px; margin:30px 0 0 0;}
#associations li.deckrite a {background:url(../img/associations/deckrite.jpg); width:139px; height:51px; margin:25px 0 0 0;}
#associations li.durolast a {background:url(../img/associations/durolast.jpg); width:68px; height:68px; margin:15px 0 0 0;}

a.button {display:block; width:165px; height:50px; float:right; line-height:50px; font-size:24px; text-align:center; text-decoration:none; font-family:"VollkornRegular", "Times New Roman", Times, serif; -moz-text-shadow:#e4be86 1px 1px 3px; text-shadow:#e4be86 1px 1px 3px; color:#222; background:url(../img/button.gif);}