body
{
margin:0;
padding:0;
background-image:url('jungle2.jpg');
}

#wrap
{
width:80%;
margin:0 auto;
}


#nav
{
width:100%; 
height:20%;
font-size: 24px;
font-family: Tahoma, Geneva, sans-serif;
font-weight: bold;
text-align: center;
text-shadow: 3px 2px 3px #333333;
background-color: #8AD9FF;
border-radius: 8px;
}

#nav ul 
{
height: auto;
padding: 8px 0px;
margin: 0px;
}

#nav li 
{ 
display: inline; 
padding: 20px; 
}

#nav a 
{
text-decoration: none;
color: #00F;
padding: 8px 8px 8px 8px;
}

#nav a:hover 
{
color: #F90;
background-color: #FFF;
}

#gal
{
width:75%;
height:170%;
background-image:url('gradient.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
position: absolute;
top:11%;
left:13%;
padding: 0px;
}

---///home---//

h1.gal 
{
padding:10%;
text-align: center;
font-family:Tahoma;
font-size: 95px;
color:#1adc1a;
}

h2.gal
{
padding:20%;
text-align: center;
font-family:Tahoma;
font-size: 25px;
color:black;
padding-top:50%;
}

---//home---//

---//lion---//

h1.gal1  
{
padding:0px;
text-align: center;
font-family:"Berlin Sans FB";
font-size: 45px;
color:black;
}

p.gal1
{
padding-top:37%;
margin-left:3%;
text-align:center;
font-style:Candice;
font-size:18px;
}

#pat
{
width:40%;
height:30%;
position:absolute;
top:30%;
left:33%;
}

---//lion---//

---//woolly---//

h1.gal2  
{
padding:0px;
text-align: center;
font-family:"Berlin Sans FB";
font-size: 45px;
color:black;
}

p.gal2
{
padding-top:40%;
margin-left:3%;
text-align:center;
font-style:Candice;
font-size:18px;
}

#pat1
{
width:40%;
height:30%;
position:absolute;
top:27%;
left:28%;
}

---//woolly---//

---//sea---//

h1.gal3  
{
padding:0px;
text-align: center;
font-family:"Berlin Sans FB";
font-size: 45px;
color:black;
}

p.gal3
{
padding-top:30%;
margin-left:3%;
text-align:center;
font-style:Candice;
font-size:18px;
}

#pat2
{
width:40%;
height:30%;
position:absolute;
top:30%;
left:40%;
}

---//sea---//

---//about---//

h1.gal4 
{
padding:0px;
text-align: center;
font-family:Tahoma;
font-size: 40px;
color:#1adc1a;
}

h2.gal4 
{
padding:0px;
text-align: center;
font-family:Tahoma;
font-size: 40px;
color:black;
}

p.gal4
{
padding:2px;
top: 20%;
text-align:left;
font-family:Tahoma;
font-size:14px;
color: black;
}

#pat3
{
width:40%;
height:30%;
position:absolute;
top:110%;
left:33%;
}

----//about---//

---//contacts---//

h1.gal5 
{
padding:100px;
text-align: center;
font-family:Tahoma;
font-size: 55px;
color:#1adc1a;
}

h2.gal5
{
padding:0px;
text-align: center;
font-family:Tahoma;
font-size: 30px;
color:black;
}

---//contacts---//

---//footer---//

#footer
{
width:100%; 
height:20%;

}

#footer ul 
{
width:100%; 
height:10%;
font-size: 25px;
font-family: Tahoma, Geneva, sans-serif;
text-align: right;
font-weight: bold;
text-shadow: 3px 2px 3px #444444;
background-color:  #8AD9FF;
border-radius: 8px;
padding: 35px 0px;
margin-left:0%;
top:173%;
position:absolute;
}

#footer li 
{ 
display: inline; 
padding: 20px; 
}

#footer a 
{
text-decoration: none;
color: #00F;
padding: 8px 8px 8px 8px;
}

#footer a:hover 
{
color: #F90;
background-color: #FFF;
}

#jay
{
width:40%;
height:30%;
position:absolute;
top:180%;
left:25%;
}

#moo
{
width:40%;
height:30%;
position:absolute;
top:180%;
left:50%;
}


#dc
{
width:40%;
height:30%;
position:absolute;
top:180%;
left:37%;
}


---//footer---//