@charset "utf-8";
/* CSS Document */

#slider {
	position: relative;
	width:430px;
	height:241px;
	z-index: 100;
	}
	
	div.scroller {
	width:430px;
	height:241px;
	overflow: hidden;
	position: relative;
	}
	
	div.slidercontrolwr{
		position:absolute;
		right:15px;
		top:15px;
		z-index:999;	
	}
	
	div.scroller img{
		border: none;
	}
	
	div.scroller div.section {	
		width:430px;
		height:420px;
		overflow:hidden;
		float:left;
	}
	
	div.scroller div.content {
		width: 10000px;
		padding: 0px;
	}
	
	.slidercontrol{
		list-style: none;
		padding: 0px;
		margin: 0px;	
	}	
	
	.slidercontrol a{
		float: left;
		width: 14px;
		height: 14px;
		margin: 0px 2px;
		padding: 0px;
		text-decoration: none;
		color: #aaa;
		text-indent: -1000px;
		overflow: hidden;	
		opacity:0.6;
		filter:alpha(opacity=40);			
	}	
	
	
	.slidercontrol a:hover{
		opacity:1;
		filter:alpha(opacity=100);
	}
	
	.content .sliderdescription{
		width: 380px;
		padding: 10px;
		display: block;
		position:relative;
		left:15px;
		top:-100px;
		color: #222;
		font: 12px bold Helvetica, sans-serif;
		opacity:0.5;
		filter:alpha(opacity=30);		
	}	
	
	
	div.sliderdescription:hover{
		background: #fff;		
	}	
	
	.content a{
		text-decoration: none;
		font: 12px bold Helvetica, sans-serif;		
		color: #444;
	}
	
	
	.aprev{	
		background: url(../images/aprev.gif) no-repeat 3px 3px;
	}	
	.anext{	
		background: url(../images/anext.gif) no-repeat 3px 3px;
	}	
	.astop{	
		background: url(../images/astop.gif) no-repeat 3px 3px;
	}	
	.aplay{	
		background: url(../images/aplay.gif) no-repeat 3px 3px;
	}