* {margin:0; padding:0; outline:0}
body {font:12px Verdana,Arial; background:#bbb}
h1 {font:26px Georgia,Verdana}
p {line-height:1.4; margin-top:10px}

#wrapper {
		border-bottom: 4px #808080 groove;
		border-right: 4px #808080 groove;
		width: 400px;
		height: 150px;
		margin: 20px auto;
		background: #fff;
		border-top: 4px #808080 groove;
		border-left: 4px #808080 groove;
		padding: 20px;
		background-attachment: fixed;
		background-image: url('../images/metal-texture.jpg');
}
#scroll {
		position:relative; 
		width:400px; 
		height:150px; 
		overflow:auto
}
#scrollcontent {
		position:absolute; 
		width:375px; 
		z-index:200
}
#scrollbar {
		float:right; 
		position:relative; 
		display:none; 
		width:15px; 
		height:150px; 
		z-index:100; 
		background:url(images/scroll-bg.gif)
}
.scroller {
	position: absolute;
	top: 10px;
	width: 15px;
	cursor: pointer;
	background-color: #808080;
	background-image: url('../images/scroll-arrows.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.buttonclick {
		background-color:#bbb
}