body {
	background-color: #d7d7d7; 
	font-family: trebuchet, arial, verdana, helvetica, sans-serif; 
	font-size: 12px; 
	color:#595959;
	margin: 0px;
	line-height: 1.3em;
	}
	
a 			{ color: #f7941d; font-size: 12px; text-decoration: none; font-weight: bold; } 
a:link		{ color: #f7941d; text-decoration: none; } 
a:visited	{ color: #f7941d; text-decoration: none; } 
a:active	{ color: #f7941d; text-decoration: none; } 
a:hover		{ color: #f7941d; text-decoration: underline; }

img {border: 0px;}

h1 {font-size: 16px; margin-bottom: 0px; padding-bottom: 0px;}
h2 {font-size: 14px;}
h3 {margin-bottom: 0px; padding-bottom: 0px; text-transform: uppercase;}
h4 {margin-bottom: 0px; padding-bottom: 0px; }

#container {
	position: relative;
	background-color: #ffffff; 
	width: 780px; 
	margin: 10px auto 0px auto;
	padding: 10px;
	min-height: 500px;
	background-image: url(../images/bg.inside.gif); 
	background-repeat: repeat-y;}
	
* html #container {overflow: hidden;}	

#header {
	margin: 10px 0px;
	padding: 0px 0px 8px 0px;
	border-bottom: 1px solid #f7941d;
	height: 50px;
}

#header img {
	border-right: 1px solid #f7941d;
	float: left;
	clear: none;
}

#nav {
	margin: 3px 10px 0px 10px;
	width: 360px;
	padding: 0px;
	float:left;
	clear: none;
}


#nav li ul, #nav li ul { margin: 0;	padding: 0;}
#nav a { text-decoration: none;	}
#nav li { margin: 0; float: left; display: block; padding-right: 0px; }
#nav li ul { display: none; }
#nav li.on ul { background: #f90 }
#nav li.on:hover ul, #nav li.over ul { background: #d5d7cb; }
#nav li a { color: #ccc5a2;	font-weight: bold; display: block; padding: 0; font-size: 10px; }
#nav li.on a { color: #f90; }
#nav li.on ul a, #nav li.off ul a {	border: 0; color: #44286f; width: auto; margin-right: 15px;  }
#nav li.on:hover ul a, #nav li.over ul li a { background: #d5d7cb;}
#nav li.on ul {	display: block; }
#nav li.off:hover ul, #nav li.over ul {	display: block;}
#nav li.off a:hover, #nav li.on a:hover { color: #b94804; }
#nav li span { position: absolute; left: -9384px; }

#portfolio a, #resume a, #projects a {
	display: inline; 
	position: relative;
	height: 40px;
	background: url(../images/nav.gif) no-repeat; 
}

#portfolio a { width: 121px; background-position: 0px 0px;}
#resume a {	width: 105px; background-position: -121px 0px;}
#projects a {width: 103px; background-position: -226px 0px;}

#portfolio a:hover, #portfolio:hover a, #portfolio.over a {	background-position: 0px -40px;}
#resume a:hover, #resume:hover a, #resume.over a {	background-position: -121px -40px;}
#projects a:hover, #projects:hover a, #projects.over a {background-position: -226px -40px;}


#content {
	min-height: 420px;
	padding: 5px 10px;
}

#thumbcontent {
	min-height: 420px;
	padding: 5px 10px 5px 30px;
}

.thumbnail {
	margin: 10px 20px 10px 0px;
	padding: 0px;
	width: 100px;
	height: 100px;
	border: 1px solid #f7941d;
	background-color: #d7d7d7;
	float: left;
	clear: none;
	position: relative;
	display: inline;
}

#description {
	width: 200px;
	padding: 0px 10px;
	float: left;
	clear: right;
}

#subnav {
	border-top: 1px solid #f7941d;
	border-bottom: 1px solid #f7941d;
	padding: 6px 0px;
	text-align: center;
	font-size: 11px;
}

#graphic {
	width: 540px;
	float: left;
	clear: none;
	margin-bottom: 10px;
}

#pagefooter { 
	width: 780px; 
	background-color: #595959;
	height: 90px;
	margin-bottom: 0px;
	clear: both;
}

#footdescription {color: #ffffff;}

#pagefooter .title {
	position: relative;
	width: 760px; 
	background-color: #f7941d;
	margin-top: 20px;
	padding: 4px 10px 0px 10px;
}

#footer {
	position: relative;
	margin: 0px auto 10px auto;
	width: 780px; 
	color: #252525;
	font-size: 10px;
	padding-top: 6px;
}