/**
 *	Global
 */
	* {
		margin: 0px;
		padding: 0px;
	}
	
	html {
		overflow-y: scroll;
	}
	
	body {
		background: no-repeat #261004 center 50px;
		font: 18px Corbel, Lucida Sans Unicode, Arial, sans-serif;
	}



/**
 *	Start animation related
 */
	#loading-screen {
		position: fixed;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		z-index: 1;
		background: #261004;
	}
	
	#loading-indicator {
		background: url('../images/loading-icon.gif') no-repeat left center;
		margin: 0px auto;
		padding: 10px 0px 10px 45px;
		position: absolute;
		top: 40%;
		left: 45%;
		z-index: 2;
		color: white;
		letter-spacing: 1px;
	}



/**
 *	Names
 */
	#names {
		width: 840px;
		margin: 160px auto 0px;
		position: relative;
	}
	
	#names h1 {
		position: absolute;
		height: 100px;
	}
	
	#names h1 {
		xposition: fixed;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#külliki {
		background-position: 0px 0px;
		width: 230px;
		-moz-transform: rotate(20deg);
		-webkit-transform: rotate(20deg);
		-o-transform: rotate(20deg);
	}
	/*
	#külliki:hover {
		background-position: 0px -100px;
	}*/
	
	#maarja {
		background-position: -220px 0px;
		width: 260px;
		top: 15px;
		left: 420px;
		-moz-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-o-transform: rotate(5deg);
	}
	/*
	#maarja:hover {
		background-position: -220px -100px;
	}*/
	
	#mattias {
		background-position: -480px 0px;
		width: 276px;
		top: 100px;
		left: 200px;
		-moz-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
	}
	
	#mattias:hover {
		background-position: -480px -100px;
	}
	
	#viljo {
		background-position: -760px 0px;
		width: 160px;
		top: 80px;
		left: 680px;
		-moz-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		-o-transform: rotate(-15deg);
	}
	/*
	#viljo:hover {
		background-position: -760px -100px;
	}*/