@media screen and(max-width: 700px) 
	
	 {
	.nav {
		position: relative;
		min-height: 40px;
	}	
	.nav ul {
		width: 180px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #fff url(images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	.nav .current a {
		background: none;
		color: #666;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
		background: url(images/icon-check.png) no-repeat 10px 7px;
	}

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
	
}
	
	{
body 
{
background-image:url('brown.gif');
background-repeat:repeat;
background-size:700px 4000px;
overflow-y:scroll;
overflow-x:hidden;}

.header
{
background-color: #ffffff; 
background-image:url('header.gif');  
background-repeat:no-reapeat;
width:100%;
height:100%;
}

#about {background:#006600;
width: 700px; height: 250px;
color:white;
font-family: Arial, Serif;
text-align:center;
font-size:20px;
top:680px;
position:absolute;
left:0px;}

h1.about {padding:0px;
font-family:Candice;
font-size: 50px;
text-shadow: 2px 2px 0 #006600, 3px 3px 0 #fff;}

.lion
{
background-color: #006600; 
width:35%; 
height:45%;
position:absolute;
top:170%;
left:10%;
}
.tiger
{
background-color: #006600; 
width:35%; 
height:45%;
position:absolute;
top:170%;
left:57%;
}
.monkey
{
background-color: #006600; 
width:35%; 
height:45%;
position:absolute;
top:220%;
left:10%;
}
.cheetah
{
background-color: #006600; 
width:35%; 
height:45%;
position:absolute;
top: 220%;
left:57%;
}
.hippo
{
background-color: #006600; 
width:35%; 
height:45%;
position:absolute;
top:270%;
left:10%;
}
.owl
{
background-color: #006600; 
width:35%; 
height:45%;
position:absolute;
top:270%;
left:57%;
}
.lion, .tiger, .monkey, .cheetah, .hippo, .owl
{
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}
.image
{
border-radius: 50px/50px;
border:2px solid white; 
width:100px;
height:100px;  
}
.content
{ 
font-family:"Arial";
font-size: 16px;
color: #00000 ;
}
.footer 
{
background:#03406A;
width: 700px; height: 10px;
padding:24px;
text-align:right;
color:white;
font-size:10px;
position:absolute;
top: 330%;
right:0px;}

.meet {top:930px;
width:100%;
font-family:'century gothic';
font-size:25px;
color:#03406A;
position:absolute;
}
	}