html, body {
	margin: 0;
	padding: 0;
	min-height: 100%;
}
body {
	background-color: #fcf9f1;
	text-align: center;
}
#splash {
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 770px;
	min-height: 400px;
}
#splash #logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 275px;
	background: url(/images/splash-logo.png) no-repeat center top;
	z-index: 800;
}
#splash #left, #splash #right, #splash #left-bg, #splash #right-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
}
#splash #right, #splash #right-bg {
	left: 50%;
	width: 50%;
}
#splash #left, #splash #right {
	display: table;
	z-index: 900;
}
#splash #left div, #splash #right div {
	display: table-cell;
	vertical-align: middle;
}
#splash #left div span.paint, #splash #right div span.paint, #splash #left div span.text, #splash #right div span.text {
	display: inline-block;
	width: 280px;
	height: 100px;
	background-image: url(/images/splash-links.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#splash #right div span.paint {
	background-position: 0 -100px;
}
#splash #left div span.text {
	background-position: 0 -200px;
	text-indent: -9999px;
}
#splash #right div span.text {
	background-position: 0 -400px;
	text-indent: -9999px;
}
#splash #left:hover div span.text {
	background-position: 0 -300px;
}
#splash #right:hover div span.text {
	background-position: 0 -500px;
}

#splash #left-bg div, #splash #right-bg div {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}