body {
    background-color: #ccf5f5;
	position: relative;
	z-index: 1;
	background-position: center;
}
#main {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
} 


div {
	text-align: center;

}


p {
	color: #79AAAB;
	text-align: center;
	font-size: 22px;
	border-bottom:  3px solid white;
	padding: 15px;
}

/******************penguin1************************/

.penguin1 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url("../images/mound_1.png");
}
.penguin1:hover {
    background-image:url("../images/mound_1_hover.png");
    cursor: pointer;
}
.penguin1:active {
    background-image:url("../images/penguin_1.png");
}

/******************penguin2************************/
.penguin2 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url("../images/mound_2.png");
}
.penguin2:hover {
    background-image:url("../images/mound_2_hover.png");
    cursor: pointer;
}
.penguin2:active {
    background-image:url("../images/penguin_2.png");
}

/******************penguin3************************/
.penguin3 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url("../images/mound_3.png");
}
.penguin3:hover {
    background-image:url("../images/mound_3_hover.png");
    cursor: pointer;
}
.penguin3:active {
    background-image:url("../images/penguin_3.png");
}

/******************penguin4************************/
.yeti {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url("../images/mound_4.png");
}
.yeti:hover {
    background-image:url("../images/mound_4_hover.png");
    cursor: pointer;
}
.yeti:active {
    background-image:url("../images/yeti.png");
}

/******************penguin5************************/
.penguin5 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url("../images/mound_5.png");
}
.penguin5:hover {
    background-image:url("../images/mound_5_hover.png");
    cursor: pointer;
}
.penguin5:active {
    background-image:url("../images/penguin_5.png");
}

/******************penguin6************************/
.penguin6 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url("../images/mound_6.png");
}
.penguin6:hover {
    background-image:url("../images/mound_6_hover.png");
    cursor: pointer;
}
.penguin6:active {
    background-image:url("../images/penguin_6.png");
}

/******************penguin7************************/
.penguin7 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url("../images/mound_7.png");
}
.penguin7:hover {
    background-image:url("../images/mound_7_hover.png");
    cursor: pointer;
}
.penguin7:active {
    background-image:url("../images/penguin_7.png");
}

/******************penguin8************************/
.penguin8 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url("../images/mound_8.png");
}
.penguin8:hover {
    background-image:url("../images/mound_8_hover.png");
    cursor: pointer;
}
.penguin8:active {
    background-image:url("../images/penguin_8.png");
}

/******************penguin9************************/
.penguin4 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url("../images/mound_9.png");
}
.penguin4:hover {
    background-image:url("../images/mound_9_hover.png");
    cursor: pointer;
}
.penguin4:active {
    background-image:url("../images/penguin_4.png");
}