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

#slideshow {
    position:relative;
    height: 300px;
    border-bottom:3px solid #900;
}

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

#slideshow .activeSlide {
    z-index:10;
    opacity:1.0;
}

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

#slideshow div .img {
}

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

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

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


#slideshow .desc {
  position: absolute;
  right:80px;
  top:0px;
  height:130px;
  width:250px;
  padding-left:20px;
  padding-right:20px;
  padding-top:170px;
  opacity:0.6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  background-color:#fff;
}

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

#slideshow .slide p {
  font-size: 13px;
  font-weight: bold;
  font-style:italic;
  color:#333;
  margin:0px;
  margin-top:6px;
}