/*
    Based on chris Coyier's Starry Night DEMO
    http://chriscoyier.net

	@Laasli
*/

* { margin: 0; padding: 0; }

html { overflow-y: scroll; }

body {
	font: 10px/2 "Lucida Grande", Helvetica, Sans-Serif;
	color: #eee;
}

@-webkit-keyframes STAR-MOVE {
	from {
		left: 0;
		top: 0;
	}
	to {
		left: -10000px;
		top: -2000px;
	}
}

#background {
	background: black url(../images/background.png) repeat 5% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 100;

	-webkit-animation-name: STAR-MOVE;
	-webkit-animation-duration: 200s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

#midground {
	background: url(../images/midground.png) repeat 20% 20%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 200;

	-webkit-animation-name: STAR-MOVE;
	-webkit-animation-duration: 150s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

#foreground {
	background: url(../images/foreground.png) repeat 35% 35%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 300;

	-webkit-animation-name: STAR-MOVE;
	-webkit-animation-duration: 100s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

img#templogo{
	position: absolute;
	top: 25%;
	left: -webkit-calc(50% - 415px);
	left: -moz-calc(50% - 415px);
	left: calc(50% - 415px);
	z-index: 505;
}

img#spaceship{
	position: absolute;
	top: 75%;
	left: -webkit-calc(50% - 50px);
	left: -moz-calc(50% - 50px);
	left: calc(50% - 50px);
	z-index: 500;
}

p{
	font-size:40px;
	font-weight: bold;
	position: absolute;
	top: 45%;
	color: #FFF;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	z-index: 504;
}