body {
background: url('http://andrewscottfitzpatrick.nmdprojects.net/media/Fitzparick_BackgroundImage.jpg') repeat fixed;
}
#background {
   width: 200px;
   height: 200px;}

 #PageSong {
 	z-index: 1;
 }

#content {
	z-index: 2;
	position: absolute;
    top: 20px;
    left:220px;

	width:800px;
	margin:30px auto;
	padding:20px;
	background-color:#002B00;
	border-radius: 40px;
	box-shadow: 0px 0px 30px 0px rgb(255,0,0);
	-moz-transition: all 800ms;
	-webkit-transition: all 800ms;  }

#content:hover {
box-shadow: 0px 0px 30px 0px rgb(255,255,0);
}

#bio_image {
width:800px;
margin:-120px 0 0 -100px;
	opacity: 1;
	-moz-transition: all 700ms cubic-bezier(.7, 0, 0, 1);
-webkit-transition: all 700ms cubic-bezier(.7, 0, 0, 1); 	
}

#page_song{position:absolute;
top:400px;
right:100px;}


#bio_image_holder{
	position:absolute;
top:35px;
right:50px;
	width:500px;
	height:200px;
	margin-bottom:10px;
	overflow:hidden;
	box-shadow: 0px 0px 30px 0px rgb(255,255,0);
	border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0px 0px;
	-moz-transition: all 700ms cubic-bezier(.7, 0, 0, 1);
	-webkit-transition: all 700ms cubic-bezier(.7, 0, 0, 1);
	-moz-transform:scale(1,1) rotate(0deg);
	/*-webkit-transform:scale(1,1) rotate(0deg);*/
	/*-webkit-filter:blur(4px) saturate(0);*/
}

#bio_image_holder:hover {
box-shadow: 0px 0px 100px 0px rgb(255,0,0);
border-radius: 40px; 
-moz-transform:scale(1.0,1.0) rotate(0deg);
-webkit-transform:scale(1.10,1.10) rotate(0deg);
-webkit-filter:blur(0px) saturate(1);
height:475px;
width:720px;
margin-bottom:-215px;
}

#bio_image_holder:hover img {

margin:-0px 0 0 0;
width:720px;
}

#bio_image_holder a {
font-family: "Lato";
	font-weight:700;
	color:#fff;
	font-size:12px;
	-moz-transition: all 100ms;
	-webkit-transition: all 100ms;  
	text-decoration: none;
	text-shadow:0px 0px 2px #000;

}

#bio_image_holder a:hover {
	color:#000;
	text-decoration:none;
	text-shadow:0px 0px 2px #fff;

}

#caption {
	position:absolute;
	right:6px;
	bottom:6px;
}