/* Reset Across Browsers */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0;
	outline: 0; font-size: 100%; vertical-align: baseline;
	background: transparent;
}
html { line-height: 1; font-size: 62.5%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; vertical-align: middle; }
caption, th, td { text-align: left; font-weight: normal; }
td, th { vertical-align: middle; } 
a img { border: none; }
em { font-style: italic; }
header, nav, section, article, aside, footer { display: block; }

/* Standard Definitions - Note: Not to be used for page layout elements, only for formatting content elements */
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { text-align: center; }
img.alignright { float: right; margin-left: 10px; }
img.alignleft { float: left; margin-right: 10px; } 
img.aligncenter { margin-left: auto; margin-right: auto; display: block; }
.padall { padding: 10px; }
.padtop { padding-top: 10px; }
.padleft { padding-left: 10px; }
.padright { padding-right: 10px; }
.padbottom { padding-bottom: 10px; }
.marginall { margin: 10px; }
.margintop { margin-top: 10px; }
.marginleft { margin-left: 10px; }
.marginright { margin-right: 10px; }
.marginbottom { margin-bottom: 10px; }
.roundedall { border-radius: 5px; } 
.roundedtopleft { border-top-left-radius: 5px; } 
.roundedtopright { border-top-right-radius: 5px; } 
.roundedbottomleft { border-bottom-left-radius: 5px; } 
.roundedbottomright { border-bottom-right-radius: 5px; } 
.boxshadow { box-shadow: 2px 2px 5px #888; }
.highlight { background-color: #ff0 }
.clear { clear: both; }
.imgbdr { border: 4px solid #ccc; }
.hidetext { text-indent: 100%; white-space: nowrap; overflow: hidden;}
blockquote { padding: 20px; background-color: #f4f4f4; }

/* Default Text Styles */
a:focus { outline: 1px dotted; }
hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0; }
h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
li { margin-left: 30px; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote { margin-bottom: 12px; }


html {
	height: 100%;
}
body { 
	font-family: "Helvetica Neue", Arial, Verdana, Helvetica, sans-serif; 
	background-color: #fff;
	text-align: center; 
	margin: 0 auto;
	font-family: Arial, Verdana, sans-serif;
	height: 100%;
}
	#main {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		font-size: 1.4em;
		line-height: 1.5em;
	}
	footer {
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 20px;
		font-size: 1.1em; /* 11px / 10px */
		color: #666;
		
	}