body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 26px;
}

h2 {
	font-size: 20px;
	font-weight: bold;
}

.activity {
	position: relative;
	width: 1024px;
	height: 674px;
	overflow: hidden;
}

.bg {
	position: absolute;
	width: 1024px;
	height: 674px;
	background-image: url(../images/bg.png);
}

.astronaut {
	position: absolute;
	left: 806px;
	top: 79px;
	width: 176px;
	height: 185px;
	background-image: url(../images/astronaut.png);
}

.astronaut2 {
	position: absolute;
	left: 806px;
	top: 379px;
	width: 185px;
	height: 176px;
	background-image: url(../images/astronaut2.png);
	display: none;
}

.clouds {
	position: absolute;
	left: 573px;
	top: 171px;
	width: 113px;
	height: 70px;
	background-image: url(../images/clouds.png);
}

.buttons {
	position: absolute;
	left: 0;
	top: 0;
}

.a {
	position: absolute;
	left: 498px;
	top: 293px;
	width: 57px;
	height: 56px;
	/*background-image: url(../images/a.png);*/
	background-size: 100% 100%;
	cursor: pointer;
}

.b {
	position: absolute;
	left: 600px;
	top: 293px;
	width: 57px;
	height: 56px;
	/*background-image: url(../images/b.png);*/
	background-size: 100% 100%;
	cursor: pointer;
}

.c {
	position: absolute;
	left: 701px;
	top: 293px;
	width: 57px;
	height: 56px;
	/*background-image: url(../images/c.png);*/
	background-size: 100% 100%;
	cursor: pointer;
}

.a img,
.b img,
.c img {
	width: 100%;
	height: 100%;
}

.text {
	position: absolute;
	left: 44px;
	top: 80px; /* 101 */
	width: 260px;
}

.continents {
	position: absolute;
	left: -569px;
	top: 105px;
	/*width: 1972px;*/ /* 986 * 2 */
	width: 1726px; /* 863 * 2 */
	height: 506px;
	background-image: url(../images/continents.png);
}

.globe {
	position: absolute;
	left: 331px;
	top: 105px;
	width: 507px;
	height: 506px;
	background-image: url(../images/globe.png);
}

.atmosphere {
	position: absolute;
	left: 331px;
	top: 105px;
	width: 507px;
	height: 506px;
	background-image: url(../images/atmosphere.png);
}

#text2a, 
#text2b, 
#text4, 
#text5, 
#text5a,
#text5b,
#text6,
#text7,
#text7a,
#text7b {
	display: none;
}

.arrow1 {
	position: absolute;
	left: 605px;
	top: 216px;
	width: 48px;
	height: 83px;
	background-image: url(../images/arrow1.png);
	display: none;
}


.arrows {
	position: absolute;
	left: 535px;
	top: 410px;
	width: 188px;
	height: 87px;
	background-image: url(../images/arrows.png);
	display: none;
}

.previous {
	position: absolute;
	left: 27px;
	top: 565px;
	width: 62px;
	height: 61px;
	background-image: url(../images/previous.png);
	cursor: pointer;
	display: none;
}

.replay {
	position: absolute;
	left: 103px;
	top: 566px;
	width: 131px;
	height: 57px;
	background-image: url(../images/replay.png);
	cursor: pointer;
	display: none;
}

.next {
	position: absolute;
	left: 246px;
	top: 565px;
	width: 62px;
	height: 61px;
	background-image: url(../images/next.png);
	cursor: pointer;
	display: none;
}

.rotation {
	position: absolute;
	left: 544px;
	top: 60px;
	width: 93px;
	height: 33px;
	background-image: url(../images/rotation.png);
	display: none;
}

.start {
	position: absolute;
	left: 326px;
	top: 82px;
	width: 131px;
	height: 57px;
	background-image: url(../images/start.png);
	cursor: pointer;
	display: none;
}

.arrow2 {
	position: absolute;
	/*left: 558px;*/
	left: 650px;
	top: 220px;
	width: 99px;
	height: 87px;
	background-image: url(../images/arrow2.png);
	display: none;
}

.arrow3 {
	position: absolute;
	left: 605px;
	top: 350px;
	width: 48px;
	height: 83px;
	background-image: url(../images/arrow3.png);
	display: none;
}

.arrow4 {
	position: absolute;
	left: 650px;
	top: 410px;
	width: 99px;
	height: 87px;
	background-image: url(../images/arrow4.png);
	display: none;
}

.underline {
	text-decoration: underline;
}