/* CSS Document */

* {
	padding: 0;
	margin: 0;
	font-family: "Century Gothic", Georgia, "Trebuchet MS";
}
p {
	padding: 5px;
}
body {
	background-color: #f0fff5;
}
#main {
	height: 444px;
	background-color: #f7fee0;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	position: relative;	
}
#about_left_image {
	background-image: url(../images/about/left_image.jpg);
	background-repeat: no-repeat;
	width: 345px;
	height: 444px;	
	float: left;
	position: relative;
}
#about_box {
	background-image: url(../images/about/box_image.jpg);
	background-repeat: no-repeat;
	background-color: #f1fee0;
	border: 1px solid #000;
	height: 330px;
	width: 800px;
	margin-top: 50px;
	margin-left: 105px;
	position: relative;
}
#about_text {
	height: 330px;
	width: 480px;
	text-align: left;
	float: left;
	font-size: 14px;
	margin-left: 80px;
	overflow: auto;
	position: relative;
}
/*Nav*/
#nav {
	width: 130px;
	height: 330px;
	float: right;
	margin-right: 20px;
	position: relative;
}
#nav ul { list-style: none; }
#nav ul li {
	display: block;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	float: right;
}
#nav ul li a {
	display: block;
	height: 330px;
}
#nav span { display: none; }
#nav a.bio {
	width: 30px;
	background: url(../images/about/bio.jpg)
}
#nav a.bio:hover { background-position: 0% -330px; }
#nav a.artist {
	width: 30px;
	background: url(../images/about/artist.jpg);
}
#nav a.artist:hover { background-position: 0% -330px; }
#nav a.resume {
	width: 30px;
	background: url(../images/about/resume.jpg);
}
#nav a.resume:hover { background-position: 0% -330px; }
#nav a.contact {
	width: 30px;
	background: url(../images/about/contact.jpg);
}
#nav a.contact:hover { background-position: 0% -330px; }