ul#front-door{margin: 10px 0 0 3px; padding: 0px; height: 410px;}
ul#front-door li{list-style-type: none; margin: 0px; padding: 0px;}
ul#featured li img {z-index: 2000;}

div.feature-copy{position: absolute; height: auto; padding: 10px; width: 375px; background: url(http://www.surfstronger.com/img/front-door/textbg.png) repeat; z-index: 3; cursor: pointer; height: 383px; margin: 0 0 0 515px;}
div.feature-copy a{text-decoration: none;}
div.feature-copy h1 {color: white; text-shadow: 1px 1px 1px black; font: 24px Arial; font-weight:  bold;}
div.feature-copy p {color: white; font: 16px Arial; padding-top: 10px; }
h1.feature-headline{width: 367px; height: 113px; text-indent: -9999em; background: url(http://www.surfstronger.com/img/front-door/sshome-headline.png); margin: 50px 0 0;}
h3.feature-subheadline{width: 367px; height: 57px; text-indent: -9999em; background: url(http://www.surfstronger.com/img/front-door/sshome-copy.png);}
div#home-band{background: #00a1f0;width: 910px; height: 144px; clear: both; margin: 0 0 0 3px;}
div#home-bandl{ width: 350px; float: left; height: 100%; padding: 30px 0 0 10px;}
div#home-bandr{ width: 530px; float: right; height: 100%;}
span.quote{color: white; font: 14px Arial, Helvetica, Sans-Serif ;}
span.quote-author{color: black; font: 14px Arial, Helvetica, Sans-Serif;  }
a.band-readmore{display: block; background: #82d9fa; color: black; font-weight: bold; font-size: 14px; padding: 5px; width: 130px; text-align: center; text-decoration: none; font-family: Arial, Helvetica, Sans-Serif; font-size: 13px;}
a:active.band-readmore{display: block; background: #000; color: white;}

a.hb-buyvideosbtn{display: block; width: 162px; height: 110px; text-indent: -9999em; background: url(http://www.surfstronger.com/img/front-door/buyvideosbtn.jpg) no-repeat; float: left; margin: 10px 5px 0 5px}
a.hb-videodlsbtn{display: block; width: 170px; height: 110px; text-indent: -9999em; background: url(http://www.surfstronger.com/img/front-door/videodlsbtn.jpg) no-repeat; float: left; margin: 10px 5px 0 5px}
a.hb-sstrxbtn{display: block; width: 161px; height: 110px; text-indent: -9999em; background: url(http://www.surfstronger.com/img/front-door/sstrxbtn.jpg) no-repeat; float: left; margin: 10px 5px 0 5px}

a.h-btn-l{display: block; background: url(http://www.surfstronger.com/img/front-door/selectbtn.png) no-repeat; color: white; font-weight: bold; font-size: 14px; padding: 8px 0 0 0; width: 86px; height: 28px; text-align: center; text-decoration: none; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; margin: 0 0 0 90px; float: left;}
a:active.h-btn-l{display: block; background: url(http://www.surfstronger.com/img/front-door/selectbtnactive.png) no-repeat; color: white;}
a.h-btn{display: block; background: url(http://www.surfstronger.com/img/front-door/selectbtn.png) no-repeat; color: white; font-weight: bold; font-size: 14px; padding: 8px 0 0 0; width: 86px; height: 28px; text-align: center; text-decoration: none; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; margin: 0 0 0 20px; float: left;}
a:active.h-btn{display: block; background: url(http://www.surfstronger.com/img/front-door/selectbtnactive.png) no-repeat; color: white;}
img.preload{height: 1px; width: 1px;}