html
{
	height: 50%;
}

body
{
	height: 50%;
	margin: 0px;

	background: #d8d8d8;
	background: -moz-linear-gradient(top, #ffffff 0px, #d8d8d8 200px);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #ffffff), color-stop(200px, #d8d8d8));
	background: -webkit-linear-gradient(top, #ffffff 0px, #d8d8d8 200px);
	background: -o-linear-gradient(top, #ffffff 0px, #d8d8d8 200px);
	background: -ms-linear-gradient(top, #ffffff 0px, #d8d8d8 200px);
	background: linear-gradient(to bottom, #ffffff 0px, #d8d8d8 200px);
	background-repeat: no-repeat;
	background-attachment: fixed;

	cursor: default;
}

#logo
{
	display: block;

	margin: 50px auto;
}

h1
{
	text-align: center;
	text-transform: uppercase;
	font-size: 28px;
	text-shadow: 0px 0px 4px rgba(255, 255, 255, 1);
}

#errorBox
{
	width: 400px;

	margin: 40px auto;

	box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.3);
}
	#errorBox .panel-heading > .glyphicon:first-child
	{
		margin-right: 8px;
	}

.links
{
	text-align: right;
	margin-bottom: 0px;
}

@media screen and (max-width: 480px)
{
	#errorBox
	{
		width: auto;
		margin: 20px;
	}
}

@media screen and (max-height: 800px)
{
	#logo
	{
		margin: 20px auto;
	}
}