html {
	height: 100%;	
}
body { 
	background-color: #1e5799;
	margin: 0;
	padding: 0;
	height: 100%;
	
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 10pt;
}

#bg-wrapper{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;

	width: 100%;
	height: 100%;
	margin: 0;
	
	background: #1e5799; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #1e82ab 9%, #1e5799 85%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(9%,#1e82ab), color-stop(85%,#1e5799)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #1e82ab 9%,#1e5799 85%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #1e82ab 9%,#1e5799 85%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #1e82ab 9%,#1e5799 85%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #1e82ab 9%,#1e5799 85%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e82ab', endColorstr='#1e5799',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


#logo-wrapper{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;

	width: 100%;
	height: 100%;
	margin: 0;
	
	text-align: center;
}


#content-wrapper{
	z-index: 1;

	width: 400px;
	height: 300px;
	position: relative;
	top: 50%;
	
	margin: -124px auto auto auto;
	
	text-align: left;
	
	color: #FFFFFF;
	text-shadow: #000000 0px 0px 5px;
}

#logo {
	width: 638px;
	height: 248px;
	
	position: relative;
	top: 50%;
	
	margin: -124px auto auto auto;
	
	background-image: url(./logo-big.png);
}

#logo h1 {
	display: none;
}

a {
	color: #FFFFFF;
	text-shadow: #000000 0px 0px 5px;
}

#nav {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 2;
}