body	{
	margin: 0;
	padding: 0;
	background-color: #505157;
	}
	
img	{
	border: 0;
	margin: 0;
	padding: 0;
	}
	
a	{
	outline: none;	/* keeps FF from showing dotted border on links */
	}
	
a:link	{
	color: #9c9ca3;
	text-decoration: underline;
	}
	
a:visited	{
	color: #9c9ca3;
	text-decoration: underline;
	}
	
a:hover	{
	color: #787878;
	text-decoration: underline;
	}

div#top	{
	width: 940px;
	margin: 36px auto 0;
	height: 72px;
	}
	
div#logotype	{
	float: left;
	margin: 0;
	padding: 0;
	}
	
div#nav	{
	/*clear: both;*/
	float: right;
	padding: 14px 0 0 0;
	margin: 0;
	/*padding: 11px 0 0 470px;*/
	}
	
div#nav:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
div#nav a	{
	display: block;
	font: 12px verdana, arial, sans-serif;
	color: #d6d6d6;
	text-decoration: none;
	}
	
div#nav a:hover	{
	color: #fff;
	}

div#nav a.activepage	{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	}
		
div#nav ul	{
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
div#nav ul li	{
	float: left;
	padding-right: 22px;
	margin: 0;
	}
	
div#middle	{
	clear: left;
	width: 100%;
	background-color: #fff;
	padding: 25px 0 50px;
	}
	
div#container, div#thumbnails	{
	width: 940px;
	margin: 0 auto;
	padding: 0 10px 50px;
	font: 12px verdana, arial, sans-serif;
	color: #505157;
	}
	
div#thumbnails	{
	width: 960px;
	padding: 0 0 50px;
	}

.narrow	{
	margin: 0;
	padding: 0;
	width: 432px;
	}

div#footer	{
	width: 940px;
	margin: 25px auto 0;
	font: 11px verdana, arial, sans-serif;
	color: #d6d6d6;
	padding-bottom: 50px;
	}
	
#copyright	{
	float: left;
	}
	
#credit	{
	float: right;
	}	
/* text display definitions */

div#thumbnails p	{
	padding-top: 0.5em;
	line-height: 1.5em;
	width: 650px;
	}
	
div#thumbnails p.narrow	{
	width: 350px;
	margin-left: 210px;
	}
	
h2	{
	margin: 0 0 1em;
	padding-top: 0;
	font-size: 14px;
	font-weight: bold;
	}
	
table.resume	{
	margin-left: 1.5em;
	width: 600px;
	}
	
table.resume td	{
	vertical-align: top;
	padding-top: 15px;
	font-size: 11px;
	}
	
table.resume td.year	{
	font-weight: bold;
	padding-right: 10px;
	}
	
#portfolio	{
	margin: 2.5em 0 0 -30px;
	padding: 0;
	list-style: none;
	}

#portfolio li	{
	float: left;
	width: 212px;
	margin: 0 0 30px 30px;
	padding: 0;
	}
	
/* styles for image poups */

div#image	{
	margin: 10px 25px 0;
	width: 500px;
	padding-top: 25px;
	font: 11px verdana, arial, sans-serif;
	color: #505157;
	}
	
div#thumbnails p.description	{
	clear: left;
	text-align: left;
	margin: 0 0 0 15px;
	font-size: 11px;
	line-height: 1.4em;
	}
	
div#thumbnails p.description span	{
	color: red;
	}
	
/* end styles for image popups */