@charset "UTF-8";
/* CSS Document */

	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		background-color: #f3f3f3;
	
		}

	h1 {
		background: transparent url(../assets/header.jpg) no-repeat left top;
		width: 900px;
		height: 256px;
		text-indent:-5000px;
		margin-top: 0px;
		}
		
	#wrapper {
		margin: auto;
		width: 920px;
		padding: 0 10px;
		background-image: url(../assets/bg.png);
		background-color: #fff;
		
		}
		
	h2 {
		color: #fff;
		background: #696969;
		font-family: Futura, Arial, Helvetica, sans-serif;
		font-size: 18px;
		line-height: 30px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 3px 0 0 5px;
		letter-spacing: 0em;
		}
		
	#portfolio ul{
		padding-left: 0px;
		list-style-type: none;
		overflow: hidden;
		margin-left:0px;
}	
		
	#portfolio li{
		width: 300px;
		float:left;
		overflow:hidden;
		margin-bottom: 30px;
		}
			
	#portfolio img{
		border: 5px solid #e7e7e7;
		display:block;
		float:left;
		margin: 0 10px 0 0;
	}
	
	#portfolio li div{
		float:left;
		padding-bottom:30px;
		width:132px;
		height:132px;
		position:relative;
	}
	
	p {
		font-family: Futura, Arial, Helvetica, sans-serif;
		line-height: 12px;
		font-size: 10px;
		margin-top: 0px;
	}
	
	a {
		text-decoration: none; 
		color: #5fddf4;
		font-weight: bold;
		font-family: Futura, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: .01em;
	}
			
	#portfolio .link{
		font-size: 11px;
		position:absolute;
		bottom:0px;
		display:block;
		height:20px;
	}
		
	h3{
		font-family: Futura, Arial, Helvetica, sans-serif;
		color: #666;
		font-size:14px;
		line-height: 13px;
		margin: 0px 0px 4px 0px;
		text-transform: uppercase;
	}
	
/*old footer styles */		
	#about h2{
		margin: 0;
		
	}
	
	#about {
		overflow:hidden;
		position:absolute;
		background: #ccc;
		height: 350px;
		
	}
	
	#me{
		border: solid #666 5px;
		display: block;
		float: left;
		margin: 5px 5px 50px 5px;
	}
	
	#bio{
		margin: 10px 10px;
		position: relative;	
}

/* My Comment */