body {
	margin: 0;
	padding: 0;
	font-family:"century gothic", arial, sans-serif;
	}

#container {
	position: absolute;
	width: 700px;
	height: 500px;
	margin: 0 auto;
	background-color: rgb(119,155,146) /*url(jpegs/54321monkeys.jpg)*/;
	}
	
	#page2 #container {
		background-color: rgb(196,219,131) /*url(jpegs/teasing mr. 	alligator.jpg) */;
		}
	
	#page3 #container {
		background-color: rgb(204,235,212) /*url(jpegs/as quiet as can be.jpg)*/;
		}
	
	#page4 #container {
		background: rgb(60,104,91) /*url(jpegs/snapped that monkey.jpg)*/ ;
		}

	#page5 #container {
		background: rgb(143,184,162) /*url(jpegs/rightoutta that tree.jpg)*/ ;
		}
	
#horizontaldots	{
	position: absolute;
	font: 25px "century gothic",arial,sans-serif;
	color: rgb(134,83,87);
	letter-spacing: 8px;
	bottom: 65px;
	left: 0px;
	}	
	
	#page2 #horizontaldots, #horizontaldots2	{
		font-size: 22px;
		color: rgb(70,81,101);
		left: 0px;
		}
	
	#page3 #horizontaldots, #horizontaldots2	{
		position: absolute;
		font-family: "century gothic", arial, sans-serif;
		font-size: 22px;
		color: rgb(74,60,96);
		letter-spacing: 8px;
		left: 0px;
		}
	
		#page3 #horizontaldots	{
			bottom: 301px;
			}	
		
		#page3 #horizontaldots2	{
			bottom: 198px;
			}

	
	#page4 #horizontaldots, #horizontaldots2, #horizontaldots3	{
		font-size: 22px;
		color: rgb(238,111,127);
		left: 0px;
		}
	
		#page4 #horizontaldots	{
			bottom: 124px;
			}	
	
		#page4 #horizontaldots2	{
			bottom: 15px;
			}
	
		#page4 #horizontaldots3	{
			top: 15px;
			}
		

	#page5 #horizontaldots, #horizontaldots1, #horizontaldots2	{
		font-size: 22px;
		color: rgb(124,143,71);
		left: 0px;
		}
	
		#page5 #horizontaldots	{
			left: 0px;
			top: 144px;
			}	
	
		#page5 #horizontaldots1	{
			left: 68px;
			top: 144px;
			}	
	
		#page5 #horizontaldots2	{
			bottom: 75px;
			}
			

#page1 #verticaldots	{
	position: absolute;
	font: 25px/13px "century gothic",arial,sans-serif;
	color: rgb(134,83,87);
	letter-spacing: 0px;
	vertical-align: -500px;
	left: 0px;
	right: 48px;
	}	
	
	#page2 #verticaldots, #verticaldots2, #verticaldots3 {
		position: absolute;
		font: 25px/13px "century gothic",arial,sans-serif;	
		color: rgb(70,81,101);
		letter-spacing: 0px;
		letter-spacing: 0px;
		vertical-align: -500px;
		}

		#page2 #verticaldots	{
			top: 67px;
			right: 21px;
			}	

		#page2 #verticaldots2	{
			bottom: -20px;
			right: 21px;
			}	
	
		#page2 #verticaldots3	{
			bottom: -20px;
			left: 98px;
			}




/*5 LITTLE STARTS*/

#numbers {
	position: absolute;
	line-height: .25em;
	opacity: .4;
	font: 52/40px "century gothic",arial,sans-serif;
	color: rgb(238,111,127);
	top: -54px;
	left: -7px;
	letter-spacing: -19px;
	}

.color5	{
	color: rgb(189,79,90);
	}
	
.color4	{
	color: rgb(51,129,153);
	}

.color3	{
	color: rgb(228,112,153);
	}
	
.color2	{
	color: rgb(79,115,103);
	}
	
.color1	{
	color: rgb(238,111,127);
	}
	
#filittle {
	position: absolute;
	line-height: .25em;
	font: 55px "century gothic",arial,sans-serif;
	color: rgb(227,207,194);
	letter-spacing: -4px;
	top: -25px;
	left: 0px;
	}

#fimonkeys {
	position: absolute;
	line-height: .25em;
	font: 130px "century gothic",arial,sans-serif;
	color: rgb(134,83,87);
	letter-spacing: 2px;
	top: -143px;
	left: 82px;
	}

#fiswinging	{
	position: absolute;
	line-height: .25em;
	font: 55px "century gothic",arial,sans-serif;
	color: rgb(227,207,194);
	letter-spacing: 2px;
	left: 304px;
	top: 42px;
	}

#fiinatree6, #fiinatree5, #fiinatree4,#fiinatree3, #fiinatree1, #fiinatree2	{
	position: absolute;
	line-height: .25em;
	font: 31px "century gothic",arial,sans-serif;
	letter-spacing: 1.5px;
	left: 515px;
	}
	
	#fiinatree6	{
		color: rgb(238,111,127);
		top: 190px;
		}
	
	#fiinatree5	{
		color: rgb(79,115,103);
		top: 178px;
		}

	#fiinatree4	{
		color: rgb(228,112,95);
		top: 164px;
		}

	#fiinatree3	{
		color: rgb(51,129,153);
		top: 150px;
		}	

	#fiinatree1	{
		color: rgb(227,207,194);
		top: 125px;
		}
	
	#fiinatree2	{
		color: rgb(189,79,90);
		top: 138px;
		}

#fiarrow	{
	position: absolute;
	font: 39px "century gothic",arial,sans-serif;
	color: rgb(134,83,87);
	letter-spacing: 2px;
	top: 191px;
	right: 0px;
	}

#fitreetop, #fitreetrunk	{
	position: absolute;
	font: 15px "century gothic",arial,sans-serif;
	font-weight: bold;
	}
	
	#fitreetop	{
		color: rgb(29,89,73);
		letter-spacing: 2px;
		left: 2px;
		top: 82px;
		}

	#fitreetrunk	{
		color: rgb(66,33,11);
		letter-spacing: 1px;
		left: 15px;
		top: 222px;
		}

#filittlemonkeys, #fiteasing, #fialongcame, #fisnapped, #firightout	{ 
	font-size: 23px;
	font-family:"century gothic",arial,sans-serif;
	line-height: 23px;
	word-spacing: -1px;
	left: 1px;
	position: absolute;
	color: rgb(227,207,194);
	letter-spacing: -2px;
	}
	
fia	{
	text-decoration: none;
	}

a:link {
	color: rgb(227,207,194);
	text-decoration: none;
	}
	
a:visited {
	color: rgb(227,207,194);
	text-decoration: none;
	}
	
a:hover	{
	color: rgb(134,83,87);
	text-decoration: none;
	}

a:active {
	color: rgb(238,111,127);
	}
	

	#filittlemonkeys	{
		bottom: 48px;
		}	

	#fiteasing	{
		bottom: 31px;
		}
	
	#fialongcame	{
		bottom: 14px;
		}
	
	#fisnapped	{
		bottom: -3px;
		}	

	#firightout	{
		bottom: -20px;
		}	
	
/* 5 LITTLE END*/
	





	
/*TEASING STARTS*/	
#slittlemonkeys, #steasing, #salongcame, #ssnapped, #srightout	{ 
	font-size: 23px;
	font-family:"century gothic",arial,sans-serif;
	line-height: 23px;
	word-spacing: -1px;
	left: 1px;
	position: absolute;
	color: rgb(148,165,178);
	letter-spacing: -2px;
	}
	
a:link {
	color: rgb(148,165,178);
	text-decoration: none;
	}
	
a:visited {
	color: rgb(148,165,178);
	text-decoration: none;
	}
	
a:hover	{
	color: rgb(70,81,101);
	text-decoration: none;
	}

a:active {
	color: rgb(238,111,127);
	}

	#slittlemonkeys	{
		top: -17px;
		}
	
	#steasing	{
		top: 0px;
		}
	
	#salongcame	{
		top: 17px;
		}
	
	#ssnapped	{
		top: 34px;
		}	

	#srightout	{
		top: 51px;
		}	
	
#cant6, #cant5, #cant4, #cant3, #cant2, #cant1 {
	font-family: "century gothic", arial, sans-serif;
	font-size: 18px;
	letter-spacing: 0px;
	position: absolute;
	left: 222px;
	opacity: 0.4;
	}

	#cant1	{
		color: rgb(148,165,178);
		bottom: 165px;
		opacity: 1;
		}

	#cant6	{
		color: rgb(238,111,127);
		bottom: 157px;
		}
	
	#cant5	{
		color: rgb(79,115,103);
		bottom: 149px;
		}

	#cant4	{
		color: rgb(228,112,95);
		bottom: 141px;
		}

	#cant3	{
		color: rgb(51,129,153);
		bottom: 133px;
		}	
	
	#cant2	{
		color: rgb(189,79,90);
		bottom: 125px;
		}

#smralligator {
	font-family: "century gothic", arial, sans-serif;
	font-size: 60px;
	color: rgb(210,131,114);
	letter-spacing: 1.5px;
	position: absolute;
	left: 112px;
	top: 155px;
	}
	
#smouth {
	font-family: "century gothic", arial, sans-serif;
	font-size: 85px;
	color: rgb(29,89,73);
	letter-spacing: -3px;
	position: absolute;
	left: 365px;
	top: 170px;
	}
	
#steasingmr	{
	color: rgb(148,165,178);
	font-family: "century gothic", arial, sans-serif;
	font-size: 115px;
	letter-spacing: -5px;
	position: absolute;
	left: 104px;
	top: -15px;
	}*/

/*TEASING END*/




/*ALONG CAME STARTS*/
	
#tverticaldots, #tverticaldots2	{
	position: absolute;
	font: 25px/13px "century gothic",arial,sans-serif;
	color: rgb(74,60,96);
	letter-spacing: 0px;
	vertical-align: -500px;
	right: 49px;
	}
	
	#tverticaldots	{
		top: -45px;
		}	

	#tverticaldots2	{
		bottom: -20px;
		}	
	
#tlittlemonkeys, #tteasing, #talongcame, #tsnapped, #trightout	{ 
	font-size: 23px;
	font-family:"century gothic",arial,sans-serif;
	line-height: 23px;
	word-spacing: -1px;
	left: 1px;
	position: absolute;
	color: rgb(206,197,214);
	letter-spacing: -2px;
	}
	
a:link {
	color: rgb(206,197,214);
	text-decoration: none;
	}
	
a:visited {
	color: rgb(206,197,214);
	text-decoration: none;
	}
	
a:hover	{
	color: rgb(74,60,96);
	text-decoration: none;
	}

a:active {
	color: rgb(189,79,90);
	}

	#tlittlemonkeys	{
		bottom: 280px;
		}
	
	#tteasing	{
		bottom: 263px;
		}
	
	#talongcame	{
		bottom: 246px;
		}
	
	#tsnapped	{
		bottom: 229px;
		}	

	#trightout	{
		bottom: 212px;
		}	
	
#ttreetop1, #ttreetrunk1, #ttreetop2, #ttreetrunk2, #ttreetop3, #ttreetrunk3	{
	position: absolute;
	font-size: 15px;
	font-family: "century gothic", arial, sans-serif;
	font-weight: bold;
	opacity: 0.5;
	}
	
	#ttreetop1	{
		color: rgb(29,89,73);
		letter-spacing: 2px;
		left: 0px;
		top: -25px;
		}

	#ttreetrunk1	{
		color: rgb(66,33,11);
		letter-spacing: 1px;
		left: 13px;
		top: 115px;
		}
	
	#ttreetop2	{
		color: rgb(29,89,73);
		letter-spacing: 2px;
		left: 500px;
		top: -95px;
		}

	#ttreetrunk2	{
		color: rgb(66,33,11);
		letter-spacing: 1px;
		left: 513px;
		top: 45px;
		}
	
	#ttreetop3	{
		color: rgb(29,89,73);
		letter-spacing: 2px;
		left: 240px;
		top: 10px;
		}

	#ttreetrunk3	{
		color: rgb(66,33,11);
		letter-spacing: 1px;
		left: 253px;
		top: 153px;
		}
	
#along6, #along5, #along4, #along3, #along2, #along1 {
	font-family: "century gothic", arial, sans-serif;
	font-size: 18px;
	letter-spacing: 0px;
	position: absolute;
	left: 10px;
	opacity: 0.4;
	}
	
	#along6	{
		color: rgb(238,111,127);
		bottom: 87px;
		}
	
	#along5	{
		color: rgb(79,115,103);
		bottom: 79px;
		}

	#along4	{
		color: rgb(228,112,95);
		bottom: 70px;
		}

	#along3	{
		color: rgb(51,129,153);
		bottom: 61px;
		}	
		
	#along1	{
		color: rgb(206,197,214);
		bottom: 42px;
		opacity: 1;
		}
	
	#along2	{
		color: rgb(189,79,90);
		bottom: 52px;
		}

#tmralligator {
	font-family: "century gothic", arial, sans-serif;
	font-size: 75px;
	color: rgb(189,79,90);
	letter-spacing: 1.5px;
	position: absolute;
	left: 118px;
	bottom:-29px;
	}

#tas	{
	font-family: "century gothic", arial, sans-serif;
	font-size: 51px;
	color: rgb(206,197,214);
	letter-spacing: 0px;
	position: absolute;
	left: 5px;
	bottom: -36px;
	}
	
#tquiet	{
	font-family: "century gothic", arial, sans-serif;
	font-size: 18px;
	color: rgb(51,129,153);
	position: absolute;
	left: 61px;
	bottom: 3px;
	}
	
#tascanbe	{
	font-family: "century gothic", arial, sans-serif;
	font-size: 51px;
	color: rgb(206,197,214);
	letter-spacing: 0px;
	position: absolute;
	left: 110px;
	bottom: -36px;
	}
	
#tmouth {
	font-family: "century gothic", arial, sans-serif;
	font-size: 80px;
	color: rgb(79,115,103);
	letter-spacing: 1.5px;
	position: absolute;
	left: 387px;
	bottom:-90px;
	}*/
	
/*ALONG CAME END*/





/*SNAPPED THAT MONKEY*/
#fverticaldots, #fverticaldots2	{
	position: absolute;
	font: 25px/13px "century gothic",arial,sans-serif;
	color: rgb(238,111,127);
	letter-spacing: 0px;
	vertical-align: -500px;
	right: 175px;
	}
	
	#fverticaldots	{
		bottom: -15px;
		}	

	#fverticaldots2	{
		top: 20px;
		}	

#flittlemonkeys, #fteasing, #falongcame, #fsnapped, #frightout	{ 
	font-size: 23px;
	font-family:"century gothic",arial,sans-serif;
	line-height: 23px;
	word-spacing: -1px;
	left: 1px;
	position: absolute;
	color: rgb(243,188,197);
	letter-spacing: -2px;
	}

a:link {
	color: rgb(243,188,197);
	text-decoration: none;
	}
	
a:visited {
	color: rgb(243,188,197);
	text-decoration: none;
	}
	
a:hover	{
	color: rgb(238,111,127);
	text-decoration: none;
	}

a:active {
	color: rgb(196,219,131);
	}

	#flittlemonkeys	{
		bottom: 100px;
		}
	
	#fteasing	{
		bottom: 83px;
		}
	
	#falongcame	{
		bottom: 66px;
		}
	
	#fsnapped	{
		bottom: 49px;
		}	

	#frightout	{
		bottom: 32px;
		}	
	
#monkey6, #monkey5, #monkey4, #monkey3, #monkey2, #monkey1 {
	font-family: "century gothic", arial, sans-serif;
	font-size: 39px;
	letter-spacing: 0px;
	position: absolute;
	right: 10px;
	opacity: 0.4;
	}

	#monkey1	{
		color: rgb(243,188,197);
		top: -26px;
		opacity: 1;
		}

	#monkey2	{
		color: rgb(189,79,90);
		top: -10px;
		}
	
	#monkey6	{
		color: rgb(238,111,127);
		top: 8px;
		}
	
	#monkey5	{
		color: rgb(148,165,178);
		top: 18px;
		}

	#monkey4	{
		color: rgb(228,112,95);
		top: 28px;
		}

	#monkey3	{
		color: rgb(51,129,153);
		top: 40px;
		}	
	
#fmouth {
	font-family: "century gothic", arial, sans-serif;
	font-size: 85px;
	font-style: italic;
	color: rgb(212,221,204);
	letter-spacing: -3px;
	position: absolute;
	left: 205px;
	top: 15px;
	}
	
#fsnappedthat {
	font-family: "century gothic", arial, sans-serif;
	font-size: 90px;
	color: rgb(196,219,131);
	letter-spacing: -3px;
	position: absolute;
	left: 80px;
	top: -68px;
	}

#fthat {
	font-family: "century gothic", arial, sans-serif;
	font-size: 39px;
	color: rgb(243,188,197);
	letter-spacing: 0px;
	position: absolute;
	right: 178px;
	top: -25px;
	}
	
#fandsnapped {
	font-family: "century gothic", arial, sans-serif;
	font-size: 39px;
	color: rgb(243,188,197);
	letter-spacing: 0px;
	position: absolute;
	left: 35px;
	top: -25px;
	}
	
#fstar {
	font-family: "century gothic", arial, sans-serif;
	font-size: 80px;
	color: rgb(238,111,127);
	letter-spacing: 0px;
	position: absolute;
	left: 60px;
	top: -35px;
	}*/
	
/*SNAPPED END*/





/*RIGHT OUT START*/

#zverticaldots3	{
	position: absolute;
	font: 25px/13px "century gothic",arial,sans-serif;
	color: rgb(124,143,71);
	letter-spacing: 0px;
	vertical-align: -500px;
	top: -45px;
	left: 56px;
	}	
	
#zlittlemonkeys, #zteasing, #zalongcame, #zsnapped, #zrightout	{ 
	font-size: 23px;
	font-family:"century gothic",arial,sans-serif;
	line-height: 23px;
	word-spacing: -1px;
	left: 1px;
	position: absolute;
	color: rgb(196,219,131);
	letter-spacing: -2px;
	}
	
a:link {
	color: rgb(196,219,131);
	text-decoration: none;
	}
	
a:visited {
	color: rgb(196,219,131);
	text-decoration: none;
	}
	
a:hover	{
	color: rgb(124,143,71);
	text-decoration: none;
	}

a:active {
	color: rgb(51,129,153);
	}

	#zlittlemonkeys	{
		bottom: 51px;
		}
	
	#zteasing	{
		bottom: 34px;
		}
	
	#zalongcame	{
		bottom: 17px;
		}
	
	#zsnapped	{
		bottom: 0px;
		}	

	#zrightout	{
		bottom: -17px;
		}	
	
#right5, #right4, #right3, #right2, #right1 {
	font-family: "century gothic", arial, sans-serif;
	font-size: 35px;
	letter-spacing: 0px;
	position: absolute;
	left: 95px;
	opacity: 0.4;
	}
	
	#right1	{
		color: rgb(189,79,90);
		top: 62px;
		}
	
	#right5	{
		color: rgb(79,115,103);
		top: 46px;
		}

	#right4	{
		color: rgb(228,112,95);
		top: 36px;
		}

	#right3	{
		color: rgb(51,129,153);
		top: 26px;
		}	
	
	#right2	{
		color: rgb(238,111,127););
		top: 16px;
		}

#zright	{
	position: absolute;
	font: 35px "century gothic",arial,sans-serif;
	color: rgb(196,219,131);
	letter-spacing: 0px;
	vertical-align: -500px;
	top: 72px;
	left: 95px;
	}	
	
#ztree	{
	position: absolute;
	font: 120px "century gothic",arial,sans-serif;
	color: rgb(51,129,153);
	letter-spacing: -5px;
	vertical-align: -500px;
	bottom: 120px;
	left: 212px;
	}	
	
#zofthat	{
	position: absolute;
	font: 30px "century gothic",arial,sans-serif;
	color: rgb(196,219,131);
	letter-spacing: 0px;
	vertical-align: -500px;
	top: 102px;
	left: 240px;
	}	

#ztreetop, #ztreetrunk	{
	position: absolute;
	font: 18px "century gothic",arial,sans-serif;
	font-weight: bold;
	}
	
	#ztreetop	{
		color: rgb(29,89,73);
		letter-spacing: 2px;
		right: 6px;
		top: -12px;
		}

	#ztreetrunk	{
		color: rgb(66,33,11);
		letter-spacing: 1px;
		right: 76px;
		top: 166px;
		}

#zarrow	{
	position: absolute;
	font: 25px/13px "century gothic",arial,sans-serif;
	color: rgb(124,143,71);
	letter-spacing: 2px;
	top: 152px;
	right: 120px;
	}
	*/
/*RIGHT OUT END*/