/*	===================================================== 
	HORIZONTAL MOBILE MENU WITH jQUERY
	===================================================== */
#menuMobile {
	overflow: hidden;
	zoom: 1;
}
#menuMobile ul {
	float: left;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
#menuMobile ul li {
	display: inline-block;
}
#menuMobile ul li:first-child {border: 0;}

/*	===================================================== 
	OPEN-CLOSE LAYERS FROM MOBILE MENU
===================================================== */
/* Menu Buttons to Open/Close All Layers
***************************/
.toggleLayer {
	margin: 0;
	padding: 0;
	width: 48px;
	height: 40px;
	cursor: pointer;
}
.toggleLayer img {
	line-height: 100%;
	margin: 5px auto;
}

/*//////////////////////////////////////////////////
/// LAYERS
//////////////////////////////////////////////////// */

/* All Left-Side Menu Layers
***************************/
#layerSearch,
#layerText,
#layerMenu {
	display: none;
	position: absolute;
	left: 0;
	top: 0; 
	z-index: 10000; 
	width: 75%; 
	background: #eee; 
	padding: 0 2px;
	box-shadow: 8px 8px 8px #333;
}
/* All Right-Side Menu Layers
***************************/
#layerMenuRight,
#layerFlags {
	display: none; 
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10000; 
	width: 75%; 
	background: #eee; 
	padding: 0 2px;
	box-shadow: -8px 8px 8px #333;
}

/* Flags Layer uses the same Menu Buttons around flags
***************************/
#layerFlags .toggleLayer {
	margin: 3px 0;
}
#layerFlags .toggleLayer a {
	display: block;
	padding: 5px;
}
#layerFlags .toggleLayer a img {
	border: 1px solid #ace;
}

#layerText,
#layerMenu,
#layerLogin {
	min-width: 50%; 
	padding-left: 5px;
}

/* END
****************/