#carousel{width:100%; overflow: hidden; margin-bottom:10px; height:300px; position: relative}
#slide_nav, #slides{list-style: none; padding:0; margin:0;}
#nav_holder{position:absolute; bottom:0; left:0; height:25px; width:100%; z-index: 8; text-align: center}
#slide_nav{height:30px; width:auto; display:inline-block; padding:4px; background: #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px}
#slide_nav li{display: inline-block; width:20px; height:20px; background:url(/images/dot-off.png); cursor:pointer}
#slide_nav .active{background:url(/images/dot-on.png)}
#slides .linked{cursor:pointer}
#slides{height:300px; width:9000px; background: #CCC; position: relative; color:#CCC}
#slides li{position:relative; background: center center no-repeat; float: left; width:940px; height:300px; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover}
#slides span{position: absolute; bottom:60px; padding:20px; width:380px; z-index: 3; background: url(/images/slide-bg.png)}
#slides span a{color:#FFF; text-decoration: underline}
#slides .text-right{right:70px}
#slides .text-left{left:70px}
#slides h1, #slides strong{font-size: 16px; color:#FFF; margin:0 0 10px 0}
#carousel #left-btn, #carousel #right-btn{position: absolute; top:130px; z-index: 5; cursor:pointer}
#carousel #left-btn{left:4px}
#carousel #right-btn{right:4px}
#slides li h2{position: absolute; left:5px; font-size: 16px; color:#FFF; padding:5px; top:5px; line-height: 20px; background: url(/images/slide-bg.png); width:auto; height:20px}