* {
	margin: 0;
	padding: 0;
	list-style: none;
}
a img {
	border: none;
}
body {
	background: #06a;
	color: #cde;
	font: 13px/1.33 Verdana, sans-serif;
}
#header {
	padding: 3em 0;
	background: white;
	color: #632;
	text-align: center;
}
#header a {
	margin-left: -27.3em;
}
#container {
	position: relative;
	width: 50em;
	margin: 0 auto;
}
#content {
	padding-right: 16em;
	margin: 1.4em auto;
}
#content h1 {
	color: white;
	font-size: 1.8em;
}
#content h2 {
	color: white;
	font-size: 1.4em;
}
#content p {
	margin: 1em 0;
}
#content ul {
	margin: 1em 0;
}
#content li {
	margin-left: 2em;
	list-style-type: circle;
}
#content a {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid #5ad;
}
#content a:hover {
	background: #07b;
}
#nav {
	position: absolute;
	width: 13em;
	top: .5em;
	right: 0;
}
#nav a {
	display: block;
	padding: .2em 0 .2em 48px;
	border-bottom: 1px solid #07b;
	background: transparent url(media/home.png) no-repeat .3em center;
	color: white;
	text-decoration: none;
	font-size: 1.5em;
	line-height: 1.5;
}
#nav a#portfolio {
	background-image: url(media/portfolio.png);
}
#nav a#contact {
	background-image: url(media/contact.png);
}
#nav a:hover {
	background-color: #07b;
}
#footer {
	width: 43em;
	margin: 4em 0;
	padding: .5em 0;
	border-top: 1px solid #07b;
	color: #5ad;
	font-size: .8em;
}
#footer a {
	color: inherit;
}
#footer a:hover {
	background: #07b;
	color: white;
}