#slider {
   font-family: Arial, Helvetica, sans-serif;
   position: relative;
   overflow: hidden;
}

#slider, #slider img, #slider ul{
  width: 560px;
  height: 280px;
}

#slider .slide a img {
  border: none;
}

#slider li,#slider ul{
  padding:0;
  margin:0;
}

#slider ul {
   position: absolute;
}

#slider .slide {
   float: left;
   position: relative;
   display: none;
}

/*For sane browsers..*/
#slider .slide:first-child{
  display: block;
}

#slider .slide span {
  width: 560px;
  font: 10pt/15pt Arial, Helvetica, sans-serif;
  position: absolute;
  padding: 10px 13px 13px 13px;
  background-color: #000;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  color: #fff;
  bottom: 0;/*remove this and it will be on top*/
}

#slider .slide span strong {
  font-size: 14pt;
}

#slider .slide span.top {
  top: 0;
  left: 0;
  width: 560px;
  height: 40px;
  padding-bottom: 10px;
}
#slider .slide span.bottom {
  bottom: 0;
  left: 0;
}
#slider .slide span.left {
  top: 0;
  left: 0;
  width: 120px !important;
  height: 310px;
}
#slider .slide span.right {
  right: 0;
  top: 0;
  width: 90px !important;
  height: 300px;
}