/** {
	margin: 0;
	padding: 0;
}

html {
	background: #222;
	overflow-x: hidden;
}*/

#Anim1a {
	background:#425cad url(img/city.jpg) repeat-x;
	-webkit-animation: move-city-top 15s infinite linear;
	height: 130px;
	position: relative;
	border-top: 0px solid #619bfc;
	border-bottom: 0px solid #619bfc;
	z-index: 0;
}

#rampage {
	width: 454px;
	height: 170px;
	position: relative;
	top: -5px;
	left: 0px;
	background: url(img/rampage.png) no-repeat;
	z-index: 3;
	-webkit-animation: 
		shimmy-shimmy-shake 0.8s 1s infinite alternate,
		show-yourself 1s 1;
}

#coptor {
	position: relative;
	top: -5px;
	left: -10%;
	-webkit-animation: fly-by-night 10s linear infinite;
	z-index: 5;
}

.bullet {
	position: absolute;
	top: 90px;
	left: 10px;
	opacity: 50;
	filter: alpha(opacity=0);
	-webkit-animation: kapow 10s 2.5s linear infinite;
	z-index: 49;
	width: 10px; 
	height: 10px;
	background: white;
}
.bullet-2 {
	-webkit-animation: kapow 10s 2.6s linear infinite;
}



/* 
	Animation Definitions 
*/

@-webkit-keyframes move-city-top {
	from { background-position: 0 -50px; }
	to   { background-position: -533px -50px; }
}

@-webkit-keyframes shimmy-shimmy-shake {
	from { left: 50px; }
	to   { left: 65px; }
}

@-webkit-keyframes show-yourself {
	from { left: -1000px; }
	to   { left: 50px }
}

@-webkit-keyframes fly-by-night {
	0%  {  top: -5px; left: 100%; }
	10% { top:-25px; left: 90%;   }
	20% { top: -5px; left: 80%;   }
	30% { top: -25px; left: 70%;   }
	40% { top: -5px; left: 60%;   }
	50% { top: -25px; left: 50%;   }
	60% { top: -5px; left: 40%;   }
	70% { top: -25px; left: 30%;   }
	80% { top: -5px; left: 20%;   }
	90% { top: -25px; left: 10%;   }
	100% { top: -5px; left: -10%; }
}

@-webkit-keyframes kapow {
	0% { left: 100%; opacity: 1; }
	100% { left: -100%; }
}