#slider {
	position: relative;
	overflow: hidden;
	background-image: url(../images/center-bg.gif);
}

#slider, #slider img, #slider ul{
  width: 789px;
  height: 249px;
}

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

#slider ul {
   position: absolute;
}

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

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

#slider .slide span {
	width: 787px;
	position: absolute;
	left: 0;
	opacity: 0.8; /*this is only used for non-IE on the first slide, before js is loaded, use spanOpacity option to change opacity*/
	background-color: #302f2f;
	color: #fff;
	bottom: 0;/*remove this and it will be on top*/
	margin-bottom: 22px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	text-align:center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c0c4c7;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b3b5b4;
}