body {
        margin: 0;
}
.container {
	width: 100%;
        margin: 0;
        text-align: center;
        background: #fff;
}
.wrapper {
padding:0;
	width: 850px;
	margin: 0 auto;
        text-align: center;
        background: #fff;
}

#ball{
    background: url(../images/ball_bounce.png);
    width: 50px;
    height: 50px;
    -webkit-animation: ball-bounce 0.7s steps(6) infinite;
    animation: ball-bounce 0.7s steps(6) infinite;
}
@-webkit-keyframes ball-bounce {
    from { background-position: 0px; }
    to { background-position: -300px; }
}
@keyframes ball-bounce {
    from { background-position: 0px; }
    to { background-position: -300px; }
}