* {
  margin: 0; 
  padding: 0;
}





#element{
	
	width:700px ;
	height:320px ;
	}	
	
	body{
		background-color:#00FFCC;
		}

#s3slider{
	width:770px;
	height:320px;
	overflow:hidden;
	position:relative;
	/*margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:0px;*/
	list-style:none;
	}
	
#s3sliderContent {
	width:770px;
	height:320px;
	position:relative;
	/*margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:0px;*/
	list-style:none;

	
	}

.s3sliderImage {

	position:relative;
	display:none;
	list-style:none;
}

.clear {
	clear:both;

}

.s3sliderImage span {
	position:absolute;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	padding-top:80px;
	padding-left:15px;
	color:#FFF;
	background-color:#666;
	width:750px;
	display:none;
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha (opacity=70);
	font-stretch: narrower;
	text-align: center;
	}

.s3sliderImage h5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:14px;
	text-decoration: underline;
	text-align: center;
	}

/*--------------overlay--------------*/

.top {
	top:0;
	left:0;
	width:150px!important;
	height:300px!important;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	}

.bottom {
	bottom:4;
	left:2;
	width:160px !important;
	height:200px !important;
}

.right {
	right:20;
	bottom:0;
	width:80px !important;
	height:80px !important;
	}
	
	.left {
	
	top:0;
	left:10;
	width:150 !important;
	height:300 !important;
	}