body {
	/*-webkit-animation:fade 7s;
	-moz-animation:fade 7s;
	-o-animation:fade 7s;
	animation:fade 7s;*/

}

/* Main Page Fade In */
@keyframes fade { from {background:white;} to {background:black;} }
@-moz-keyframes fade /* Firefox */ { from {background:white;} to {background:black;} }
@-webkit-keyframes fade /* Safari and Chrome*/ { from {background:white;} to {background:black;} }
@-o-keyframes fade { from {background:white;} to {background:black;} }

/* Opacity Fade in */
@keyframes headerFade { from {opacity:0;} to {opacity:100;} }
@-moz-keyframes headerFade /* Firefox */ { from {opacity:0;} to {opacity:100;} }
@-webkit-keyframes headerFade /* Safari and Chrome*/ { from {opacity:0;} to {opacity:100;} }
@-o-keyframes headerFade { from {opacity:0;} to {opacity:100;} }

/* Intro photoFade */
@keyframes photoFade { from {opacity:100;} to {opacity:0; display:none;} }
@-moz-keyframes photoFade /* Firefox */ { from {opacity:100;} to {opacity:0; display:none;} }
@-webkit-keyframes photoFade /* Safari and Chrome*/ { from {opacity:100;} to {opacity:0; display:none;} }
@-o-keyframes photoFade { from {opacity:100;} to {opacity:0; display:none;} }

/* Title colorFade */
@keyframes colorFade { from {color:#000;} to {color:#FFF;} }
@-moz-keyframes colorFade /* Firefox */ { from {color:#000;} to {color:#FFF;} }
@-webkit-keyframes colorFade /* Safari and Chrome*/ { from {color:#000;} to {color:#FFF;} }
@-o-keyframes colorFade { from {color:#000;} to {color:#FFF;} }

/* Description colorFadedesc */
@keyframes colorFadedesc { from {opacity:0;} to {opacity:1000;} }
@-moz-keyframes colorFadedesc /* Firefox */ { from {opacity:0;} to {opacity:1000;} }
@-webkit-keyframes colorFadedesc /* Safari and Chrome*/ {opacity:0;} to {opacity:1000;} }
@-o-keyframes colorFadedesc { from {opacity:0;} to {opacity:1000;} }

/* Description introWrap */
@keyframes introWrap { from {} to {display:none;} }
@-moz-keyframes introWrap /* Firefox */ { from {} to {display:none;} }
@-webkit-keyframes introWrap /* Safari and Chrome*/ { from {} to {display:none;} }
@-o-keyframes introWrap { from {} to {display:none;} }


#introWrap {
	-webkit-animation:introWrap 5s;
	-moz-animation:introWrap 5s;
	-o-animation:introWrap 5s;
	animation:introWrap 5s;
}

#photoFrame1 {
	pointer-events:none;
	padding:0;
	position:absolute;
	display:block;
	margin:0px;
	float:left;
	width:376px;
	height:261px;
	opacity:0;
	background:url(images/drew_pic2.png) no-repeat;
	-webkit-animation:photoFade 7s cubic-bezier(.5,0,1,.5);
	-moz-animation:photoFade 7s cubic-bezier(.5,0,1,.5);
	-o-animation:photoFade 7s cubic-bezier(.5,0,1,.5);
	animation:photoFade 7s cubic-bezier(.5,0,1,.5);
	}
#photoFrame2 { 
	pointer-events:none;
	padding:0;
	position:absolute;
	display:block;
	opacity:0;
	margin:0 0 0 376px;
	width:376px;
	height:261px;
	background:url(images/drew_guitar_90s.png) no-repeat;
	-webkit-animation:photoFade 12s cubic-bezier(.5,0,1,.5);
	-moz-animation:photoFade 12s cubic-bezier(.5,0,1,.5);
	-o-animation:photoFade 12s cubic-bezier(.5,0,1,.5);
	animation:photoFade 12s cubic-bezier(.5,0,1,.5);
	}
#photoFrame3 {
	pointer-events:none;
	margin: 0 0 0 8px;
	padding:0;
	display:block;
	float:right;
	width:376px;
	height:261px;
	background:url(images/new-drew_01.png) no-repeat;
	}
#photoFrame4 {
	pointer-events:none;
	position:absolute;
	display:block;
	margin:265px 0;
	float:left;
	width:376px;
	height:261px;
	opacity:0;
	background:url(images/drew_pic4.png) no-repeat;
	-webkit-animation:photoFade 14s cubic-bezier(.5,0,1,.5);
	-moz-animation:photoFade 14s cubic-bezier(.5,0,1,.5);
	-o-animation:photoFade 14s cubic-bezier(.5,0,1,.5);
	animation:photoFade 14s cubic-bezier(.5,0,1,.5);
	}
#photoFrame5 {
	pointer-events:none;
	position:absolute;
	display:block;
	opacity:0;
	margin:265px 0 0 376px;
	width:376px;
	height:261px;
	background:url(images/drew_2012.png) no-repeat;
	-webkit-animation:photoFade 15s cubic-bezier(.5,0,1,.5);
	-moz-animation:photoFade 15s cubic-bezier(.5,0,1,.5);
	-o-animation:photoFade 15s cubic-bezier(.5,0,1,.5);
	animation:photoFade 15s cubic-bezier(.5,0,1,.5);
	}
#photoFrame6 {
	pointer-events:none;
	position:absolute;
	display:block;
	float:right;
	opacity:0;
	margin:261px 0 0 752px;
	width:376px;
	height:261px;
	padding:0;
	background: url(images/little_drew.png) no-repeat;
	-webkit-animation:photoFade 17s cubic-bezier(.5,0,1,.5);
	-moz-animation:photoFade 17s cubic-bezier(.5,0,1,.5);
	-o-animation:photoFade 17s cubic-bezier(.5,0,1,.5);
	animation:photoFade 17s cubic-bezier(.5,0,1,.5);
	}

#description1 {
	-webkit-animation:colorFadedesc 2s cubic-bezier(.5,0,1,.5);
	-moz-animation:colorFadedesc 2s cubic-bezier(.5,0,1,.5);
	-o-animation:colorFadedesc 2s cubic-bezier(.5,0,1,.5);
	animation:colorFadedesc 2s cubic-bezier(.5,0,1,.5);
	}
	
#description2 {
	-webkit-animation:colorFadedesc 6s cubic-bezier(.5,0,1,.5);
	-moz-animation:colorFadedesc 6s cubic-bezier(.5,0,1,.5);
	-o-animation:colorFadedesc 6s cubic-bezier(.5,0,1,.5);
	animation:colorFadedesc 6s cubic-bezier(.5,0,1,.5);
	}

#description3 {
	-webkit-animation:colorFadedesc 10s cubic-bezier(.5,0,1,.5);
	-moz-animation:colorFadedesc 10s cubic-bezier(.5,0,1,.5);
	-o-animation:colorFadedesc 10s cubic-bezier(.5,0,1,.5);
	animation:colorFadedesc 10s cubic-bezier(.5,0,1,.5);
	}

#menu {
	-webkit-animation:headerFade 5s cubic-bezier(.5,0,1,.5);
	-moz-animation:headerFade 5s cubic-bezier(.5,0,1,.5);
	-o-animation:headerFade 5s cubic-bezier(.5,0,1,.5);
	animation:headerFade 5s cubic-bezier(.5,0,1,.5);
	}

#mainWrap {
	margin:0 auto 10px auto;
	-webkit-animation:headerFade 12s linear;
	-moz-animation:headerFade 12s linear;
	-o-animation:headerFade 12s linear;
	animation:headerFade 12s linear;
	}