html {
    min-height: 100%
    }
	
body {
	font-family: Tahoma, Verdana, sans-serif;
	background-color: #F3F3F3;
	color: #999;
	margin: 0;
	padding: 0;
	min-height: 100%
}

h1 {
	font-size: 75%;
	color: #679;
	font-weight: bold;
	letter-spacing: .25em;
	background-color: #FFF;
	padding: 2em 1em;
	margin: 0;
	border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;
}

h1 span {
	white-space: nowrap;
	font-weight: normal;
	color: #999;
	letter-spacing: .1em;
	padding-bottom: 20px;
}

h2 {font-size: 65%;	font-weight: normal;}
h2 a {color: #89B;}
a:hover {color: #C00;}

.overlay {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
	}
	.overlay:after {
        display: inline-block;
        height: 100%;
        width: 0;
        vertical-align: middle;
        content: '';
	}

.middleBox {
	display: inline-block;
    position: relative;
	width: 99%;
    vertical-align: middle;
}