body{
		font-family: 'Source Sans Pro', sans-serif;
		margin-left:10%;
		margin-right:10%;

		background-color:#222233;
		color: #FFFFFF;
		
		padding-left: 1em;
		padding-right: 1em;
		
		width: 80%;
		
		}
		
	h1{

		font-family: 'Source Sans Pro', sans-serif;
		text-align:center;
		}
		
	h2{
		text-align: center;
		font-style: italic;
		}
	
	a{
		color: #99FF99;
		}
		
	.titleDiv{
		font-family: 'Berkshire Swash', cursive;
		font-size: 80px;
		text-align: center;
		letter-spacing: 8px;
		position: absolute;
		width: 800px;
		left: 100px;
		top: 30px;
		color: #FFFFBB;
	}
		
	.headerDiv{
		position: absolute;
		left: 590px;
		top: 170px;
		}
	.bioDiv{
		position: absolute;
		left: 600px;
		top: 300px;
		width: 300px;
		font-size: 18px;
		}
	
	.contactDiv{
		position: absolute;
		left: 600px;
		top: 850px;
		width: 200px;
	}
	
	.projectSectionDiv{
		width: 500px;
		position: absolute;
		left: 100px;
		top: 220px;
	}
	
	.projectDiv{
		margin: 2px;
		height: 200px;
		width: 200px;
		padding: 30px;
		padding-left: 5px;
		padding-top: 5px;
		text-align: center;
		overflow: hidden;
		position: relative;
		float: left;
	}
	
	.projectPreview{
		height: 200px;
		border-radius: 25px;
		box-shadow: 1px 1px 5px #000000;
		transition: box-shadow 0.5s;
		cursor: pointer;
	}
	
	.projectPreview:hover {
		box-shadow: 10px 10px 15px #000000;
	}
	
	.projectName {
		border-radius: 5px;
		border: 2px solid #000000;
		background-color: #DDDDDD;
		color: #000000;
		display: inline-block;
		padding-left: 10px;
		padding-right: 10px;
		position: relative;
		top: -40px;
		width: auto;
		transition: top 0.5s;
	}
	
	.projectPreview:hover .projectName{
		top: 5px;
	}
	
	.popupDiv{
		display:none;
		background-color: #DDDDDD;
		color: #000000;
		border-radius: 15px;
		min-width: 900px;
		min-height: 350px;
		padding: 20px;
		padding-top: 5px;
	}
	
	.popupDiv a{
		color:#000099;
	}
	
	.projectInfo{
		width: 400px;
		left: 30px;
		color: #666666;
	}
	
	.projectDetails{
		width: 400px;
		display: inline-block;
		text-align: left;
		vertical-align: top;
		font-size: 18px;
	}
	
	.projectGallery{
		height: 400px;
		width: 400px;
		display: inline-block;
		text-align: right;
		padding-left: 40px;
	}
	
	.projectImg{
		border: 2px solid #000000;
	}