#menu ul {
	list-style-type: none;
	margin-top:5px;
}
#menu ul li {
	display:block;
}
#menu ul li a, 
.menuX p {
	display:block;
	color:#eee;
	font-weight:300;
	line-height:28px;
	font-size:1em;
	text-decoration:none;
	padding:0 1em 0 1.3em;
	cursor:pointer;
	margin:0;
	text-transform: uppercase;
	font-size:1.3rem;
	white-space:nowrap;
	
}
.menuX p img {
	width:1em;
}
#menu ul li:hover a,
.menuX:hover  p{
	background:rgba(255,255,255,.2);
}
#menu ul li a.markedGroup {
	font-weight:600;
}

/*DESKTOP*/
@media screen and (min-width:721px) {
	#menu {
		position:fixed;
		top:0;
		left:0;
		bottom:0;
		background:rgba(0,0,0,.6);
		overflow:hidden;
		
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		z-index:10;
	}
	.menuin {
		width:70px; MENUWIDTH:;
	}
	.menuout {
		width:250px;
	}
	
	#menublock {
		position:relative;
		display:inline-block;
		height:100%;
		width:70px; MENUWIDTH:;
		overflow:hidden;
		background:#000;
	}
	.menutogglelink {
		display:block;
		text-align:center;
		line-height:50px;
		font-size:1.2rem;
		color:white;
		font-weight:500;
		ppbackground:green;
		cursor:pointer;
		letter-spacing:1px;
	}
	.menuhomelink {
		position:absolute;
		bottom:0;
		height:50px;
		width:70px; MENUWIDTH:;
		ppbackground:green;
		text-align:center;
		line-height:40px;
	}
	
	#menutoggle {
		display:block;
		position:absolute;
		top:0;
		left:70px; MENUWIDTH:;
		right:0;
	}
}
/*MOBILE*/
@media screen and (max-width:720px) {
	#menu {
		position:fixed;
		top:0;
		left:0;
		right:0;
		background:rgba(0,0,0,.5);
		overflow:hidden;
		
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		z-index:10;
	}
	.menuin {
		height:50px;
	}
	.menuout {
		height:100%;
	}
	
	#menublock {
		position:relative;
		display:block;
		float:left;
		height:50px;
		width:100%;
		overflow:hidden;
		background:#000;
	}
	.menutogglelink {
		float:left;
		padding:0 1em;
		display:block;
		text-align:center;
		line-height:50px;
		font-size:1.2rem;
		color:white;
		font-weight:500;
		cursor:pointer;
		ppbackground:green;
	}
	.menuhomelink {
		float:right;
		width:50px;
		height:50px;
		ppbackground:red;
		line-height:40px;
	}
	
	#menutoggle {
		display:block;
		position:absolute;
		top:50px;
		left:0;
		right:0;
	}
}