html, body {
	font: 11px "Lucida Grande", Verdana, Arial, Helvetica;
	background: #363637 url(src/bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	color: #636363;
	}

#container {
	margin: auto;
	width: 800px;
	background: #fff;
	height: 100%;
	}
	
#header {
	height: 263px;
	background: url(src/header-bg.jpg) no-repeat top left;
	}
	
#content {
	float: left;
	width: 500px;
	height: 100%;
	margin-bottom: 10px;
	}
	
#sidebar {
	float: left;
	width: 300px;
	right: 58px;
	margin: 0;
	}

#footer {
	clear: both;
	height: 40px;
	}

/* end structure */

#logo {
	position: relative;
	top: 70px;
	left: 590px;
	background: transparent url(src/logo.gif) no-repeat top left;
	height: 33px; 
	width: 149px;
	}

	#logo h1 {
		display: none;
		}
		
#slogan {
	position: relative;
	top: 142px;
	left: 276px; 
	background: url(src/slogan.gif) no-repeat top left;
	width: 467px;
	height: 21px;
	}
	#slogan p {
		display: none;
		}
	
/* nav */

#nav {
	position: absolute;
	top: 130px;
	width: 800px;
}
#nav ul {
	position: absolute;
	height: 37px;
	margin: 0; 
	padding: 0;
}
#nav li {
	display: block;
	height: 37px;
	position: absolute;
	overflow: hidden;
	text-indent: -9000px;
}
li.home {
	width: 180px;	
	}
	li.home a:link, li.home a:visited {
		display: block;
		height: 37px;
		background: url(src/nav.png) no-repeat 0 0;
	}
	li.home a:hover {
		background-position: 0 -37px;
		outline: none;
	}
	.home li.home a:link, .home li.home a:visited  {
		background-position: 0 -74px;
	}

li.about {
	left: 180px;
	width: 200px;
}
	li.about a:link, li.about a:visited {
		display: block;
		height: 37px;
		background: url(src/nav.png) no-repeat -180px 0;
	}
	li.about a:hover {
		background-position: -180px -37px;
		outline: none;
	}
	.about li.about a:link, .about li.about a:visited {
		background-position: -180px -74px;
	}
	
li.project {
	left: 380px;
	width: 170px;
}
	li.project a:link, li.project  a:visited {
		display: block;
		height: 37px;
		background: url(src/nav.png) no-repeat -380px 0;
	}
	li.project  a:hover {
		background-position: -380px -37px;
		outline: none;
	}
	.project  li.project  a:link, .project  li.project  a:visited {
		background-position: -380px -74px;
	}

li.philosophy {
	left: 550px;
	width: 250px;
}
	li.philosophy  a:link, li.philosophy  a:visited {
		display: block;
		height: 37px;
		background: url(src/nav.png) no-repeat -550px 0;
	}
	li.philosophy  a:hover {
		background-position: -550px -37px;
		outline: none;
	}
	.philosophy  li.philosophy  a:link, .philosophy  li.philosophy  a:visited {
		background-position: -550px -74px;
	}
	
/* various styles and classes */


h2, h3 {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 4px;
	margin-bottom: 4px;
	}	

h3 {
	margin-top: 10px;
	}

#content h2, #content h3, #content p, #content hr, #footer hr, #footer p {
	margin-left: 100px;
	}
#content p, #sidebar p {
	line-height: 24px;
	}
#content p {
	width: 340px;
	text-align: justify;
	}	
	
hr {
	height: 1px;
	background: url(src/hr.gif) repeat-x;
	border: 0;
	}
	
#content hr, #footer hr {
	width: 340px;
	}
	

#sidebar h2, #sidebar hr,  #sidebar p {
	margin-left:50px;
	margin-right: 40px;
	}	
	
#sidebar hr {
	width: 210px;
	}
.quote {
	font: italic 14px Georgia, "Times New Roman", serif;
	color: #898989;
	}	

a {
	color: #25c9bf;
	}
	a:hover {
		text-decoration: none;
		background:#464646;
		color: #e0f677;
		}