.animationwindow {

	width: 650px;

	height: 400px;

	background-color:#0F0;

	margin: 50px auto;

	overflow: hidden;

}

.animationwindow div {

	width: 10000px;

}



/* THE REAL THING STARTS! */

.first {

	color: #FFFFFF;

	font-size: 120px;

	position: relative;

	margin: 100px 0 0 650px;

	/* bring margin-left to -850px (from 650px) */

}

.shadow1 {

	width: 500px;

	height: 12px;

	margin: -22px 0 0 75px;

	background: url(../images/shadow1.png) no-repeat;

	position: relative;

	display: none;

}

.second {

	color: #999999;

	font-size: 60px;

	margin: -80px 0 0 120px;

	position: relative;

}

.second .a {

	display: none;

	position: relative;

}

.second .b {

	margin: -66px 0 0 190px;

	position: relative;

	display: none;

	color: #DDDDDD;

}

.second .c {

	margin: -66px 0 0 330px;

	position: relative;

	display: none;

}

.third {

	font-size: 60px;

	color: #FFFFFF;

	margin: 240px 0 0 90px;

	position: relative;

	/* bring margin-top to 120px (from 240px) */

}

.fourth {

	color: #FFFFFF;

	font-size: 80px;

	margin: -400px 0 0 240px;

	position: relative;

	display: none;

	/* change font size to 100px (from 80px) */

}

.fifth {

	font-size: 50px;

	color: #DDDDDD;

	position: relative;

	margin: -230px 0 0 0;

}

.fifth .a {

	position: relative;

	margin: 0 0 0 -80px;

	/* animate back to 0 (from -80px) */

}

.fifth .b {

	position: relative;

	margin: 0 0 0 -90px;

	/* animate back to 0 (from -90px) */

}

.fifth .c {

	position: relative;

	margin: 0 0 0 -175px;

	/* animate back to 0 (from -175px) */

}

.fifth .d {

	position: relative;

	margin: 0 0 0 -95px;

	/* animate back to 0 (from -95px) */

}

.sixth {

	margin: -320px 0 0 35px;

	color: #FFFFFF;

	font-size: 30px;

	position: relative;

	display: none;

}

.sixth span {

	margin: 0 0 0 150px;

	position: relative;

	font-size: 72px;

}