/**, *:after, *:before {
	box-sizing: border-box;
}*/

html, body {
	color: #acc1ff;
	background-color: #292b31;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
}

a {
	color: #acc1ff;
}

a:hover {
	color: #eecbff;
}

img {
	padding-right: 25px;
}

hr { 
	display: block; 
	height: 1px; 
	border: 0; 
	border-top: 2px solid #373c4a;
	margin: 2em -35px; 
	padding: 0;
}

.nav-3 ul {
	margin: -1px 0 0 5px;
	list-style-type: square;
	line-height: 28px;
}

.nav-3 li {
	font-size: 26px;
}

.nav-3 li span {
	font-size: 14px;
	vertical-align: top;
}

.nav-3 a {
	color: inherit;
	text-decoration: none;
}

.nav-3 a:hover {
	color: #eecbff;
}

.current-menu {
	color: #cd96e7;
}

.container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

[class*='top-'] {
	float: left;
	height: 30px;
}

[class*='nav-'] {
	float: left;
	height: 200px;
	/*padding-right: 20px;*/
	overflow: auto;
}

[class*='main-'] {
	float: left;
	/*padding-right: 20px;*/
}

.top-1 {
	background-color: #292b31;
	width: 30px;
}

.top-2 {
	background-color: #373c4a;
	width: 200px;
}

.top-3 {
	background-color: #292b31;
	width: 100%;
	margin-right: -230px;
}

.nav-1 {
	background-color: #3d374b;
	width: 30px;
}

.nav-2 {
	background-image: url("../images/logo.png");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #48445f;
	width: 200px;
}

.nav-3 {
	background-color: #3d374b;
	width: 100%;
	margin-right: -230px;
}

.title {
	color: #acc1ff;
	font-size: 140%;
}

.subtitle {
	color: #acc1ff;
	font-size: 120%;
}

.content {
	color: #e9e9e9;
	line-height: 1.6;
	font-size: 92%;
	padding: 10px 245px 10px 30px;
}

.whitecontent {
        background: #ffffff;
        color: #000000;
        line-height: 1.6;
        font-size: 92%;
        padding: 10px 245px 10px 30px;
}

.whitecontent a {
        color: #0000ff;
}

.main-1 {
	min-height: 1px;
	width: 30px;
}

.wrapper {
	background: #292b31 url("../images/fauxcol.png") repeat-y 30px 0px;
	float: left;
}

.main-2 {
	width: 210px;
	font-size: 89%;
	padding: 0;
}

.main-3 {
	width: 100%;
	margin-right: -240px;
	/*padding-right: 240px;*/
}

.main-3 ul {
	list-style-type: square;
	padding: 0 0 0 25px;
	margin: 0;
}

.main-3 li {
	padding-bottom: 10px;
}

.module {
	padding: 15px;
}

.left {
	float: left;
}

footer {
	color: #acc1ff;
	font-size: 85%;
	text-align: center;
	clear: both; 
}

footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

footer li {
	display: inline;
}