body, html {
	background: white;
	font-family: Helvetica;
	margin: 0;
	padding: 0;	
	background: url('../res/images/intro2.jpg') no-repeat;
	background-size: cover;
}

#goo {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	text-transform: uppercase;
}

div#loadingOverlay {
	color: black;
	margin: auto;
	font-family: sans-serif;
	width: 400px; 
	height: 400px;
	text-align: center;
	position: absolute;
	bottom: 0px; top: 0px;
	right: 0px; left: 0px;
}

div#loadingMessage h2{
	text-shadow: 0 0 2px #fff, 0 1px 0px #0ff, 0 -1px 0px #f0f, 0 0 10px black;	
	color: black;
	/*text-transform: uppercase;*/
	font-weight: 400;
	font-size: 50px;
	font-family: 'Lobster', cursive;
}

div#progressBar {
	width:400px;
	margin:auto;
	background:#ccc;
	height:10px;
}

div#progress {
	background: #000;
	height:100%;
	width:0;
	box-shadow: 0 0 2px #fff, 0 1px 4px #0ff, 0 -1px 0px #f0f, 0 0 10px black;	
}

div#shareButtons {
	position: absolute;
	right:15px;
	bottom: 10px;
	z-index: 1;
}