@import url("reset.css");

body {
	background:#6ccff6 url(../images/body-background.png) scroll repeat-x;
	border-top:6px solid #000;
	color:#fff;
	font:normal 62.5% Georgia, Times, serif;
}

a, a:link, a:visited, a:hover, a:active { 
	color: #fff;
	text-decoration:none;
}

a:hover {
	color:#000;
}

#wrapper {
	margin:0 auto;
	padding:0 1em 5em 0;
	position:relative;
	width:94em;
}

h1#branding {
	color:#000;
	font-size:21.2em;
	font-weight:normal;
	letter-spacing:-0.071em;
	margin:0.283em 0 0.66em 1.887em;
}

img#bird {
	position:absolute;
	left:0;
	top:11em;
	z-index:-1;
}

p#introduction, p#looking-for {
	font-size:3.2em;
	margin:0 0 1.563em 12.5em;
	width:14.375em;
}

p#introduction strong {
	display:block;
	font-size:1.625em;
	font-weight:normal;
}

ul#navigation {
	float:left;
	margin-top:15em;
}

ul#navigation li {
	font-size:2.2em;
	margin-bottom:1.136em;
}

ul#navigation a {
	background-color:transparent;
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#fff;
	padding-left:1.455em;
}

ul#navigation a:hover { color:#000; }

#navigation li#portfolio a { background-image:url(../images/portfolio-icon.gif); }
#navigation li#resume a { background-image:url(../images/resume-icon.gif); }
#navigation li#telephone a { background-image:url(../images/telephone-icon.gif); }