body {
	background-color: #171717;
	margin: 0;
	padding: 0;
	color: #ccc;
	font-family: "Trebuchet MS", sans-serif;
}

a {
	color: #ccc;
	text-decoration: none;
	outline: none;
}

div#page {
	position: relative;
	width: 800px;
	height: 990px;
	margin: 30px auto 40px auto;
	background: url(../layout/page-background.png) repeat-x;
}

	div#page h1 {
		position: relative;
		padding: 0;
		margin: 40px 0 0 33px;
		_margin-left: 18px;
		background: url(../layout/michellenye.png) no-repeat;
		height: 23px;
		width: 295px;
		overflow: hidden;
		text-indent: -9000px;
		text-transform: inherit;
		float: left;
		margin-bottom: 6px;
	}
	
	div#page ul#nav {
		position: relative;
		display: block;
		list-style-type: none;
		width: 770px;
		height: 23px;
		*height: 28px;
		clear: both;
		margin: 0 0 0 33px;
		padding: 0;
	}
		
		div#page ul#nav li {
			list-style: none;
			display: inline;
			*display: block;
			*float: left;
			margin: 0;
			padding: 7px 10px 6px 10px;
			font-size: 10px;
		}
		
		div#page ul#nav li.selected {
			background-color: #1a1a1a;
		}
		
			ul#nav li a {
				text-transform: uppercase;
			}
			
			ul#nav li a:hover {
				color: #fff;
			}
	
	div#page ul#subnav {
		position: relative;
		display: block;
		list-style-type: none;
		width: 770px;
		height: 30px;
		*height: 26px;
		clear: both;
		margin: 0 0 0 33px;
		padding: 4px 0 0 0;
		background-color: #1a1a1a;
	}

		div#page ul#subnav li {
			list-style: none;
			display: inline;
			*display: block;
			*float: left;
			margin: 0;
			padding: 0 10px 0 17px;
			font-size: 10px;
		}

			ul#subnav li a {
				text-transform: lowercase;
			}

			ul#subnav li a:hover {
				color: #fff;
			}
	
	div#page div#credits {
		position: absolute;
		bottom: -10px;
		right: 0;
		font: normal 10px "Myriad Pro", "Trebuchet MS", sans-serif;
		color: #4b4b4b;
		letter-spacing: 1px;
	}
	
		div#page div#credits a, div#page div#credits a:visited {
			color: #706f6a;
		}
		
		div#page div#credits a:hover {
			color: #4b4b4b;
		}
		
	/* Homepage */
	
	div#page img#homepage {
		margin-top: 31px;
	}
	
	/* Text pages */
	
	div#page div.text {
		margin-left: 40px;
		width: 560px;
		margin-top: 39px;
	}
	
		div#page div.text p {
			font: normal 13px/22px "Trebuchet MS", sans-serif;
			letter-spacing: 1px;
			color: #8f8f8f;
		}
		
		div#page div.text p strong {
			font-weight: bold;
		}
		
	/* Resume */
	
	div#page div#resume {
		position: relative;
		margin-top: 58px;
		margin-left: 33px;
	}
	
		div#page div#resume h2 {
			color: #fff;
			width: 730px;
			border-bottom: 1px solid #2c2b2a;
			font-size: 15px;
			margin: 0;
			padding: 0 0 1px 0;
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: 1px;
		}
		
		div#page div#resume p {
			font: normal 12px/16px "Trebuchet MS", sans-serif;
			margin: 5px 0 30px 15px;
			padding: 0;
			letter-spacing: 1px;
		}
		
			div#page div#resume p span.spacer {
				position: relative;
				display: inline-block;
				margin-left: 15px;
			}
			
	/* Portfolio */
	
	div#page div.thumbnails {
		margin: 10px 0 15px 33px;
	}
	
		div#page div.thumbnails img {
			margin: 0 5px 0 0;
			padding: 0;
			border: 0;
		}
		
	div#page div.image {
		text-align: center;
	}
	
		div#page div.image p {
			color: #434343;
			font: normal 11px "Trebuchet MS", sans-serif;
			margin: 4px 0 0 0;
			padding: 0;
			letter-spacing: 1px;
			text-transform: uppercase;
		}