body
{
margin:0;
padding:0;
overflow-x:hidden;
}

#wrap
{
	margin:0;
	padding:0;
	position:absolute;
}
#header
{
	width:100%;
	margin:0%;
	padding:0%;
	position:absolute;
}

#menu {
margin:0 auto;
display: inline-block;
list-style:none;
padding:0;
border-top:1 solid #ccc;
border-left:1 solid #ccc;
border-bottom:1 solid #ccc;
}

#menu li {
    float: left;
    position: relative;
    list-style: none;
}

#menu li a {
display:block;
padding:10px 10px;
text-decoration:none;
font-family:'Century Gothic';
font-size:120%;
color:#fff;

}   

#menu li a:hover {
color:#c00;
background-color:#fff;
}

#menu, #menu ul {
    margin-top:62.5%;
    padding:0;
	margin-left:60%;
}

#menu > li:hover > ul {
    display: block;
}
#menu > li > ul {
    display: none;
    position: absolute;
	
}
#menu li a {
    white-space: nowrap;
}
#nav
{
	width:100%;	
	height:4.5%;
	padding:0%;
	margin-top:62.5%;
	background:#3b871a;	
	position:absolute;
}
#background
{
	width:100%;
	height:230%;
	margin-top:-0.6%;
	background:#173B0B;
	position:absolute;
}
#back1
{
	width:90%;
	height:230%;
	margin-top:-0.6%;
	margin-left:5%;
	margin-right:5%;
	position:absolute;
	opacity:0.3;
}

.plants
{
	background:#fff;
	padding:5%;
	margin-top:2%;
	margin-left:10%;
	margin-right:10%;
	position:absolute;
	border-radius:10px;

}
.plants p
{
	color:#000;
	font-family:'Century Gothic';
	font-size:16px;
	margin-top:2%;
}

.plants h1
{
	color:#000;
	font-family:'Century Gothic';


}
#pic
{
	width:40%;
	position:relative;
	margin-left:2.5%;
	margin-right:2%;
	margin-top:-10%;
	margin-bottom:0.5%;
	padding:0;
	float:right;
	box-shadow:3px 2px 3px #888888;
	border:solid #3b871a;
}
.photo
{
	background:#fff;
	padding-top:4%;
	padding-bottom:4%;
	padding-left:1%;
	padding-right:1%;
	margin-top:38%;
	margin-left:10%;
	margin-right:10%;
	position:absolute;
	border-radius:10px;
	
}
.photo p
{
	color:#000;
	font-family:Century Gothic;
	font-size:16px;
	margin-left:2%;
	margin-right:2%;

}

.photo h1
{
	margin-top:2%;
	margin-left:2%;
	color:#000;
	font-family:Century Gothic;

}

#syn
{
	width:25%;
	position:relative;
	margin-top:-8%;
	margin-bottom:1%;
	margin-left:5%;
	margin-right:5%;
	float:right;
}
#eq
{
	width:30%;
	margin-left:20%;
	position:relative;
}
.res
{
	background:#fff;
	width:35%;
	height:95%;
	padding-left:1%;
	padding-right:1%;
	margin-top:89%;
	margin-left:10%;
	margin-right:10%;
	position:absolute;
	border-radius:10px;
}
.res p
{
	color:#000;
	font-family:'Century Gothic';
	font-size:16px;
	margin:2%;
	padding:2%;
}

.res h1
{
	padding:0%;
	margin:5%;
	color:#000;
	font-family:Century Gothic;
	text-align:center;
}

#respi
{
	width:80%;
	position:relative;
	margin-top:0%;
	margin-bottom:0%;
	margin-left:10%;
	margin-right:10%;
}

.cap1 h1
{
	padding:0%;
	margin-top:1%;
	margin-bottom:1%;
	text-align:center;
	color:#000;
	font-family:Century Gothic;
	text-align:center;
}

.cap1
{
	background:#fff;
	width:35%;
	height:50%;
	margin-top:89%;
	margin-left:55%;
	margin-right:10%;
	position:absolute;
	border-radius:5px;
	float:right;
}

.cap1 p
{
	color:#000;
	font-family:Century Gothic;
	font-size:16px;
	margin-left:3%;
	margin-right:3%;
	margin-top:3%;
	margin-bottom:3%;
}

#clasi
{
	width:70%;
	position:relative;
	margin-top:3%;
	margin-bottom:0%;
	margin-left:5%;
	margin-right:5%;
	float:left;
}
.char h1
{
	padding:0%;
	margin-top:1%;
	margin-bottom:1%;
	color:#000;
	font-family:Century Gothic;
	text-align:center;
}

.char
{
	background:#fff;
	width:35%;
	height:41.5%;
	margin-top:128%;
	margin-left:55%;
	margin-right:10%;
	position:absolute;
	border-radius:5px;
	float:right;
}

.char p
{
	color:#000;
	font-family:Century Gothic;
	font-size:16px;
	margin-left:2%;
	margin-right:2%;
}


#chara
{
	width:43%;
	position:relative;
	margin-top:3%;
	margin-bottom:0%;
	margin-left:5%;
	margin-right:5%;
	float:left;
}
#footer
{
	width:100%;
	height:40%;
	margin-top:161%;
	background:#000;
	position:absolute;
}
#footer h1
{
	color:#fff;
	font-family:'Century Gothic';
	margin-top:3%;
	margin-left:5%;
	margin-right:5%;
}
#footer p
{
	color:#fff;
	font-family:'Century Gothic';
	margin-top:2%;
	margin-left:5%;
	margin-right:5%;
	
}
#author
{
	width:15%;
	margin-top:2%;
	margin-left:5%;
	margin-right:2%;
	margin-bottom:1%;
	float:left;
}
#button
{
	margin-top:185%;
	background:#000;
	position:absolute;
	margin-left:80%;
}
#button p, #button a
{
	color:#fff;
	font-family:'Century Gothic';
	margin-left:20%;
	font-size:120%;
	
}