body {
	margin: 0; padding: 0;
	background: #fff;
	font: medium/1.5 Arial, Helvetica, sans-serif;
	color: #666;
	text-align: center;
}
div { margin: 0; padding: 0; }
hr { width: 770px; height: 6px; border: 0; background: #bbb url(images/hr.gif) top left no-repeat; float: left; clear: both; }
h1 { font: 130% Georgia, "Times New Roman" serif; color: #666; }
#container {
	margin: 0 auto;
	width: 770px;
	text-align: left;
}
#header {
	background: #bbb url(images/header_br_corner.gif) bottom right no-repeat;
}
#nav {
	margin: 0; padding: 4px 26px;
	background: url(images/header_tl_corner.gif) top left no-repeat;
}
#nav li {
	padding-right: 26px;
	list-style: none;
	display: inline;
	font-size: 80%;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
	color: #fff;
	text-decoration: none;
}
#nav li a:hover {
	color: #eee;
}
#brand {
	margin: 20px 0;
}
#logo {
	padding-left: 26px;
	float: left;
	width: 359px;
}
#skills {
	padding-right: 26px;
	float: right;
	width: 359px;
	text-align: right;
}
.tagline {
	text-transform: lowercase;
	color: #666;
	font: 80% Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#content {
	margin: 26px 0; padding: 0 26px;
	float: left;
	width: 728px;
	clear: both;
}
#work {
	margin: 0; padding: 0;
	width: 400px;
}
#work li {
	padding: 5px 26px;
	border-bottom: 1px solid #eee;
	background: url(images/icon_doc.gif) 0 50% no-repeat;
	list-style: none;
}
#work a:link, #work a:visited, #work a:hover, #work a:active {
	font-size: 80%;
	color: #999;
	text-decoration: none;
	display: block;
}
#work a:hover {
	color: #333;
}
#footer {
	margin: 26px 0; padding: 13px 26px;
	float: left;
	width: 728px;
	clear: both;
	border-top: 1px solid #ccc;
	font-size: 60%;
	color: #999;
}