* {
   padding:0;
   margin:0;
}

.bg {
height:100%;
width:100%;
z-index:-1000;
position:fixed;
top:0px;
left:0px;
}

.banner {
width:342px;
height:175px;
background-image:url(images/banner.png);
background-repeat:no-repeat;
position:absolute;
top:20px;
left:20px;
z-index:15;
}

/*First button*/
.btn1 {
position:absolute;
left:630px;
bottom:5%;
height:103px;
width:80px;
background-image:url(images/doggy.png);
background-repeat:no-repeat;
cursor:pointer;

}



.btn1:hover div{
display:block;
width:455px;
height:350px;
background-image:url(images/grassbg.jpg);
background-repeat:no-repeat;
border-color:#006600;
border:solid;
}

.divcont {
color:#009900;
font-size:30px;
padding-top:35px;
padding-left:25px;
padding-right:20px;
height:350px;
width:455px;
position:fixed;
top:230px;
left:-510px;
background-image:url(images/grassbg.jpg);
background-repeat:no-repeat;
border-color:#006600;
border:solid;
}



/*Second button*/
.btn2 {
position:absolute;
left:710px;
top:20%;
height:182px;
width:150px;
background-image:url(images/balloon.png);
background-repeat:no-repeat;
cursor:pointer;
}



.btn2:hover div{
display:block;
width:455px;
height:350px;
border:solid;
background-image:url(images/grassbg2.jpg);
background-repeat:no-repeat;
}

.divcont2 {
color:#009900;
font-size:30px;
padding-top:25px;
padding-left:25px;
padding-right:20px;
height:350px;
width:455px;
position:fixed;
top:230px;
left:-510px;
background-image:url(images/grassbg2.jpg);
background-repeat:no-repeat;
border-color:#006600;
border:solid;
}

/*Third Button */
.btn3 {
position:absolute;
left:1000px;
bottom:1%;
height:515px;
width:185px;
background-image:url(images/liberty.png);
background-repeat:no-repeat;
cursor:pointer;
}


.btn3:hover div{
display:block;
width:445px;
height:350px;
border:solid;
background-image:url(images/grassbg3.jpg);
background-repeat:no-repeat;
}

.divcont3 {
color:#009900;
font-size:30px;
padding-top:40px;
padding-left:35px;
padding-right:20px;
height:350px;
width:445px;
position:fixed;
top:230px;
left:-510px;
background-image:url(images/grassbg3.jpg);
background-repeat:no-repeat;
border-color:#006600;
border:solid;
}

/* Fourth  Button */

.btn4 {
position:absolute;
left:730px;
bottom:5%;
height:170px;
width:259px;
background-image:url(images/cow.png);
background-repeat:no-repeat;
cursor:pointer;
}

.btn4:hover div{
display:block;
width:450px;
height:365px;
border:solid;
background-image:url(images/grassbg4.jpg);
background-repeat:no-repeat;
}

.divcont4 {
color:#009900;
font-size:30px;
padding-top:40px;
padding-left:30px;
padding-right:20px;
height:365px;
width:440px;
position:fixed;
top:230px;
left:-510px;
background-image:url(images/grassbg4.jpg);
background-repeat:no-repeat;
border-color:#006600;
border:solid;}


/*Clouds*/

#sky
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index:-10;
	overflow:hidden:
	
	
}

#cloud
{
	position: absolute;
	left: 5%;
	top: 15px;
	z-index: 10;
	width: 230px;
	height: 140px;
	background-image: url(images/cloud1.png);
	background-repeat: no-repeat;
}

#cloud2
{
	position: absolute;
	left: 25%;
	top: 65px;
	z-index: 11;
	width: 300px;
	height: 153px;
	background-image: url(images/cloud2.png);
	background-repeat: no-repeat;
}

#cloud3
{
	position: absolute;
	left: 50%;
	top: 5px;
	z-index: 12;
	width: 300px;
	height: 170px;
	background-image: url(images/cloud3.png);
	background-repeat: no-repeat;
}

#cloud4
{
	position: absolute;
	left: 75%;
	top: 30px;
	z-index: 12;
	width: 300px;
	height: 191px;
	background-image: url(images/cloud4.png);
	background-repeat: no-repeat;
}