* { margin: 0; padding: 0; }
html, body { height: 100%; width: 100%; }
section, aside, canvas { display: block; }

body {
	background: #222;
	color: #666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;	
}

#wrapper {
	background: #f0f0f0;
	border: 20px solid #cfcfcf;
	height: 600px;
	left: 50%;
	margin: -320px 0 0 -420px;
	position: absolute;
	top: 50%;
	width: 800px;
}

#info {
	float: left;
	width: 450px;
}

#info h1 {
	margin: 40px;
}

#info h1 a {
	text-decoration: none;
}

#info a {
	color: #666;
}

#info a:hover {
	background: #b92271;
	color: #fff;
}

#info section {
	float: left;
	width: 310px;
}

#info p {
	margin: 20px 40px;
}

#info p:first-child {
	margin-top: 0;
}

#info aside {
	float: left;
	width: 140px;
}

#info aside ul {
	list-style: none;
	margin-left: 40px;
}

#info aside ul li {
	list-style: none;
	margin: 10px 0;
}

#info aside ul li:first-child {
	margin-top: 0;
}

#info aside img {
	height: 133px;
	width: 100px;
}