/*START CONTENT*/
body {
	margin: 0;
	padding: 0;
	}
	
/*START UP_THE_HILL*/

#container { /*SAME ON UP_A_HILL, FETCH_A_PAIL, BROKE_HIS_CROWN */
	position: relative;
	width: 800px;
	height: 600 px;
	margin: 0 auto;
	} 

#and {
	position: absolute;
	top: 107px;
	left: 90px;
	width: 100px;
	height: 100px;
	font: 163px Georgia, Times, serif;
	color: rgb(160,149,152);
	}
	
#banner1 {
	position: absolute;
	top: 131px;
	left: 34px;
	width: 765px;
	height: 55px;
	background-color: rgb(232,227,126);
	opacity: .75;
	}
	
#banner2 {
	position: absolute;
	top: 243px;
	left: 0px;
	width: 800px;
	height: 55px;
	background-color: rgb(241,99,87);
	opacity: .75;
	}
	

#jack {
	position: absolute;
	top: -11px;
	left: 37px;
	width: 420px;
	height: 175px;
	font: 210px Georgia, Times, serif;
	letter-spacing: -1.5px;
	}
	
#jill {
	position: absolute;
	top: 162px;
	left: 127px;
	width: 420px;
	height: 175px;
	font: 210px Georgia, Times, serif;
	letter-spacing: -1.5px;
	}
	
#hill {
	position: absolute;
	top: 350px;
	left: 104px;
	width: 700px;
	height: 100px;
	font: 87px Georgia, Times, serif;
	color: rgb(232,227,126);
	}
	
#links1 {
	position: absolute;
	top: 450px;
	left: 472px;
	}

.page1 {
	font: 24px Georgia, Times, serif;
	color: black;
	}
	
a:link {
	color: rgb(241,99,106);
	text-decoration: none;
	}
	
a:visited {
	color: rgb(241,99,106);
	text-decoration: none;
	}
	
a:hover {
	color: rgb(249,167,117);
	text-decoration: none;
	}
	
a:active {
	color: rgb(96,83,87);
	text-decoration: none;
	}
	
.Jack1 {
	color: rgb(96,83,87);
	}
	
/* END UP_THE_HILL */






/* START FETCH_A_PAIL */

	
#to {
	position: absolute;
	top: -43px;
	left: 0px;
	width: 200px;
	height: 250px;
	font: 150px Georgia, Times, serif;
	letter-spacing: -1px;
	color: rgb(206,224,130)
	}
	
#fetch {
	position: absolute;
	top: 70px;
	left: 0px;
	width: 400px;
	height: 200px;
	font: 150px Georgia, Times, serif;
	letter-spacing: -2px;
	color: rgb(232,227,126);
	}
	
#a1 {
	position: absolute;
	top: 144px;
	left: -5px;
	width: 150px;
	height: 100px;
	font: 150px Georgia, Times, serif;
	color: rgb(249,167,117);
	}
	
#pail {
	position: absolute;
	top: 218px;
	left: -1.5px;
	width: 300px;
	height: 100px;
	font: 150px Georgia, Times, serif;
	letter-spacing: -2px;
	color: rgb(249,167,117);
	}
	
#of {
	position: absolute;
	top: 325px;
	left: -4px;
	width: 200px;
	height: 100px;
	font: 150px Georgia, Times, serif;
	letter-spacing: -2px;
	color: rgb(241,99,106);
	}
	
#water {
	position: absolute;
	top: 398px;
	left: 1px;
	width: 200px;
	height: 100px;
	font: 150px Georgia, Times, serif;
	letter-spacing: -2px;
	color: rgb(96,83,87);
	}
	
#backtexture {
	width: 800px;
	height: 600px;
	overflow: hidden;
	font-size: 10px;
	letter-spacing: -2px;
	opacity: .25;
	color: rgb(96,83,87)
	}
	
#corner {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 0px;
	height: 0px;
	border: 300px solid transparent;
	border-right: 245px solid white;
	border-bottom: 300px solid white;
	border-left: 245px solid transparent;
	}
	
#parent:hover #bucket {
	visibility:visible;
	}
	
#parent:hover #r {
	visibility:hidden;
	}
	
#bucket {
	position: absolute;
	top: 467px;
	left: 304px;
	width: 200px;
	height: 100px;
	letter-spacing: -11px;
	color: rgb(160,149,152);
	font: 75px Arial, sans-serif;
	visibility: hidden;
	}
	
#drops {
	position: absolute;
	top: 25px;
	left: -25px;
	font: 20px Arial, sans-serif;
	letter-spacing: 0px;
	color: rgb(39,170,225)
	}
#r {
	position: absolute;
	top: 398px;
	left: 304px;
	width: 200px;
	height: 100px;
	font: 150px Georgia, Times, serif;
	letter-spacing: -2px;
	color: rgb(96,83,87);
	}
	
	
/* END FETCH_A_PAIL */






/* START FELL_DOWN */
	
#container1 {
	position: relative;
	width: 800px;
	height: 600px;
	margin: 0 auto;
	background: rgb(96,83,87);
	}
	
#j {
	position: absolute;
	top: -38px;
	left: 23px;
	width: 100px;
	height: 100px;
	}
	
#a {
	position: absolute;
	top: -90px;
	left: 102px;
	width: 100px;
	height: 100px;
	}
	
#c {
	position: absolute;
	top: -30px;
	left: 205px;
	width: 0px;
	height: 100px;
	}
	
#k {
	position: absolute;
	top: -20px;
	left: 292px;
	width: 100px;
	height: 100px;
	}
	
#f {
	position: absolute;
	top: 0px;
	left: 483px;
	width: 0px;
	height: 100px;
	}
	
#e {
	position: absolute;
	top: 3px;
	left: 523px;
	width: 100px;
	height: 100px;
	}
	
#l1 {
	position: absolute;
	top: -20px;
	left: 615px;
	width: 100px;
	height: 100px;
	}

#l2 {
	position: absolute;
	top: 1px;
	left: 646px;
	width: 100px;
	height: 100px;
	}
	
#d {
	position: absolute;
	top: 179px;
	left: 16px;
	width: 100px;
	height: 100px;
	}
	
#o {
	position: absolute;
	top: 168px;
	left: 122px;
	width: 0px;
	height: 100px;
	}
	
#w {
	position: absolute;
	top: 191px;
	left: 192px;
	width: 0px;
	height: 0px;
	}
	
#n {
	position: absolute;
	top: 172px;
	left: 348px;
	width: 0px;
	height: 0px;
	}
	
.pink {
	font: 280px Georgia, Times, serif;
	color: rgb(241,99,106);
	}	
	
.green {
	font: 280px Georgia, Times, serif;
	color: rgb(206,224,130);
	}
	
.orange {
	font: 280px Georgia, Times, serif;
	color: rgb(249,167,117);
	}
	
.yellow {
	font: 280px Georgia, Times, serif;
	color: rgb(232,227,126);
	}
	
.green:hover {
	color: rgb(249,167,117);
	}
	
.orange:hover {
	color: rgb(232,227,126);
	}
	
.yellow:hover {
	color: rgb(249,167,117);
	}
	
/* END FELL_DOWM */






/* START BROKE_HIS_CROWN */

	
#broke {
	position: absolute;
	top: 380px;
	left: 19px;
	width: 700px;
	height: 100px;
	font: 72px Georgia, Times, serif;
	color: rgb(249,167,117);
	}
	
#banner3 {
	position: absolute;
	top: 446px;
	left: 0px;
	width: 800px;
	height: 118px;
	background-color: rgb(232,227,126);
	opacity: .85;
	}

#backtext {
	width: 800px;
	height: 600px;
	overflow: hidden;
	font-size: 14px;
	text-align: justify;
	color: rgb(96,83,87);
	opacity: .25;
	}
	
/* END BROKE_HIS_CROWN */






/* START TUMBLING_AFTER */
	
#container2 {
	position: relative;
	width: 800px;
	height: 600px;
	margin: 0 auto;
	background: rgb(96,83,87);
	}
	
#and1 {
	position: absolute;
	top: 150px;
	left: 20px;
	width: 400px;
	height: 400px;
	font: 155px Georgia, Times, serif;
	opacity: .75;
	}
	
#jill1 {
	position: absolute;
	top: 150px;
	left: 232px;
	width: 400px;
	height: 400px;
	font: 155px Georgia, Times, serif;
	opacity: .75;
	}
	
#came {
	position: absolute;
	top: 150px;
	left: 420px;
	width: 400px;
	height: 400px;
	font: 155px Georgia, Times, serif;
	opacity: .75;
	}
	
#tumbling {
	position: absolute;
	top: 220px;
	left: 26px;
	width: 400px;
	height: 400px;
	font: 165px Georgia, Times, serif;
	opacity: .75;
	}
	
#after {
	position: absolute;
	top: 300px;
	left: 20px;
	width: 400px;
	height: 400px;
	font: 165px Georgia, Times, serif;
	opacity: .75;
	}
	
.green1 {
	color: rgb(206,224,130)
	}
	
.pink1 {
	color: rgb(241,99,106)
	}
	
.yellow1 {
	color: rgb(232,227,126)
	}
	
.orange1 {
	color: rgb(249,167,117)
	}