#slider500 a,#s3slider a {
	border: 0px;
}

#slider500 img,
#slider320 img,
#s3slider img {
	border: 0px;
}

#slider500, #slider320, #s3slider {
	width: 880px;
	/

* important to be same as image width */ 
  height: 500px;
	/*

important to be same as image height */
  position: relative;
	/* 

important */
  overflow: hidden;
	/* 

important */
  text-align: left;
}

#s3slider ol,#s3slider  ul ,
#slider500 ol,#slider500  ul ,
#slider320 ol,#slider320  ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#slider500Content, #slider320Content, #s3sliderContent {
	width: 880px;
	/*

important to be same as image width or wider */
  position: absolute;
	/* 

important */
  top: 0;
	/* 

important */
  margin-left: 0;
/* im

portant */
}

.s3sliderImage ,.slider500Image ,.slider320Image {
	float: left;
	/*

important */
  position: relative;
	/* 

important */
  display: none;
	/* 

important */
  padding: 0px;
	margin: 0px;
}

.s3sliderImage span,.slider500Image span,.slider320Image span {
	position: absolute;
	/

* important */
  font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 854px;
	background-color: #000;
	filter: alpha(opacity=70);
	

/* h

ere you can set the opacity of box with text */
  -moz-opacity: 0.7;
	

/* 

here you can set the opacity of box with text */
  -khtml-opacity: 0.7;
	

/*

here you can set the opacity of box with text */
  opacity: 0.7;
	/

* here you can set the opacity of box with text */
  color: #000;
	display: none;


/*

important */

  

/*

if you put
      top: 0; -> the box with text will be shown at the top of the image 
      if you put
      bottom: 0; -> the box with text will be shown at the bottom of the image
  */
}

.s3sliderBottom {
	bottom: 0px;
	left: 0px;
}

.s3sliderTop {
	top: 0px;
	left: 0px;
}

.s3sliderLeft {
	top: 0px;
	left: 0px;
}

.s3sliderRight {
	bottom: 0px;
	right: 0px;
}

.clear {
	clear: both;
}