/************************************
	RESET
************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
header, hgroup { display: block; }

/************************************
	GLOBALS
************************************/
body {
	background-color: white;
	color: black;
	font: 62.5%/1.6 Arial, Verdana, sans-serif;
	text-align: center;
	text-shadow: 0 1px 0 white;
}
img#background {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 1;
}
header {
	bottom: 0;
	padding: 36px 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 2;
}
header h1 {
	font-size: 2em;
}
header p {
	font-size: 1.2em;
}
header a {
	-moz-border-radius: 4px;
	-moz-transition: all .2s linear;
	-webkit-border-radius: 4px;
	-webkit-transition : all .1s linear;
	background-color: transparent;
	color: black;
	padding: 4px;
	text-decoration: none;
	text-shadow: none;
}
header a:hover {
	-moz-border-radius: 4px;
	-moz-transition: all .2s linear;
	-webkit-border-radius: 4px;
	-webkit-transition : all .1s linear;
	background-color: black;
	color: rgb(255,255,255);
	padding: 5px 7px;
	text-decoration: none;
}