html *
{
	font-family: 'Open Sans', sans-serif;
}

#header
{
	margin: auto;
	width: 50%;
	background-color: #000;
}

#banner
{
	width: 256px;
	height: 256px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}

#banner_img
{
	user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

ul
{
	width: 75%;
	margin: auto;
	padding: 0;
	background-color: #000;
	text-align: center;
}

li
{
	display: inline-block;
}

li:not(li:last-child)::after
{
	content: "";
    display: inline-block;
    height: 10px;
    width: 1px;
    margin: auto;
    background-color: #fff;
}

li a
{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	color: #fff;
}

li a:hover
{
	color: #00D4FB;
}

body
{
	background-color: #E8E8E8;
}

#container
{
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	height: 500px;
}

#footer
{
	font-size: 8pt;
	color: #E8E8E8;
	text-align: center;
	background-color: #000;
	width: 50%;
	margin: auto;
	padding-top: 16px;
	padding-bottom: 16px;
}