body {
	background-color: #006000;
	background-image: url('http://dogopoly.com/dog/images/grass_tile.jpg');
}
#logo_div {
	text-align: center;
}
#logo {
	width: 300px;
	height: 60px;
}
#copyright {
	color: white;
	text-shadow: 1px 1px black;
	font-family:"MS Sans Serif", Geneva, sans-serif;
	font-size: 10px;
}

#home {
	position: relative;
	vertical-align: middle;
}
#order {
	position: relative;
	vertical-align: middle;
}
#board {
	width: 150px;
	height: 150px;
	position: relative;
	vertical-align: middle;
}
.square {
	
}
/* -- */
#sidewalk {
	border: 1px solid gold;
	
	position: relative;
	width: 99%;
	height: 158px;
	
	z-index: 5;
	overflow: hidden;
}
.sidewalk_block {
	position: absolute;
	top: 0px;
	width: 2049px;
	height: 100%;
	border: 1px solid silver;
	
	background-image: url('../img/dog_set.png');

	animation: block_slide 44s linear 0s infinite normal forwards;
	-webkit-animation: block_slide 44s linear 0s infinite normal forwards;
	-ms-animation: block_slide 44s linear 0s infinite normal forwards;
	-o-animation: block_slide 44s linear 0s infinite normal forwards;
}
#sidewalk_block1 {
	left: 0%;
	border: 1px solid green;
}
#sidewalk_block2 {
	left: 2049px;
	border: 1px solid red;
}
@keyframes block_slide {
	100% {
		transform: translateX(-100%);
	}
}
@-webkit-keyframes block_slide {
	100% {
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
	}
}

@-ms-keyframes block_slide {
	100% {
		transform: translateX(-100%);
		-ms-transform: translateX(-100%);
	}
}
@-o-keyframes block_slide {
	100% {
		transform: translateX(-100%);
		-o-transform: translateX(-100%);
	}
}
#jumper {
	position: absolute;
	bottom: 0%;
	left: 50%;
	width: 74px;
	height: 64px;
	z-index: 10;
	
	animation: do_jump 2s infinite normal cubic-bezier(0.333, 0.666, 0.666, 1.000);
	-webkit-animation: do_jump 2s infinite normal cubic-bezier(0.333, 0.666, 0.666, 1.000);
	
	will-change: transform;
	background-image: url('../img/dogodog.png');
}

@keyframes do_jump {
	0% {
		transform: translateY(0%);
		animation-timing-function: cubic-bezier(0.333, 0.666, 0.666, 1.000);
	}
	50% {
		transform: translateY(-125%);
		animation-timing-function: cubic-bezier(0.333, 0.000, 0.666, 0.333);
	}
}
@-webkit-keyframes do_jump {
	0% {
		-webkit-transform: translateY(0%);
		-webkit-animation-timing-function: cubic-bezier(0.333, 0.666, 0.666, 1.000);
	}
	50% {
		-webkit-transform: translateY(-125%);
		-webkit-animation-timing-function: cubic-bezier(0.333, 0.000, 0.666, 0.333);
	}
}