* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

@-webkit-keyframes SCROLL {
	from {
		left: 0;
		top: 0;
	}
	to { 
		left: -10000px;
		top: -200px;
	}
}

#stars_far {
	background: black url('/images/stars_far_sm.gif') repeat 5% 5%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	
	-webkit-animation-name: SCROLL;
	-webkit-animation-duration: 200s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

#stars_mid {
	background: url('/images/stars_mid_sm.gif') repeat 20% 20%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 200;
	
	-webkit-animation-name: SCROLL;
	-webkit-animation-duration: 150s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

#stars_near {
	background: url('/images/stars_near_sm.gif') repeat 35% 35%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 300;
	
	-webkit-animation-name: SCROLL;
	-webkit-animation-duration: 100s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

#logo {
	z-index: 400;
	position: fixed;
	margin: 0px auto;
	padding:15px;
	top: 100px;
	left: 50%;
	width: 620px;
	margin-top: -100px;
	margin-left: -310px;
	color: #ffffff;
	text-align: center;
	font-family: grobold;
	letter-spacing: 2px;
	line-height: 48px;
}

#logo h1 {
	font-size: 28pt;
	-webkit-text-stroke: 1px #111;
}

#logo h2 {
	font-size: 24pt;
	color: #5289F2;
	-webkit-text-stroke: 1px #111;
}

#logo label {
	font-size: 20pt;
	color: #5289F2;
	-webkit-text-stroke: 1px #111;
}

@font-face {
    font-family: grobold;
    src: local(grobold), url('/scripts/font/grobold.ttf') format('opentype');
}