html, body {
    height: 100%;
    width: 100%;
    margin: 0;
	font-family: 'Open Sans', sans-serif;
/	background-image: url('bg.png');
}
body, body > div {
    display: -webkit-box; display: -moz-box; display: box;
    -webkit-box-orient: vertical;-moz-box-orient: vertical;box-orient: vertical;
    -webkit-box-align: center;-moz-box-align: center;flex-align: center;
    -webkit-box-pack: center;-moz-box-pack: center;flex-pack: center;
}


.title {
	border-radius: 6px;
	background: #E8E8E8;
	border: 1px #E2E2E2 solid;	
	width: 0 auto;
	padding: 10px;
	color: #181818;
	text-align: center;
}

.box {
	background: #F0F0F0;
	color: #660066;
	width: 0 auto;
	height: 0 auto;
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
	display: inline-block;
	font-size: 10pt;
	border-radius: 0px;
	border: 1px #0e4885 solid;
	font-weight: lighter;
}

.box:hover {
	background: #0e4885;
	color: #FFFFFF;
	border-radius: 0px;
	border: 1px #0e4885 solid;
}

.content {
	display: inline-block;
	vertical-align: top;
	border-radius: 25px;
	padding: 35px;
	background: #F8F8F8;
	width: 0 auto;
	height: 0 auto;
	text-align: center;
	font-size: 11pt;
	letter-spacing: 0.2px;
	word-spacing: 0.1px;
	border: 1px #E2E2E2 solid;
}

a, a:visited, a:active {
	color: #2d3644;
	text-decoration: none;
	border-bottom: none;
}

a:hover {
	color: #0e4885;
	border-bottom: 1px #924a84 dotted;
}