body
{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color: white;
	background-image: url('imgs/water.jpeg');
}

#sky1
{
	margin: 0;
	padding: 0;
	height: 200px;
	width: 100%;
	background-image: url('imgs/sky1.jpg');
}

#sky2
{
	margin: 0;
	padding: 0;
	height:170px;
	width: 100%;
	background-image: url('imgs/sky2.jpg');
	position: fixed;
	top: 200px;
}

#sunglare
{
	margin: 0;
	padding: 0;
	height: 370px;
	width: 500px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1;
}

#horizonisland
{
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 2;
	top: 302px;
	right: -10%;
}

#clusterislands
{
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 4;
	top: 240px;
	left: 410px;
}

#roundislands
{
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 3;
	top: 160px;
	left: -20%;
}

#treeleft
{
	margin: 0;
	padding: 0;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9;
}

#pinkflower
{
	margin: 0;
	padding: 0;
	position: fixed;
	right: 90px;
	top: 300px;
	z-index: 7;
}

#treeright
{
	margin: 0;
	padding: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 7;
}

#colorcones
{
	margin: 0;
	padding: 0;
	position: fixed;
	right: -20%;
	top: 400px;
	z-index: 7;
}

#birds
{
margin: 0;
padding: 0;
position: fixed;
top: 10%;
left: 20%;
z-index: 8;
}



#boatbow
{
margin: 0;
padding: 0;
position: fixed;
bottom: -50%;
left: -20%;
z-index: 10;
}