#slider {
   position: relative;
   overflow: hidden;
   border-bottom:1px solid #5b8263;
   border-left:1px solid #bed0c4;
}

#slider, #slider img, #slider ul{
  width: 488px;
  height: 283px;
}

#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 {
  position: absolute;
  left: 0;
  padding: 5px 13px 5px 10px;
  opacity: 0.7; /*this is only used for non-IE on the first slide, before js is loaded, use spanOpacity option to change opacity*/
  background-color: #005e28;
  color: #fff;
  top: 0;/*remove this and it will be on top*/
  width:100%;
  font-size:18px;
}

.floatl {float:left}
.floatr {float:right}