div#banner{
	width: 150px;
	height: 500px;
	margin: 0px auto;
	border: #0000B2 1px solid;
	overflow:hidden;
	background-image:url(canvas0.png)
}
div#banner > #banner_backdrop{
	position: relative;
	background: url(chronic2.png) repeat-y;
	width: 150px;
	height: 250px;
	animation: backdrop_roll linear 6s normal;
}
@keyframes backdrop_roll { from { top:-1000px;}
to { top: 0px;}}
div#banner > #banner_backdrop2{
	position: relative;
	background: url(logo.png) repeat-y;
	width: 150px;
	height: 250px;
	animation: backdrop_roll2 linear 7s normal;
}
@keyframes backdrop_roll2 { from { bottom: -10000px;}
to { bottom: 0px;}}
div#banner > #banner_content{
	position: relative;
	height: 50%;
	width: 150px;
	top: -460px;
	color: #FFF;
	font-size:24px;
	font-weight:bold;
	text-shadow: 1px 1px 1px #000;
	padding:7px;
	animation: side_roll linear 1s normal;
	z-index:10;
}
@keyframes side_roll { from { left: -250px;}
to { left: 0px;}}
div#banner > #banner_content2{
	position: relative;
	height: 50%;
	width: 130px;
	top: -695px;
	color: #FFF;
	font-size:16px;
	font-weight:bold;
	text-shadow: 1px 1px 1px #000;
	padding:8px;
	animation: side_roll2 linear 3s normal;
	z-index:10;
}
@keyframes side_roll2 { from { left: -550px;}
to { left: 0px;}}