.featured { width: 960px; min-height: 356px; background: url("../images/featured-background.jpg") no-repeat top left; font: bold 14px/26px Arial, sans-serif; color: #ffffff; }
.featured h2 { width: 332px; height: 189px; text-indent: -999em; margin: 0; padding: 0; background: url("../images/more-than.jpg") no-repeat top left; }
.featured p { margin: 0 0 0 15px; font-weight: bold; }
.featured #slideshow { float: right; width: 599px; height: 315px; background: #707070; margin: 20px 20px 20px 5px; }
.featured #hiring { float: left; z-index: 100; width: 145px; height: 84px; text-indent: -999em; background: transparent url("../images/hiring-banner.png") no-repeat top left; }
.featured a{color:#FDBA1C;}

.button-bar { height: 97px; background: #00562e url("../images/button-bar.jpg") repeat-x; }
.button-bar a { float: left; width: 220px; height: 75px; background-position: top left; background-repeat: no-repeat; margin: 10px 10px; text-indent: -999em; outline: none; }
#button1 { background-image: url("../images/button-advertise.jpg"); }
#button2 { background-image: url("../images/button-buylocal.jpg"); }
#button3 { background-image: url("../images/button-svcadv.jpg"); }
#button4 { background-image: url("../images/button-boatbuilding.jpg"); }

.play-container { float: right; width: 340px; margin: 15px 5px 0px 20px; min-height: 285px; }
.play-container .image-container { width: 340px; height: 191px; background: url("../images/play-background.jpg") no-repeat center center; display: block; }
.play-container .image-overlay { width: 340px; height: 191px; background: url("../images/play-overlay.png") no-repeat center center; display: block; cursor: pointer; }
.play-container a { display: block; width: 340px; height: 42px; text-indent: -999em; background: url("../images/see-all.jpg") no-repeat center top; outline: none; }

#twitter-space { float: right; width: 210px; margin:0px 0px 10px 12px; }
#twitter-space h3 { margin:20px 0px 0px 0px; }
#twitter-list { border-top: 1px solid #cccccc; padding-top: 6px; margin-top: 6px; }
#twitter-list dt { font: normal 11px/18px Arial, sans-serif; }
#twitter-list dd { font: bold 10px Arial, sans-serif; border-bottom: 1px solid #cccccc; margin: 6px 0; padding-bottom: 7px; }

#follow-link { float: left; text-indent: -999em; width: 102px; height: 28px; background: transparent url("../images/twitter-follow.jpg") no-repeat top left; }

#slideshow { width:599px; height:315px;}
/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
width: 599px;
background-color: #eee;
position:relative;
overflow:hidden;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;}

#slideshow .slides ul {
width: 3000px;}

#slideshow .slides li {
width: 599px;
height:	315px;
float: left;
padding: 0px;
background-color:transparent !important;
}

#slideshow .slides h2 {
margin-top: 0;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
background-color: #0f7ab7;
position:absolute;
top:300px;
right:0px;
padding:10px 6px;
height:10px;
z-index:5;
}

#slideshow .slides-nav li {
margin:0px 4px;
float: left;
}

#slideshow .slides-nav li a {
display: block;
width:10px;
height:10px;
outline: none;
background-color:#005a80;
}
.js #slideshow .slides-nav li.on a {
background-color: #00a4e9;}