body {
	background-image: url(../images/sky.jpg);
	overflow: hidden;
}

#design {
	z-index: 3;
	position: absolute;
	top: 25%;
	right: 4%;
	background-image: url(images/title.png);
	height: 168px;
	width: 246px;
}

#albumart {
	z-index: 3;
	position: absolute;
	top: 8%;
	left: 3%;
	background-image: url(images/albumart.png);
	height: 284px;
	width: 266px;
}

#albumart:hover {
	background-image: url(images/albumartc.png);
}

#allround {
	z-index: 3;
	right: 18.5%;
	position: absolute;
	top: 2%;
	background-image: url(images/allround.png);
	height: 127px;
	width: 166px;
}

#allround:hover {
	background-image: url(images/allroundc.png);
}

#bookcovers {
	z-index: 3;
	position: absolute;
	bottom: 3%;
	left: 16%;
	background-image: url(images/bookcovers.png);
	height: 324px;
	width: 291px;
}

#bookcovers:hover {
	background-image: url(images/bookcoversc.png);
}

#more {
	z-index: 3;
	position: absolute;
	right: 1%;
	bottom: 2%;
	background-image: url(images/more.png);
	height: 276px;
	width: 350px;
}


#more:hover {
	background-image: url(images/morec.png);
}

#websites {
	z-index: 3;
	right: 28%;
	position: absolute;
	top: 29%;
	background-image: url(images/websites.png);
	height: 361px;
	width: 282px;
}

#websites:hover {
	background-image: url(images/websitesc.png);
}

#boat1 {
	z-index: 2;

	right: 1%;
	top: 1%;
	height: 79px;
	width: 104px;
	position: absolute;
	background-image: url(images/boat1.png);
}

#boat2 {
	z-index: 2;

	top: 4%;
	left: 50%;
	height: 137px;
	width: 106px;
	position: absolute;
	background-image: url(images/boat2.png);
}

#boat3 {
	z-index: 2;

	top: 7%;
	left: 34%;
	height: 229px;
	width: 131px;
	position: absolute;
	background-image: url(images/boat3.png);
}

#boat4 {
	z-index: 2;

	top: 50%;
	left: 2%;
	height: 277px;
	width: 138px;
	position: absolute;
	background-image: url(images/boat4.png);
}

#boat5 {
	display: none;
	z-index: 2;

	right: 40%;
	bottom: 5%;
	height: 126px;
	width: 69px;
	position: absolute;
	background-image: url(images/boat5.png);
}

#star1 {
	z-index: 2;
	position: absolute;
	left: 2%;
	bottom: 8%;
	height: 22px;
	width: 20px;
	background-image: url(images/star1.png);
}

#star2 {
	z-index: 2;
	position: absolute;
	left: 9%;
	bottom: 9%;
	height: 16px;
	width: 17px;
	background-image: url(images/star2.png);
}

#star3 {
	z-index: 2;
	position: absolute;
	left: 6%;
	bottom: 10%;
	height: 16px;
	width: 17px;
	background-image: url(images/star2.png);
}

#star4 {
	z-index: 2;
	position: absolute;
	left: 6.3%;
	bottom: 14.5%;
	height: 16px;
	width: 17px;
	background-image: url(images/star2.png);
}

#star5 {
	z-index: 2;
	position: absolute;
	left: 15%;
	bottom: 8%;
	height: 13px;
	width: 13px;
	background-image: url(images/star3.png);
}

#star6 {
	z-index: 2;
	position: absolute;
	left: 15%;
	bottom: 20%;
	height: 9px;
	width: 9px;
	background-image: url(images/star4.png);
}

#star7 {
	z-index: 2;
	position: absolute;
	left: 21%;
	bottom: 23%;
	height: 9px;
	width: 9px;
	background-image: url(images/star4.png);
}

#star8 {
	z-index: 2;
	position: absolute;
	left: 13%;
	bottom: 3%;
	height: 16px;
	width: 17px;
	background-image: url(images/star2.png);
}

#star9 {
	z-index: 2;
	position: absolute;
	left: 20%;
	bottom: 8%;
	height: 32px;
	width: 32px;
	background-image: url(images/star5.png);
}

#star10 {
	z-index: 2;
	position: absolute;
	right: 40%;
	bottom: 3%;
	height: 32px;
	width: 32px;
	background-image: url(images/star5.png);
}

#star11 {
	z-index: 2;
	position: absolute;
	left: 32%;
	bottom: 44%;
	height: 32px;
	width: 32px;
	background-image: url(images/star5.png);
}


#con1 {
	z-index: 2;
	position: absolute;
	right: 2%;
	top: 2%;
	background-image: url(images/con1.png);
	height: 86px;
	width: 214px;
}

#con2 {
	z-index: 2;
	top: 25%;
	left: 47%;
	position: absolute;
	background-image: url(images/con2.png);
	height: 82px;
	width: 74px;
}

#con3 {
	z-index: 2;
	top: 1%;
	left: 1%;
	position: absolute;
	background-image: url(images/con3.png);
	height: 406px;
	width: 277px;
}

#con4 {
	z-index: 2;
	top: 2%;
	left: 48%;
	position: absolute;
	background-image: url(images/con4.png);
	height: 337px;
	width: 248px;
}

#con5 {
	z-index: 2;
	bottom: -1%;
	right: 12%;
	position: absolute;
	background-image: url(images/con5.png);
	height: 208px;
	width: 611px;
}

#con6 {
	z-index: 2;
	bottom: 14%;
	right: 40%;
	position: absolute;
	background-image: url(images/con6.png);
	height: 429px;
	width: 498px;
}

#star12 {
	z-index: 2;
	background-image: url(images/star6.png);
	position: absolute;
	right: 27%;
	top: 5%;
	height: 6px;
	width: 6px;
}


#mainpage {
	z-index: 5;
	left: -8px;
	bottom: -28px;
	position: fixed;
	background-image: url(../images/mainpage.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 200px;
}

#mainpage:hover {
	background-position: 0 -100px;
}

#c1 {
	z-index: 4;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	height: 100%;
	width: 100%;
}

#allroundW {
	left: 0px;
	top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height: 100%;
	width: 100%;
	z-index: 5;
	position: absolute;
	display: none;
	vertical-align: middle;
}

#allroundcovers {
	z-index: 5;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 25px;
	height: 250px;
	width: 592px;
	background-image: url(images/allroundcovers.jpg);
}

#allroundleaf {
	z-index: 5;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: -60px;
	background-image: url(images/allroundleaf.png);
	height: 550px;
	width: 900px;
}

#moreW {
	height: 100%;
	width: 100%;
	text-align: center;
	z-index: 5;
	position: absolute;
	display: none;
	vertical-align: middle;
}

#blissbook {
	z-index: 6;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 5%;
	left: 5%;
	width: 768px;
	height: 458px;
	background-image: url(images/blissbook.png);
}

#blissleaf {
	z-index: 6;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	bottom: 4%;
	right: 4%;
	background-image: url(images/blissleaf.png);
	height: 283px;
	width: 283px;
}

#bookcoversW {
	text-align: center;
	height: 100%;
	width: 768px;
	z-index: 5;
	position: relative;
	display: none;
	vertical-align: middle;
}

#websitesW {
	width: 100%;
	height: 100%;
	z-index: 5;
	position: fixed;
	display: none;
	vertical-align: middle;
}

#albumartW {
	text-align: center;
	height: 100%;
	width: 100%;
	z-index: 5;
	position: fixed;
	display: none;
	vertical-align: middle;
}

#websitesleaf {
	z-index: 6;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/websitesleaf.png);
	height: 475px;
	width: 921px;
}

#tlhcover {
	z-index: 6;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 4%;
	left: 4%;
	background-image: url(images/tlhcover.png);
	height: 491px;
	width: 672px;
}

#tlhleaf {
	z-index: 6;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	bottom: 4%;
	right: 4%;

	margin-right: auto;
	margin-left: auto;
	background-image: url(images/tlhleaf.png);
	height: 500px;
	width: 337px;
}

#album-tbg {
	z-index: 6;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: -2%;
	left: -2%;
	background-image: url(images/album-tbg.png);
	height: 696px;
	width: 737px;
}

#album-tbgleaf {
	z-index: 6;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	bottom: 4%;
	right: 4%;

	margin-right: auto;
	margin-left: auto;
	background-image: url(images/album-tbgleaf.png);
	height: 291px;
	width: 661px;
}