html, body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c9c9c9;
	background: #1e1e1e url(../images/background-repeat.png) repeat-x top center;
}

.container {
	background: url(../images/background.png) no-repeat top center;
	min-height: 711px;
}

.middle {
	width: 620px;
	height: 626px;
	margin: 0 auto;
	position: relative;
}

.logo {
	top: 86px;
	left: -5px;
	position: absolute;
}

img.under-logo {
	position: absolute;
	left: 15px;
	top: 219px;
}

ul.under-logo {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 9px;
	top: 217px;
}
.under-logo li:first-child {
	border: 0;
}
.under-logo li {
	float:left;
	font-size: 14px;
	padding: 0 6px;
	border-left: 1px solid #2c68f4;
	letter-spacing: -1px;
}

.contact-us {
	position: absolute;
	top: 99px;
	left: 280px;
}

.contact-form {
	position: absolute;
	top: 278px;
	left: 280px;
}

.contact-form input.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 0;
	background: #49494a;
	color: #b8b8bb;
	width: 334px;
	padding: 2px 3px;
	margin: 0 0 9px 0;
}
.contact-form textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 0;
	background: #49494a;
	color: #b8b8bb;
	padding: 3px 2px;
	width: 336px;
	height: 118px;
}

.footer {
	position: absolute;
	top: 638px;
	left: 157px;
}

/* Text styles */

h2 {
	font-size: 28px;
	font-weight:normal;
	color: #2c68f4;
	margin: 0 0 15px 0;
	letter-spacing: -2px;
}

p {
	font-size: 16px;
	margin: 10px 0;
}

p.smaller {
	font-size: 14px;
}

span.darker {
	color: #787878;
}

/* Misc */

.divider {border-top: 1px solid #404040; clear:both; margin: 10px 0;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}