@charset "utf-8";
/* CSS Document */

#checkerboard{
	width:500px;
	height:500px;
	overflow:hidden;
	border:1px solid #000;
}

.odd_row{
	width:500px;
	height:50px;
	background-image:url("boxesb.png");
	background-repeat:repeat-x;
	background-position:0 0;

	
	-webkit-animation-name: oddmove;  
    -webkit-animation-iteration-count: infinite;  
    -webkit-animation-timing-function: linear;  
    -webkit-animation-duration: 3s;
}

.even_row{
	width:500px;
	height:50px;
	background-image:url("boxesb.png");
	background-repeat:repeat-x;
	background-position:50px 0;

	
	-webkit-animation-name: evenmove;  
    -webkit-animation-iteration-count: infinite;  
    -webkit-animation-timing-function: linear;  
    -webkit-animation-duration: 3s;
}

/*.odd_row:hover{
	-webkit-animation-name:none;
}
.even_row:hover{
	-webkit-animation-name:none;
}*/

@-webkit-keyframes oddmove {  
from {  
	background-position:0 0; 
}  
to {  
	background-position:100px 0;  
	}  
}  
  
@-webkit-keyframes evenmove {  
from {  
	background-position::50px 0;  
	}  
to {  
	background-position: -50px 0; 
	}  
}