/* CSS Document */
body{
	background: #000000 url(../images/new.gif) top center;
	}
	
	#nav{
		width: 717px;
		height: 32px;
		margin: 0 auto;
		background: url(../images/navigation.gif) bottom no-repeat;
		position: relative;
		}	
		
		#nav ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		}
		
		#nav li {
		margin: 0px;
		padding: 0px;
		position: absolute;
		display: block;
		}
		
		#nav img {
		border: none;
		}
		
		#nav li span {
			display: none;
			}
		#nav a {
			height: 32px;
			display: block;
			}
		
		#nav .home {
	left: 0px;
	width: 146px;
		}
	#nav .bio {
	left: 146px;
	width: 143px; 
		}
	#nav .portfolio {
	left: 289px;
	width: 143px;
		}
	#nav .services {
	left: 432px;
	width: 143px;
		}
	#nav .contact {
	left: 575px;
	width: 143px;
		}
		
		#nav .home a:hover {
	background: transparent url(../images/navigation.gif) 0px 0px no-repeat;
		}
	#nav .bio a:hover {
	background: transparent url(../images/navigation.gif)  -146px 0px no-repeat;	
		}
	#nav .portfolio a:hover {
	background: transparent url(../images/navigation.gif)  -289px 0px no-repeat;	
		}
	#nav .services a:hover {
	background: transparent url(../images/navigation.gif)  -432px 0px no-repeat;	
		}
	#nav .contact a:hover {
	background: transparent url(../images/navigation.gif)  -575px 0px no-repeat;	
		}

#flash {
	height: 250px;
	width: 717px;
	margin: 0 auto;
	/*background:url(../images/flash_box_alt.jpg) top no-repeat;*/
		}

#bio {
	height: 550px;
	width: 717px;
	margin: 0 auto;
	background: url(../images/bio.jpg) top no-repeat;
	}

#info {
	width: 715px;
	margin: 0 auto;
	}

#me {
	width: 237px;
	float: left;
	margin-top: 5px;
	}
	
	#me h1 {
		color: #75715b;
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: large;
		font-weight: 200;
		margin: 0px;
		}
		
	#me ul {
		color: #696726;
		list-style: none;
		padding-right: 9px;
		}
		
#recent {
	width: 237px;
	margin-top: 5px;
	float: left;
	border-right: 1px solid #1d1b10;
	border-left: 1px solid #1d1b10;
	}
	
	#recent h1 {
		color: #75715b;
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: large;
		font-weight: 200;
		margin: 0px;
		}
		
	#recent ul {
		color: #696726;
		list-style: none;
		}
	#recent a {
		color: #696726;
		text-decoration: none;
		}
	#recent a:hover {
		text-decoration: underline;
		color: #9b9823;
		}
	
		
#projects {
	width: 237px;
	float: right;
	margin-top: 5px;
	}
	
	#projects h1 {
		color: #75715b;
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: large;
		font-weight: 200;
		margin: 0px;
		}
		
	#projects ul {
		color: #696726;
		list-style: none;
		}
	#projects a {
		color: #696726;
		}
	#projects a:hover {
		color: #9b9823;
		}
		
#contact {
	width: 717px;
	height: 600px;
	background: url(../images/contact_box.jpg) top no-repeat;
	padding: 0px;
	margin: 0 auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 200;
	}
	
	#contact h2 {
		color: #4a4722;
		font-family: Georgia, "Times New Roman", Times, serif;
		margin: 0px;
		padding-top: 16px;
		padding-left: 14px;
		}
		
	#contact p {
		padding-left: 12px;
		margin-top: 10px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #35311d;
		}
		
	#contact dl {
		padding-left: 14px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #35311d;
		}
		
	#contact h4 {
		padding-left: 14px;
		padding-top: 12px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #4a4722;
		}
		
	#contact a {
		list-style: none;
		text-decoration: none;
		color: #35311d;
		}
		
#buttons {
	margin-left: 120px;
	}
	
	
#jt {
	margin: 0px;
	padding: 0px;
	}
	
	
#web {
	height: 250px;
	width: 717px;
	margin: 0 auto;
	background: url(../images/flash_box.jpg) no-repeat;
	}