@charset "utf-8";
 
/**********
** Menu
**********/

/*General*/
#menu li {
	list-style-type: none;
	display: block;
}

/*Top Menu*/
#menu>li {
	float: left;
}

#menu:after { /*Clear after*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*Top Menu Items*/
#menu li {	border-left: #ccc 2px solid;	}
#menu>li:first-child {	border-left: none;	}

#menu li>a {	padding: 0 10px;	}
#menu>li:first-child>a {	padding-left: 0px;}

/*Text*/
#menu a {
	display: block;
	text-align: left;
	
	color: #333;
	font-weight: normal;
	font-size: 2em;
	text-transform: lowercase;
	text-decoration: none;
}

#menu a:hover {
	color: #666;
}

#menu a.selected {
	color: #07B;
}
#menu a.selected:hover {
	color: #0AE;
}

/* Submenu */
#menu ul li {
}
#menu ul {
	position: absolute;
	margin-left: -2px;
	
	background: #FFF;
	border-right: 5px #f3f3f3 solid;
	border-bottom: 5px #f3f3f3 solid; 
}

/*Submenu Hover*/
#menu ul {
	display: none;
}
#menu>li:hover>ul {
	display: block;
}