* {
	margin:0;
	padding:0;
}
body, html {
	height:100%;
}	
body {
	background-color:#000;
	background-image:url(bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", "Liberation Sans", "DejaVu Sans", sans-serif;
	font-size:18px;
}
h1 {
	width:800px;
	height:128px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-64px;
	overflow:hidden;
	line-height:128px;
	text-indent:800px;
	background-image:url(banner.png);
}
ul {
	width:360px;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:86px;
	background-color:rgba(0,0,0,0.5);
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	text-align:center;
	padding:0px 10px;
}
ul.me {
	margin-left:-400px;
	width:280px;
}
ul.projects {
	margin-left:-60px;
	width:440px;
}
ul li {
	height:48px;
	display:inline;
	margin-left:20px;
	margin-right:20px;
}
ul li a {
	line-height:48px;
	vertical-align:middle;
	color:#FFF;
	text-decoration:none;
}
ul li a:hover {
	text-shadow:#000066 1px 1px 2px;
	color:#53BBFF;
}