/* CSS Reset */


body {
	background-image: url(../images/bg.jpg);
}
#page {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	padding: 30px 0 0 40px;
}
#hey  {
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
	width:900px;
	height:131px;
	display:block;
	text-indent:-9999px;
	padding-left: 0px;
	margin-left: 30px;
}
#portfolio {
	
	
}
#portfolio ul {
	list-style: none;
	text-decoration: none;
	}
		#portfolio ul li {
	float: left;
	margin-top: 0;
	margin-right: 23px;
	margin-bottom: 23px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 10px;	
		}
#about {
	background-image:url(../images/aboutme.png);
	background-repeat:no-repeat;
	width:896px;
	height:334px;
	display:block;
	text-indent:-9999px;
	margin-left: 60px;
	
	}

contact {
	}
	#footer {
	margin: 0 0 40px 0;
}
	
	#contact ul {
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding-left: 45px;
	}
		#contact ul li {
	display: inline; /* IE6 fix to prevent the step down bug */
	float: left;
		}
			
		
			#contact ul li a.facebook { background-image: url(../images/social/facebook.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 36px;
	padding-left: 20px;
	text-indent: -9999px;
	display: block;  }
			#contact ul li a.linkedin {background-image: url(../images/social/linkedin.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 36px;
	padding-left: 20px;
	text-indent: -9999px;
	display: block;  }
			#contact ul li a.flickr {background-image: url(../images/social/flickr.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 36px;
	padding-left: 20px;
	text-indent: -9999px;
	display: block;  }
			#contact ul li a.myspace {
	background-image: url(../images/social/myspace.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 36px;
	padding-left: 20px;
	text-indent: -9999px;
	display: block;
}
		#contact ul li a.email {
	background-image: url(../images/contact.png);
	background-repeat: no-repeat;
	height: 75px;
	width: 383px;
	text-indent: -9999px;
	display: block;
	margin-left: 260px;	
	
}
	
			#contact ul li a:hover {
	color: #24BBED; /* Change the color of the link text on hover */
			}
	
	#footer p.copyright {
	clear: both; /* The links above were floated, so clear the float on the copyright text */
	float: right;
	margin: 0 40px 0 0; /* Add a new float to the right and shift into place with some right margin */
	font-size: 11px;
	color: #F3F2DE; /* Style up the text */
	}

	.clear:after {
	content: "";
	display: block; visibility: hidden; clear: both;
}