/*** set the width and height to match your images **/

#banners {
    position:relative;
    height: 500px;
    border:1px solid #999;
}

#banners .slide {
    -webkit-transform: translateZ(0);
    position:absolute;
    top:0;
    left:0;
    text-align: left;
    z-index:8;
    opacity:0.0;
    height: 500px;
    background-color: #222;
}

#banners .activeSlide {
    z-index:10;
    opacity:1.0;
    cursor: pointer;
}

#banners .last-activeSlide {
    z-index:9;
}

#banners div .img {
}

#banners .links {
  position: absolute;
  top:0px;
  left:5px;
  visibility: hidden;
}

#banners .links ul {
  margin:0px;
  padding:5px;
}

#banners .links ul li {
  display: block;
  float: left;
  margin:1px;
  width:10px;
  height:10px;
  background-image: url('bullet.png');
  text-align: center;
  line-height:20px;
}


#banners .desc {
  height:50px;
  width:268px;
  padding:20px;
  padding-top:10px;
  opacity:100;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  background-color:#FFF;
}

#banners .slide h3 {
  padding:0px;
  font-family:'HelveticaNeueW01-97Blac','HelveticaNeueLTPro-BlkCn',Impact;
  font-weight:normal;
  margin:0px;
  text-transform: uppercase;
  font-size:20px;
  line-height:25px;
  color:#000;
}

#banners .slide p {
  font-size: 13px;
  color:#777;
  font-weight: bold;
  text-transform:uppercase;
  margin:0px;
  margin-top:0px;
}