body {margin:0;
	padding:0;}

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

.head {background-color:#FF0066;
		width:80%;
		height:15%;
		position:absolute;
		margin-top:0px}

.nav {background-color:#3399FF;
		width:10%;
		height:130%;
		position:fixed;
		padding:0px;
		margin-left:0px;
		top:15%}
		
.cover {background-color:#3399FF;
		position:absolute;
		margin-left:0px;
		width:15%;
		height:120%;
		top:15%;}
		
.nav ul {margin-top:20px;}
		
.nav ul li {list-style:none;
margin: 0 0 20px 0;}

a {font-family:Geneva, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
	font-size:28px;
	font-weight:bold;}
	
a:hover{ color:#FFFFFF}
	
		
.body {left:25%;
		top:15%;
		position:absolute;
		width:65%;
		background-color:#66FFCC;
		height:130%;
		z-index:-1}
		
.footer {background-color:#000;
		top:145%;
		position:absolute;
		width:80%;
		height:10%}
		
 .current {
		background: no-repeat 10px 7px;
		text-align:left;
		left:2%;
		display: none;
	}
@media screen and (max-width: 1024px)
{
.wrap {width: 100%}
.head {width:100%}
.body {width:80%;
left:20%;}
.footer {width:100%}
.nav, .cover {width:20%}

ul {margin-left:0px;}
}
 .current {
		background: no-repeat 10px 7px;
		text-align:left;
		left:2%;
		display: none;
	}
	

@media screen and (max-width: 900px)
{


	.cover {display:none;}
	.body {width:100%;
			left:0px;}
	.nav {
		position: relative;
		min-height: 40px;
		text-align:right;
		background-color: #000;
	}	
	.nav ul {
	
		position: absolute;
		left: 5px;
		border: 0;
		background-color: #6cf;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
		padding:5px;
		margin-top:15px
	}
	.nav li {
		display: none; 
		margin: 0;
	}
	.nav .current, .nav #icon {
		display: block;
	}
	
	
	.nav a {
		display: block;
		padding: 5px 5px 5px 5px;
		text-align: left;
		color:#000;
	}
	.nav .current a {
		background: none;
		color: #fff;
		width:180px;
	}

	.nav a:hover {
	color: #fff;
	text-align:left;
	text-decoration:underline;
	}
	
	.nav ul:hover li {
		display: block;
		margin-left: 5px;
		margin-top:10px;
	}
	.nav ul:hover {
		text-align:left;
		width:150px;
	}
	.current {display:block;}
	
	
}






















}