body
{
    width: 640px;
    height: 960px;
    margin: 0;
	padding: 0;
	background-image:url('images/pyramid_background.png');
	background-repeat:no-repeat;
}

#linesContainerH
{
    position: absolute;
    top: 0px;
    width: 640px;
    height: 960px;
    z-index: 0;
    overflow: hidden;
}

#linesContainerV
{
    position: absolute;
    top: 0px;
    width: 640px;
    height: 960px;
    z-index: 0;
    overflow: hidden;
}

#linesContainerH > div 
{
    position: absolute;
    width: 548px;
    height: 112px;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-timing-function: linear;
}

#linesContainerV > div 
{
    position: absolute;
    width: 112px;
    height: 548px;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-timing-function: linear;
}

#linesContainerH > div > img {
	position: absolute;
	width: 548px;
	height: 112px;
	-webkit-animation-iteration-count: infinite;
}

#linesContainerV > div > img {
	position: absolute;
	width: 112px;
	height: 548px;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes downup
{
    0%   { -webkit-transform: translate(0px, 100px); }
    100% { -webkit-transform: translate(0px, -1508px); }
}

@-webkit-keyframes updown
{
    0%   { -webkit-transform: translate(0px, -100px); }
    100% { -webkit-transform: translate(0px, 1508px); }
}

@-webkit-keyframes leftright
{
    0%   { -webkit-transform: translate(-100px, 0px); }
    100% { -webkit-transform: translate(1188px, 0px); }
}

@-webkit-keyframes rightleft
{
    0%   { -webkit-transform: translate(100px, 0px); }
    100% { -webkit-transform: translate(-1188px, 0px); }
}