أعجوبة

.clear {clear:both; padding-bottom:2px;}
body {
	background:#eef;
}
#scrollingslides {
	margin-left:auto; margin-right:auto;
	background:transparent url('/img/bg.png') repeat-x;
	width: 480px;
	height: 360px;
}
#slidesdiv {
	position:relative;
	top:0;
	left:0;
	background:transparent 0 0 no-repeat;
	width: 480px;
	height: 281px;
	overflow:hidden;
}
#slidersdiv {
	position:relative;
	top:0;
	left:0;
	overflow:hidden;
	background:transparent 0 0 no-repeat;
	width: 480px;
	height: 78px;
}
#slidersdiv a {
	float: right;
	overflow:hidden;
	background-image:url('/img/buttons.jpg');
	background-repeat: no-repeat;
	width: 120px;
	height: 78px;
}
#slideb1 { background-position:-360px 0; }
#slideb2 { background-position:-240px 0; }
#slideb3 { background-position:-120px 0; }
#slideb4 { background-position:0 0; }

#slideb1:hover { background-position:-360px -80px; }
#slideb2:hover { background-position:-240px -80px; }
#slideb3:hover { background-position:-120px -80px; }
#slideb4:hover { background-position:0 -80px; }

#slideb1:active,#slideb1.current { background-position:-360px -160px; }
#slideb2:active,#slideb2.current { background-position:-240px -160px; }
#slideb3:active,#slideb3.current { background-position:-120px -160px; }
#slideb4:active,#slideb4.current { background-position:0 -160px; }

.slidelinks {
	background:rgba(255,255,255,0.15);
	width:150px;
	height:360px;
	float:left;
}
.slidebody {
	width:310px;
	height:360px;
	float:right;
	color: #240;
	padding: 170px 10px 10px;
}

#slide1,#slide2,#slide3,#slide4 { display: none;}
#slide1 { display: block;}

#slide1 .slidebody {
	background: #fff url('/wiki/_media/slide1.png') top right no-repeat;
}

#slide2 .slidebody {
	background: #fff url('/wiki/_media/slide2.png') top right no-repeat;
}
#slide3 .slidebody {
	background: #fff url('/wiki/_media/slide3.png') top right no-repeat;
}
#slide4 .slidebody {
	background: #fff url('/wiki/_media/slide4.png') top right no-repeat;
}