body
{

}

#wrapper
{
	position:absolute;
	width:712px;
	height:722px;
	left:322px;
	top:80px;
		overflow:hidden;
}


#option1{ position:absolute; width:110px; height:80px; top:100px;  left:77px;}
.img88{position:absolute; width:110px; height:80px; top:0px; cursor:pointer; left:0px; z-index:10}
.img88:hover{ border:2px solid yellow;}
.img89{position:absolute; width:110px; height:80px; top:87px; cursor:pointer; left:0px; z-index:9}
.img89:hover{ border:2px solid yellow;}
.img90{position:absolute; width:110px; height:80px; top:167px; cursor:pointer; left:0px; z-index:8}
.img90:hover{ border:2px solid yellow;}

#option2{ position:absolute; width:110px; height:80px; top:100px; left:227px; }
.img6{position:absolute; width:110px; height:80px;cursor:pointer; top:0px; left:0px; z-index:10}
.img6:hover{ border:2px solid yellow;}
.img7{position:absolute; width:110px; height:80px;cursor:pointer; top:87px; left:0px; z-index:9}
.img7:hover{ border:2px solid yellow;}
.img8{position:absolute; width:110px; height:80px;cursor:pointer; top:167px; left:0px; z-index:8}
.img8:hover{ border:2px solid yellow;}
.img9{position:absolute; width:110px; height:80px;cursor:pointer; top:247px; left:0px; z-index:7}
.img9:hover{ border:2px solid yellow;}
.img10{position:absolute; width:110px; height:80px;cursor:pointer; top:327px; left:0px; z-index:6}
.img10:hover{ border:2px solid yellow;}

#option3{ position:absolute; width:110px; height:400px; top:100px; left:380px;}
.img1{position:absolute; width:110px; height:80px;cursor:pointer; top:0px; left:0px; z-index:10}
.img1:hover{ border:2px solid yellow;}
.img2{position:absolute; width:110px; height:80px; cursor:pointer;top:87px; left:0px; z-index:9}
.img2:hover{ border:2px solid yellow;}
.img3{position:absolute; width:110px; height:80px; cursor:pointer;top:167px; left:0px; z-index:8}
.img3:hover{ border:2px solid yellow;}
.img4{position:absolute; width:110px; height:80px;cursor:pointer; top:247px; left:0px; z-index:7}
.img4:hover{ border:2px solid yellow;}
.img5{position:absolute; width:110px; height:80px;cursor:pointer; top:327px; left:0px; z-index:6}
.img5:hover{ border:2px solid yellow;}

#option4{ position:absolute; width:110px; height:80px; top:100px; left:530px; }
.img12{position:absolute; width:110px; height:80px;cursor:pointer; top:0px; left:0px; z-index:10}
.img12:hover{ border:2px solid yellow;}
.img13{position:absolute; width:110px; height:80px;cursor:pointer; top:87px; left:0px; z-index:9}
.img13:hover{ border:2px solid yellow;}
.img14{position:absolute; width:110px; height:80px;cursor:pointer; top:167px; left:0px; z-index:8}
.img14:hover{ border:2px solid yellow;}
.img15{position:absolute; width:110px; height:80px;cursor:pointer; top:247px; left:0px; z-index:7}
.img15:hover{ border:2px solid yellow;}
.img16{position:absolute; width:110px; height:80px;cursor:pointer; top:327px; left:0px; z-index:6}
.img16:hover{ border:2px solid yellow;}

.img17{position:absolute; width:290px;  top:291px; left:190px; }
.img18{position:absolute; width:80px;  top:360px; left:276px;}
.img19{position:absolute; width:180px;  top:334px; left:243px;}
.img20{position:absolute; width:460px;  top:319px; left:119px;}
.img21{position:absolute; width:315px;  top:329px; left:170px;}

.img23{position:absolute; width:40px;  top:348px; left:320px; }
.img24{position:absolute; width:85px;  top:306px; left:310px; }
.img25{position:absolute; width:65px;  top:339px; left:310px; }
.img26{position:absolute; width:75px;  top:349px; left:310px; }
.img27{position:absolute; width:75px;  top:332px; left:303px; }

.img28{position:absolute; width:50px;  top:398px; left:295px; }
.img29{position:absolute; width:50px;  top:398px; left:295px; }
.img30{position:absolute; width:55px;  top:403px; left:295px; }
.img31{position:absolute; width:58px;  top:400px; left:295px; }
.img32{position:absolute; width:38px;  top:396px; left:295px; }




.bg1{position:absolute; width:500px;  top:209px; left:103px;}
.bg2{position:absolute; width:500px; height:379px; top:205px; left:100px;}
.bg3{position:absolute; width:500px; height:379px; top:205px; left:100px;}

#click1{ position:absolute; width:120px;  height:110px; top:83px;  left:76px; cursor:pointer;   z-index:10000000}
#click2{ position:absolute; width:120px;  height:110px; top:83px; left:227px; cursor:pointer;   z-index:10000000}
#click3{ position:absolute; width:120px; height:110px; top:83px; left:380px; cursor:pointer;  z-index:10000000}
#click4{ position:absolute; width:120px; height:110px; top:83px; left:528px; cursor:pointer; z-index:10000000}

#click2a{ position:absolute; width:120px; height:110px; top:83px; left:227px; cursor:pointer; z-index:10000}
#click3a{ position:absolute; width:120px; height:110px; top:83px; left:380px; cursor:pointer; z-index:10000}
#click4a{ position:absolute; width:120px; height:110px; top:83px;left:528px; cursor:pointer; z-index:10000}


#option2a{ position:absolute; width:110px; height:80px; top:100px; left:227px; }
.img6a{position:absolute; width:110px; height:80px;cursor:pointer; top:0px; left:0px; z-index:10}
.img6a:hover{ border:2px solid yellow;}
.img7a{position:absolute; width:110px; height:80px;cursor:pointer; top:87px; left:0px; z-index:9}
.img7a:hover{ border:2px solid yellow;}
.img8a{position:absolute; width:110px; height:80px;cursor:pointer; top:167px; left:0px; z-index:8}
.img8a:hover{ border:2px solid yellow;}
.img9a{position:absolute; width:110px; height:80px;cursor:pointer; top:247px; left:0px; z-index:7}
.img9a:hover{ border:2px solid yellow;}
.img10a{position:absolute; width:110px; height:80px;cursor:pointer; top:327px; left:0px; z-index:6}
.img10a:hover{ border:2px solid yellow;}

#option3a{ position:absolute; width:110px; height:80px; top:100px; left:380px; }
.img1a{position:absolute; width:110px; height:80px;cursor:pointer; top:0px; left:0px; z-index:10}
.img1a:hover{ border:2px solid yellow;}
.img2a{position:absolute; width:110px; height:80px;cursor:pointer; top:87px; left:0px; z-index:9}
.img2a:hover{ border:2px solid yellow;}
.img3a{position:absolute; width:110px; height:80px;cursor:pointer; top:167px; left:0px; z-index:8}
.img3a:hover{ border:2px solid yellow;}
.img4a{position:absolute; width:110px; height:80px;cursor:pointer; top:247px; left:0px; z-index:7}
.img4a:hover{ border:2px solid yellow;}
.img5a{position:absolute; width:110px; height:80px;cursor:pointer; top:327px; left:0px; z-index:6}
.img5a:hover{ border:2px solid yellow;}

#option4a{ position:absolute; width:110px; height:80px; top:100px; left:530px; }
.img12a{position:absolute; width:110px; height:80px;cursor:pointer; top:0px; left:0px; z-index:10}
.img12a:hover{ border:2px solid yellow;}
.img13a{position:absolute; width:110px; height:80px;cursor:pointer; top:87px; left:0px; z-index:9}
.img13a:hover{ border:2px solid yellow;}
.img14a{position:absolute; width:110px; height:80px;cursor:pointer; top:167px; left:0px; z-index:8}
.img14a:hover{ border:2px solid yellow;}
.img15a{position:absolute; width:110px; height:80px;cursor:pointer; top:247px; left:0px; z-index:7}
.img15a:hover{ border:2px solid yellow;}
.img16a{position:absolute; width:110px; height:80px;cursor:pointer; top:327px; left:0px; z-index:6}
.img16a:hover{ border:2px solid yellow;}


.img17a{position:absolute; width:198px;  top:402px; left:155px; }
.img18a{position:absolute; width:70px;  top:445px; left:195px;}
.img19a{position:absolute; width:105px;  top:434px; left:192px;}
.img20a{position:absolute; width:280px;  top:424px; left:114px;}
.img21a{position:absolute; width:205px;  top:429px; left:145px;}


.img23a{position:absolute; width:33px;  top:436px; left:235px; }
.img24a{position:absolute; width:55px;  top:416px; left:230px; }
.img25a{position:absolute; width:45px;  top:439px; left:230px;}
.img26a{position:absolute; width:60px;  top:441px; left:226px; }
.img27a{position:absolute; width:45px;  top:428px; left:235px; }

.img28a{position:absolute; width:30px;  top:478px; left:217px; }
.img29a{position:absolute; width:40px;  top:473px; left:215px; }
.img30a{position:absolute; width:45px;  top:472px; left:215px; }
.img31a{position:absolute; width:48px;  top:470px; left:220px; }
.img32a{position:absolute; width:38px;  top:467px; left:218px; }


#click2b{ position:absolute; width:120px; height:110px; top:83px; left:227px; cursor:pointer;  z-index:10000}
#click3b{ position:absolute; width:120px; height:110px; top:83px; left:380px; cursor:pointer; z-index:10000}
#click4b{ position:absolute; width:120px; height:110px; top:83px; left:528px; cursor:pointer; z-index:10000}

#option2b{ position:absolute; width:110px; height:80px; top:100px; left:227px; }
.img6b{position:absolute; width:110px; height:80px; top:0px;cursor:pointer; left:0px; z-index:10}
.img6b:hover{ border:2px solid yellow;}
.img7b{position:absolute; width:110px; height:80px; top:87px;cursor:pointer; left:0px; z-index:9}
.img7b:hover{ border:2px solid yellow;}
.img8b{position:absolute; width:110px; height:80px; top:167px;cursor:pointer; left:0px; z-index:8}
.img8b:hover{ border:2px solid yellow;}
.img9b{position:absolute; width:110px; height:80px; top:247px;cursor:pointer; left:0px; z-index:7}
.img9b:hover{ border:2px solid yellow;}
.img10b{position:absolute; width:110px; height:80px; top:327px;cursor:pointer; left:0px; z-index:6}
.img10b:hover{ border:2px solid yellow;}

#option3b{ position:absolute; width:110px; height:80px; top:100px; left:380px; }
.img1b{position:absolute; width:110px; height:80px; top:0px;cursor:pointer; left:0px; z-index:10}
.img1b:hover{ border:2px solid yellow;}
.img2b{position:absolute; width:110px; height:80px; top:87px;cursor:pointer; left:0px; z-index:9}
.img2b:hover{ border:2px solid yellow;}
.img3b{position:absolute; width:110px; height:80px; top:167px;cursor:pointer; left:0px; z-index:8}
.img3b:hover{ border:2px solid yellow;}
.img4b{position:absolute; width:110px; height:80px; top:247px;cursor:pointer; left:0px; z-index:7}
.img4b:hover{ border:2px solid yellow;}
.img5b{position:absolute; width:110px; height:80px; top:327px;cursor:pointer; left:0px; z-index:6}
.img5b:hover{ border:2px solid yellow;}

#option4b{ position:absolute; width:110px; height:80px; top:100px; left:530px; }
.img12b{position:absolute; width:110px; height:80px; top:0px; left:0px;cursor:pointer; z-index:10}
.img12b:hover{ border:2px solid yellow;}
.img13b{position:absolute; width:110px; height:80px; top:87px; left:0px;cursor:pointer; z-index:9}
.img13b:hover{ border:2px solid yellow;}
.img14b{position:absolute; width:110px; height:80px; top:167px; left:0px;cursor:pointer; z-index:8}
.img14b:hover{ border:2px solid yellow;}
.img15b{position:absolute; width:110px; height:80px; top:247px; left:0px;cursor:pointer; z-index:7}
.img15b:hover{ border:2px solid yellow;}
.img16b{position:absolute; width:110px; height:80px; top:327px; left:0px;cursor:pointer; z-index:6}
.img16b:hover{ border:2px solid yellow;}


.img17b{position:absolute; width:233px;   top:389px; left:176px; }
.img18b{position:absolute; width:70px;  top:437px; left:242px;}
.img19b{position:absolute; width:130px;  top:430px; left:229px;}
.img20b{position:absolute; width:360px;  top:414px; left:125px;}
.img21b{position:absolute; width:255px;   top:420px; left:175px;}

.img23b{position:absolute; width:40px;  top:431px; left:278px; }
.img24b{position:absolute; width:65px;  top:401px; left:270px; }
.img25b{position:absolute; width:45px;  top:431px; left:279px; }
.img26b{position:absolute; width:65px; top:433px; left:277px; }
.img27b{position:absolute; width:47px;  top:423px; left:274px; }

.img28b{position:absolute; width:32px;  top:487px; left:254px; }
.img29b{position:absolute; width:42px;  top:472px; left:255px; }
.img30b{position:absolute; width:45px;  top:479px; left:265px; }
.img31b{position:absolute; width:45px;  top:470px; left:255px; }
.img32b{position:absolute; width:30px;  top:473px; left:262px; }

.check{position:absolute; width:100px; top:595px;cursor:pointer; left:114px; z-index:2000}
.check1{position:absolute; width:100px; top:595px;cursor:pointer; left:114px;  z-index:2000}
.check2{position:absolute; width:100px; top:595px;cursor:pointer; left:113px;  z-index:2000}
.check3{position:absolute; width:100px; top:595px; cursor:pointer;left:113px;  z-index:2000}

.check:hover{	
	content:url('../images/checkover.png');
}
.check:active{	
	content:url('../images/checkactive.png');
}
.check1:hover{	
	content:url('../images/checkover.png');
}
.check1:active{	
	content:url('../images/checkactive.png');
}
.check2:hover{	
	content:url('../images/checkover.png');
}
.check3:active{	
	content:url('../images/checkactive.png');
}
.check3:hover{	
	content:url('../images/checkover.png');
}
.check3:active{	
	content:url('../images/checkactive.png');
}



.habitat{position:absolute; width:121px; top:83px; left:76px;cursor:pointer; z-index:2000; }

.wings{position:absolute; width:121px; top:83px; left:226px; cursor:pointer; z-index:2000}
.beaks{position:absolute; width:121px; top:83px; left:376px; cursor:pointer; z-index:2000}
.legsandfeet{position:absolute; width:121px; top:83px; left:526px;cursor:pointer;  z-index:2000}
.readbook{position:absolute;  width:172px;  top:595px;cursor:pointer; left:261px;}
.readbook:hover{	
	content:url('../images/birhabover.png');
}
.readbook:active{	
	content:url('../images/birhabactive.png');
}



.wings1{position:absolute; width:121px; top:83px; left:226px;cursor:pointer; z-index:2000}
.beaks1{position:absolute; width:121px; top:83px; left:376px; cursor:pointer;z-index:2000}
.legsandfeet1{position:absolute; width:121px; top:83px; left:526px;cursor:pointer; z-index:2000}

.wings2{position:absolute; width:121px; top:83px; left:226px;cursor:pointer; z-index:2000}
.beaks2{position:absolute; width:121px; top:83px; left:376px;cursor:pointer; z-index:2000}
.legsandfeet2{position:absolute; width:121px; top:83px; left:526px;cursor:pointer; z-index:2000}


.bookback{position:absolute; width:692px;  top:7px; left:7px; z-index:12222000}
.bookp2{position:absolute; width:561px;  top:225px; left:72px; z-index:12222000}
.bookp3{position:absolute; width:561px;  top:225px; left:72px; z-index:12222000}


.next1{position:absolute; width:30px; height:30px;  top:523px; left:552px; cursor:pointer; z-index:1000000001}
.prev1{position:absolute; width:30px; height:30px;  top:523px; left:116px;cursor:pointer;  z-index:1000000001}

.close1{position:absolute; width:35px; height:35px; top:224px; left:594px;cursor:pointer; z-index:1000000000000}
#Deadbuzzer{position:absolute;  width:100px; height:35px; top:596px;cursor:pointer; left:115px; z-index:2000}

#bird1{position:absolute; width:330px; height:240px; top:255px;  left:196px;cursor:pointer; z-index:2222000}

#birdback{position:absolute; width:430px; height:110px; top:80px; left:220px;   z-index:2222000}
#habitatback{position:absolute; width:130px; height:110px; top:80px; left:70px;  z-index:502222000}


#bird2{position:absolute; width:405px; height:300px; top:222px; left:132px;cursor:pointer; z-index:2222000}
#bird3{position:absolute; width:600px; height:400px; top:120px;  left:-40px;cursor:pointer; z-index:2222000}

.birds0017{position:absolute; width:330px; height:240px; top:255px; left:196px;cursor:pointer; z-index:2222000}
.b213{position:absolute; width:410px; height:300px; top:226px; left:90px;cursor:pointer; z-index:2222000}
.bird12{position:absolute; width:405px; height:300px; top:222px; left:132px;cursor:pointer; z-index:2222000}

.videobt{
	cursor: pointer; position:absolute; width:100px; left:483px; top:594px; z-index:1254;
}
.videobt:hover{	
	content:url('../images/videoover.png');
}
.videobt:active{	
	content:url('../images/videoactive.png');
}
.playbt{
	cursor: pointer;
	position: absolute;
}
.playbt:hover{	
	content:url('../img/play_overButton.png');
}
.playbt:active{	
	content:url('../img/play_downButton.png');
}
.stopbt{
	cursor: pointer;
}
.stopbt:hover{	
	content:url('../img/stop_overButton.png');
}
.stopbt:active{	
	content:url('../img/stop_downButton.png');
}
.prevbt{
	cursor: pointer;
}
.prevbt:hover{	
	content:url('../img/prev_overButton.png');
}
.prevbt:active{	
	content:url('../img/prev_downButton.png');
}
.nextbt{
	cursor: pointer;
}
.nextbt:hover{	
	content:url('../img/next_overButton.png');
}
.nextbt:active{	
	content:url('../img/next_downButton.png');
}
.pausebt{
	cursor: pointer;
	position: absolute;
}
img{
border:none;
}
.pausebt:hover{	
	content:url('../img/pause_overButton.png');
}
.pausebt:active{	
	content:url('../img/pause_downButton.png');
}

.image1{
	top: 37.5em;
	left: 31em;
}
.videodiv{
	visibility: visible; position:absolute; z-index:22222000; left:-50px;
}
video{	
	position: absolute; 
	left:15.8em;
	top:15.8em;
	z-index: 21;
}