html, body {
	margin:0; padding:0;
	height:100%;
}
 
body {
	background:#eeeeee; #url('back.png') 50% 0% no-repeat 
	font-family:Georgia, Times, serifs;
}
 
#floater {
	position:relative; float:left;
	height:50%;	margin-bottom:-200px;
	width:1px;
}
 
#centered {
	position:relative; clear:left;
	height:40px; width:50%; max-width:600px; min-width:100px;
	margin:0 auto;
}

 
#content {
	overflow:auto; height:340px;
	padding:20px; margin:10px;
}

img, a { outline: none; border: none; }

.rollover a {
	display:block;
	width: 200px;
	padding:200px 0px 0px 0px;
	background: url("scn.png") 0 0 no-repeat;
}
.rollover a:hover { 
	background-position: 0 -200px;
}


#top, #bottom, #left, #right {
	height: 100%;
	position: absolute;
	z-index: 999;
	width: 100%; 
}
#top, #bottom {
	height: 30%; 
}
#left, #right {
	width: 20%; 
}
 #top{
	background-image: -moz-linear-gradient(100% 100% 90deg, rgba(255, 255, 255, 0), #bfbfbf );
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(rgba(255, 255, 255, 0)));
	top: 0; 
}
#bottom{
	background-image: -moz-linear-gradient(100% 100% 90deg, #bfbfbf, rgba(255, 255, 255, 0) );
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0)), to(#bfbfbf));
	bottom: 0;
}
#left{
	background-image: -moz-linear-gradient(100% 100% 180deg, rgba(255, 255, 255, 0), #bfbfbf );
	background-image: -webkit-gradient(linear, left center, right center, from(#bfbfbf), to(rgba(255, 255, 255, 0)));
	left: 0; 
}
#right{
	background-image: -moz-linear-gradient(100% 100% 180deg, #bfbfbf, rgba(255, 255, 255, 0) );
	background-image: -webkit-gradient(linear, right center, left center, from(#bfbfbf), to(rgba(255, 255, 255, 0)));
	right: 0; 
}