/*appleseed*/


body{
  	background-color:black;
  	font-family:Myriad Pro;
  
    }
     
#wrapper{
 	position:relative;
 	background-image: url("img/chp1.png");
 	background-repeat:no-repeat;
 	background-size: 100%;
 	background-color:white;
 	width:800px;
	height:7950px;
 	margin: auto;

    }
     
#wrapper2{
 	position:relative;
 	background-image: url("img/chp2.png");
 	background-repeat:no-repeat;
 	background-size: 100%;
 	background-color:white;
 	width:800px;
	height:4580px;
 	margin: auto;
    }     
     
#wrapper3{
 	position:relative;
 	background-image: url("img/chp3.png");
 	background-repeat:no-repeat;
 	background-size: 100%;
 	background-color:white;
 	width:800px;
	height:2890px;
 	margin: auto;
    }       
     
#wrapper4{
 	position:relative;
 	background-image: url("img/chp4.png");
 	background-repeat:no-repeat;
 	background-size: 100%;
 	background-color:white;
 	width:800px;
	height:4955px;
 	margin: auto;
    }      
     
     
 h1{
 	color:white;
 	font-size:58px;
 	text-align:center;
 	}
 	
  h5{
 	color:white;
 	font-size:18px;
 	text-align:center;
 	}  
 
   h6{
 	color:white;
 	font-size:14px;
 	text-align:center;
 	
 	} 
 
.clear{
	clear: both;
	}


#apple  {
	position: absolute;
	bottom: 1%;
	right: 4%;
	width: 10%;
	}
	
#apple img {
	width: 100%;
	}

#badapple  {
	position: absolute;
	bottom: 1%;
	left: 4%;
	width: 10%;
	}
	
#badapple img {
	width: 100%;
	}




#pic1 {
	position:relative;
	width:340px;
	height:200px;
	opacity:0;
	top:660px;
	left:95px;
}
	
#pic1 p {
	position:absolute;
	top:-20px;
	left:-350px;
	width:210px;
	height:110px;
	text-align:center;
	font-size:18px;
	padding:10px;
	background-color:white;
	color:black;
	z-index:1;
	font-size:24px;
}

#pic1 p:hover{
	display:none;
}

#pic1:hover {
	opacity:1;	
}


#pic2 {
	position:relative;
	width:340px;
	height:280px;
	opacity:0;
	top:990px;
	left:445px;

}
	
#pic2 p {
	position:absolute;
	top:-20px;
	left:370px;
	width:210px;
	height:50px;
	text-align:center;
	font-size:18px;
	padding:10px;
	background-color:white;
	color:black;
	z-index:1;
font-size:24px;
}

#pic2 p:hover{
	display:none;
}

#pic2:hover {
	opacity:1;	
}


#pic3 {
	position:relative;
	width:340px;
	height:280px;
	opacity:0;
	top:2340px;
	left:50px;
	
}
	
#pic3 p {
	position:absolute;
	top:-20px;
	left:-300px;
	width:210px;
	height:200px;
	text-align:center;
	font-size:18px;
	padding:10px;
	background-color:white;
	color:black;
	z-index:1;
font-size:24px;
}

#pic3 p:hover{
	display:none;
}

#pic3:hover {
	opacity:1;	
}


#pic4 {
	position:relative;
	width:580px;
	height:480px;
	opacity:0;
	top:2410px;
	left:120px;

}
	
#pic4 p {
	position:absolute;
	top:120px;
	left:-375px;
	width:210px;
	height:150px;
	text-align:center;
	font-size:18px;
	padding:10px;
	color:white;
	z-index:1;
	font-family:Noteworthy;
	font-size:24px;
}

#pic4 p:hover{
	display:none;
}

#pic4:hover {
	opacity:1;	
}


#pic5 {
	position:relative;
	width:380px;
	height:180px;
	opacity:0;
	top:3060px;
	left:20px;
}
	
#pic5 p {
	position:absolute;
	top:-20px;
	left:-275px;
	width:210px;
	height:120px;
	text-align:center;
	font-size:18px;
	padding:10px;
	color:black;
	background-color:white;
	z-index:1;
	font-size:24px;
}

#pic5 p:hover{
	display:none;
}

#pic5:hover {
	opacity:1;	
}



#pic6 {
	position:relative;
	width:380px;
	height:180px;
	opacity:0;
	top:2880px;
	left:400px;
}
	
#pic6 p {
	position:absolute;
	top:-20px;
	left:405px;
	width:210px;
	height:120px;
	text-align:center;
	font-size:18px;
	padding:10px;
	color:black;
	background-color:white;
	z-index:1;
	font-size:24px;
}

#pic6 p:hover{
	display:none;
}

#pic6:hover {
	opacity:1;	
}



#pic7 {
	position:relative;
	width:620px;
	height:120px;
	opacity:0;
	top:3270px;
	left:100px;
	
}
	
#pic7 p {
	position:absolute;
	top:-20px;
	left:720px;
	width:210px;
	height:100px;
	text-align:center;
	font-size:18px;
	padding:10px;
	color:black;
	background-color:white;
	z-index:1;
	font-size:24px;
}

#pic7 p:hover{
	display:none;
}

#pic7:hover {
	opacity:1;	
}



#pic8 {
	position:relative;
	width:220px;
	height:220px;
	opacity:0;
	top:3370px;
	left:40px;
}
	
#pic8 p {
	position:absolute;
	top:-20px;
	left:-285px;
	width:210px;
	height:200px;
	text-align:center;
	font-size:18px;
	padding:10px;
	color:black;
	background-color:white;
	z-index:1;
	font-size:24px;
}

#pic8 p:hover{
	display:none;
}

#pic8:hover {
	opacity:1;	
}


#pic9 {
	position:relative;
	width:220px;
	height:220px;
	opacity:0;
	top:3070px;
	left:540px;
}
	
#pic9 p {
	position:absolute;
	top:50px;
	left:285px;
	width:210px;
	height:50px;
	text-align:center;
	font-size:18px;
	padding:10px;
	color:white;
	z-index:1;
	font-size:24px;
	font-family:Noteworthy;
}

#pic9 p:hover{
	display:none;
}

#pic9:hover {
	opacity:1;	
}


#pic10 {
	position:relative;
	width:185px;
	height:185px;
	opacity:0;
	top:3650px;
	left:340px;
}
	
#pic10 p {
	position:absolute;
	top:50px;
	left:485px;
	width:210px;
	height:120px;
	text-align:center;
	font-size:18px;
	padding:10px;
	color:black;
	background-color:white;
	z-index:1;
	font-size:24px;
}

#pic10 p:hover{
	display:none;
}

#pic10:hover {
	opacity:1;	
}


#pic11 {
	position:relative;
	width:245px;
	height:245px;
	opacity:0;
	top:3550px;
	left:530px;

}
	
#pic11 p {
	position:absolute;
	top:50px;
	left:285px;
	width:210px;
	height:165px;
	text-align:center;
	font-size:18px;
	padding:10px;
	color:black;
	background-color:white;
	z-index:1;
	font-size:24px;
}

#pic11 p:hover{
	display:none;
}

#pic11:hover {
	opacity:1;	
}


#pic12 {
	position:relative;
	width:245px;
	height:445px;
	opacity:0;
	top:3250px;
	left:90px;

}
	
#pic12 p {
	position:absolute;
	top:50px;
	left:-335px;
	width:210px;
	height:45px;
	text-align:center;
	font-size:18px;
	padding:10px;
	color:white;
	z-index:1;
	font-family:Noteworthy;
	font-size:24px;
}

#pic12 p:hover{
	display:none;
}

#pic12:hover {
	opacity:1;	
}


#pic13 {
	position:relative;
	width:545px;
	height:445px;
	opacity:0;
	top:3300px;
	left:90px;
	
}
	
#pic13 p {
	position:absolute;
	top:50px;
	left:-335px;
	width:210px;
	height:155px;
	text-align:center;
	font-size:18px;
	padding:10px;
	color:white;
	font-family:Noteworthy;;
	font-size:24px;
	z-index:1;
	
}

#pic13 p:hover{
	display:none;
}

#pic13:hover {
	opacity:1;	
}


#pic14 {
	position:relative;
	width:745px;
	height:245px;
	opacity:0;
	top:3600px;
	left:20px;
}
	
#pic14 p {
	position:absolute;
	top:50px;
	left:800px;
	width:210px;
	height:70px;
	text-align:center;
	font-size:18px;
	padding:10px;
	color:white;
	z-index:1;
	font-family:Noteworthy;
	font-size:24px;

}

#pic14 p:hover{
	display:none;
}

#pic14:hover {
	opacity:1;	
}


#pic15 {
	position:relative;
	width:245px;
	height:245px;
	opacity:0;
	top:35px;
	left:80px;

}
	
#pic15 p {
	position:absolute;
	top:20px;
	left:-320px;
	width:210px;
	height:200px;
	text-align:center;
	padding:10px;
	color:black;
	background-color:white;
	z-index:1;
	font-size:24px;
}

#pic15 p:hover{
	display:none;
}

#pic15:hover {
	opacity:1;	
}


#pic16 {
	position:relative;
	width:220px;
	height:305px;
	opacity:0;
	top:405px;
	left:540px;
	
}
	
#pic16 p {
	position:absolute;
	top:20px;
	left:280px;
	width:210px;
	height:200px;
	text-align:center;
	padding:10px;
	color:black;
	background-color:white;
	z-index:1;
	
	font-size:24px;
}

#pic16 p:hover{
	display:none;
}

#pic16:hover {
	opacity:1;	
}


#pic17 {
	position:relative;
	width:360px;
	height:335px;
	opacity:0;
	top:845px;
	left:30px;

}
	
#pic17 p {
	position:absolute;
	top:10px;
	left:-280px;
	width:210px;
	height:240px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;
	font-family:noteworthy;
	font-size:24px;
}

#pic17 p:hover{
	display:none;
}

#pic17:hover {
	opacity:1;	
}


#pic18 {
	position:relative;
	width:360px;
	height:335px;
	opacity:0;
	top:505px;
	left:410px;

}
	
#pic18 p {
	position:absolute;
	top:20px;
	left:400px;
	width:210px;
	height:120px;
	text-align:center;
	padding:10px;
	color:black;
	background-color:white;
	z-index:1;
	font-size:24px;
}

#pic18 p:hover{
	display:none;
}

#pic18:hover {
	opacity:1;	
}


#pic19 {
	position:relative;
	width:660px;
	height:455px;
	opacity:0;
	top:865px;
	left:50px;

}
	
#pic19 p {
	position:absolute;
	top:20px;
	left:775px;
	width:210px;
	height:195px;
	text-align:center;
	padding:10px;
	color:black;
	background-color:white;
	z-index:1;

	font-size:24px;
}

#pic19 p:hover{
	display:none;
}

#pic19:hover {
	opacity:1;	
}



#pic20 {
	position:relative;
	width:100px;
	height:155px;
	opacity:0;
	top:965px;
	left:30px;
	
}
	
#pic20 p {
	position:absolute;
	top:-105px;
	left:-285px;
	width:210px;
	height:225px;
	text-align:center;
	padding:10px;
	color:black;
	background-color:white;
	z-index:1;

	font-size:24px;
}

#pic20 p:hover{
	display:none;
}

#pic20:hover {
	opacity:1;	
}


#pic21 {
	position:relative;
	width:100px;
	height:155px;
	opacity:0;
	top:805px;
	left:155px;

}
	
#pic21 p {
	position:absolute;
	top:5px;
	left:-405px;
	width:210px;
	height:195px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;
	font-family:noteworthy;
	
	font-size:24px;
}

#pic21 p:hover{
	display:none;
}

#pic21:hover {
	opacity:1;	
}


#pic22 {
	position:relative;
	width:730px;
	height:525px;
	opacity:0;
	top:875px;
	left:45px;

}
	
#pic22 p {
	position:absolute;
	top:5px;
	left:-295px;
	width:210px;
	height:315px;
	text-align:center;
	padding:10px;
	color:black;
	background-color:white;
	z-index:1;
	font-size:24px;
}

#pic22 p:hover{
	display:none;
}

#pic22:hover {
	opacity:1;	
}


#pic23 {
	position:relative;
	width:385px;
	height:505px;
	opacity:0;
	top:905px;
	left:405px;

}
	
#pic23 p {
	position:absolute;
	top:5px;
	left:405px;
	width:210px;
	height:275px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;
	font-size:24px;
	font-family:noteworthy;
}

#pic23 p:hover{
	display:none;
}

#pic23:hover {
	opacity:1;	
}


#pic24 {
	position:relative;
	width:405px;
	height:505px;
	opacity:0;
	top:5px;
	left:25px;
	
}
	
#pic24 p {
	position:absolute;
	top:5px;
	left:-290px;
	width:210px;
	height:175px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;
	
	font-size:24px;
	color:black;
	background-color:white;

}

#pic24 p:hover{
	display:none;
}

#pic24:hover {
	opacity:1;	
}



#pic25 {
	position:relative;
	width:225px;
	height:225px;
	opacity:0;
	top:-490px;
	left:535px;
	
}
	
#pic25 p {
	position:absolute;
	top:5px;
	left:290px;
	width:210px;
	height:175px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;

	font-size:24px;
	color:black;
	background-color:white;

}

#pic25 p:hover{
	display:none;
}

#pic25:hover {
	opacity:1;	
}


#pic26 {
	position:relative;
	width:295px;
	height:255px;
	opacity:0;
	top:-470px;
	left:450px;

}
	
#pic26 p {
	position:absolute;
	top:5px;
	left:380px;
	width:210px;
	height:175px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;
	font-family:noteworthy; 
	font-size:24px;
	color:white;
	

}

#pic26 p:hover{
	display:none;
}

#pic26:hover {
	opacity:1;	
}


#pic27 {
	position:relative;
	width:745px;
	height:205px;
	opacity:0;
	top:-440px;
	left:35px;
	
	
}
	
#pic27 p {
	position:absolute;
	top:5px;
	left:-290px;
	width:210px;
	height:75px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;

	font-size:24px;
	color:black;
	background-color:white;

}

#pic27 p:hover{
	display:none;
}

#pic27:hover {
	opacity:1;	
}



#pic28 {
	position:relative;
	width:745px;
	height:205px;
	opacity:0;
	top:-80px;
	left:35px;

	
}
	
#pic28 p {
	position:absolute;
	top:5px;
	left:-290px;
	width:210px;
	height:175px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;

	font-size:24px;
	color:black;
	background-color:white;

}

#pic28 p:hover{
	display:none;
}

#pic28:hover {
	opacity:1;	
}


#pic29 {
	position:relative;
	width:745px;
	height:205px;
	opacity:0;
	top:-50px;
	left:35px;
	
	
}
	
#pic29 p {
	position:absolute;
	top:5px;
	left:-290px;
	width:210px;
	height:145px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;

	font-size:24px;
	color:black;
	background-color:white;

}

#pic29 p:hover{
	display:none;
}

#pic29:hover {
	opacity:1;	
}




#pic30 {
	position:relative;
	width:225px;
	height:285px;
	opacity:0;
	top:-10px;
	left:295px;

}
	
#pic30 p {
	position:absolute;
	top:5px;
	left:-550px;
	width:210px;
	height:195px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;

	font-size:24px;
	color:black;
	background-color:white;

}

#pic30 p:hover{
	display:none;
}

#pic30:hover {
	opacity:1;	
}


#pic31 {
	position:relative;
	width:225px;
	height:285px;
	opacity:0;
	top:-290px;
	left:535px;

	
}
	
#pic31 p {
	position:absolute;
	top:-55px;
	left:290px;
	width:210px;
	height:105px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;
	
	font-size:24px;
	color:black;
	background-color:white;

}

#pic31 p:hover{
	display:none;
}

#pic31:hover {
	opacity:1;	
}


#pic32 {
	position:relative;
	width:350px;
	height:335px;
	opacity:0;
	top:-260px;
	left:35px;

	
}
	
#pic32 p {
	position:absolute;
	top:5px;
	left:-290px;
	width:210px;
	height:135px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;
	
	font-size:24px;
	color:black;
	background-color:white;

}

#pic32 p:hover{
	display:none;
}

#pic32:hover {
	opacity:1;	
}

#pic33 {
	position:relative;
	width:350px;
	height:335px;
	opacity:0;
	top:-600px;
	left:435px;
	
}
	
#pic33 p {
	position:absolute;
	top:5px;
	left:390px;
	width:210px;
	height:105px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;
	
	font-size:24px;
	color:black;
	background-color:white;

}

#pic33 p:hover{
	display:none;
}

#pic33:hover {
	opacity:1;	
}


#pic34 {
	position:relative;
	width:740px;
	height:415px;
	opacity:0;
	top:5px;
	left:35px;

	
}
	
#pic34 p {
	position:absolute;
	top:5px;
	left:-290px;
	width:210px;
	height:225px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;

	font-size:24px;
	color:black;
	background-color:white;

}

#pic34 p:hover{
	display:none;
}

#pic34:hover {
	opacity:1;	
}


#pic35 {
	position:relative;
	width:340px;
	height:315px;
	opacity:0;
	top:5px;
	left:435px;

	
}
	
#pic35 p {
	position:absolute;
	top:5px;
	left:390px;
	width:210px;
	height:225px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;
	
	font-size:24px;
	color:white;

	font-family:noteworthy;
}

#pic35 p:hover{
	display:none;
}

#pic35:hover {
	opacity:1;	
}


#pic36 {
	position:relative;
	width:770px;
	height:225px;
	opacity:0;
	top:595px;
	left:5px;
	
	
}
	
#pic36 p {
	position:absolute;
	top:5px;
	left:820px;
	width:210px;
	height:55px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;
	
	font-size:24px;
	color:black;
	background-color:white;
	
}

#pic36 p:hover{
	display:none;
}

#pic36:hover {
	opacity:1;	
}



#pic37 {
	position:relative;
	width:770px;
	height:225px;
	opacity:0;
	top:1055px;
	left:5px;

	
}
	
#pic37 p {
	position:absolute;
	top:5px;
	left:820px;
	width:210px;
	height:35px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;

	font-size:24px;
	color:black;
	background-color:white;
	
}

#pic37 p:hover{
	display:none;
}

#pic37:hover {
	opacity:1;	
}


#pic38 {
	position:relative;
	width:270px;
	height:255px;
	opacity:0;
	top:1055px;
	left:5px;

	
}
	
#pic38 p {
	position:absolute;
	top:5px;
	left:-260px;
	width:210px;
	height:85px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;
	
	font-size:24px;
	color:black;
	background-color:white;
	
}

#pic38 p:hover{
	display:none;
}

#pic38:hover {
	opacity:1;	
}



#pic39 {
	position:relative;
	width:250px;
	height:255px;
	opacity:0;
	top:805px;
	left:535px;

	
}
	
#pic39 p {
	position:absolute;
	top:5px;
	left:270px;
	width:210px;
	height:85px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;
	
	font-size:24px;
	color:white;
	font-family:noteworthy;
}

#pic39 p:hover{
	display:none;
}

#pic39:hover {
	opacity:1;	
}



#pic40 {
	position:relative;
	width:700px;
	height:375px;
	opacity:0;
	top:835px;
	left:55px;

	
}
	
#pic40 p {
	position:absolute;
	top:5px;
	left:750px;
	width:210px;
	height:135px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;

	font-size:24px;
	color:black;
	background-color:white;
	
}

#pic40 p:hover{
	display:none;
}

#pic40:hover {
	opacity:1;	
}


#pic41 {
	position:relative;
	width:730px;
	height:325px;
	opacity:0;
	top:1235px;
	left:55px;

	
}
	
#pic41 p {
	position:absolute;
	top:5px;
	left:750px;
	width:210px;
	height:135px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;

	font-size:24px;
	color:white;
	font-family:noteworthy;
	
}

#pic41 p:hover{
	display:none;
}

#pic41:hover {
	opacity:1;	
}


#pic42 {
	position:relative;
	width:730px;
	height:315px;
	opacity:0;
	top:1235px;
	left:55px;

}
	
#pic42 p {
	position:absolute;
	top:5px;
	left:750px;
	width:210px;
	height:235px;
	text-align:center;
	padding:10px;
	color:white;
	z-index:1;
	
	font-size:24px;
	color:black;
	background-color:white;
	
}

#pic42 p:hover{
	display:none;
}

#pic42:hover {
	opacity:1;	
}

footer{
	float:left;
	font-size:.8em;
	padding-right:10px;
	color:black;
	text-decoration:none;
	position:relative;
	}