.menu {
height:30px; float:right; line-height:30px;
}
.menu * {
	-webkit-tap-highlight-color:transparent !important;
	
}
.menu a {
	color:#ebebeb;
	text-decoration:none;
}
.menu .menu-main-list, .menu .menu-main-list li {
	margin:0px;
	padding:0px;
}
.menu ul {
	margin:0px; padding:0px;
}


/* sublevel menu - in construction */
.menu ul li ul, .menu ul li ul li, .menu ul li ul li a {
	display:inline-block; list-style:none; border-left:#252525 thin solid; line-height:30px;
}
/* */


.menu .menu-main-list li {
	display:inline;
	padding:padding:0px;
	margin:0px !important;
}
.menu-toggled {
	display:none;
	width:100px;
	position:relative;
	overflow:hidden;
	margin:0 auto !important;
}
.menu-button:hover {
	cursor:pointer;
}
.menu .menu-toggled ul {
	display:none; width:100px;
	margin:0px !important;
	padding:0px !important;
}
.menu .menu-toggled ul li {
	display:block; width:100px;
	margin:0 auto !important;
}




/* GRAPHITE STYLE */

.menu.graphite .menu-main-list li a {
	
	color:#FFFFFF; font-size:11px;
	border-left:#282828 thin solid;
		
	
}
.menu.graphite .menu-main-list li a:hover {

}
.menu.graphite .menu-main-list li:first-child a {

}
.menu.graphite .menu-main-list li:last-child a {
border-right:#282828 thin solid;
	
}
.menu.graphite .menu-toggled {
	
min-height:30px; z-index:2; width:200px;
	
}
.menu.graphite .menu-toggled-controls {
	display:block;
	height:30px;
	color:white;
	text-align:left;
	
}
.menu.graphite .menu-toggled-title {
	position:relative;
	left:15px;
	font-size:16px;
	color:white;
	text-shadow:1px 1px 1px black;
}
.menu.graphite .menu-button {
	display:block;
	position:absolute;
	right:15px;
	top:4px;
}

.menu.graphite .menu-button span {
	display:block;
	margin-top:4px;
	height:2px;
	background:white;
	width:24px;
}
.menu.graphite .menu-toggled ul li a {
	
	background-color:#333333; width:200px;
 float:left; text-align:left;
	
	
}
.menu.graphite .menu-toggled ul li a:active {
	background-color:#444444;
	border-bottom:1px solid #444444;
	border-top:1px solid #444444;
}
.menu.graphite .menu-toggled ul li{width:300px; height:30px;}

.menu.graphite .menu-toggled ul li a active { background:#FF0000;}



@media all and (min-width: 320px) {

.menu.graphite .menu-toggled{width:220px;}
.header{
border-bottom:#202020 thin solid;
}}

@media all and (min-width: 420px) {

.menu.graphite .menu-toggled{width:320px;}
.header{
border-bottom:#202020 thin solid;
}}

@media all and (min-width: 520px) {

.menu.graphite .menu-toggled{width:420px;}
.header{
border-bottom:#202020 thin solid;
}
}
@media all and (min-width: 620px) {

.menu.graphite .menu-toggled{width:520px;}
.header{
border-bottom:#202020 thin solid;
}
}
@media all and (min-width: 720px) {

.menu.graphite .menu-toggled{width:620px;}
.header{
border-bottom:#202020 thin solid;
}}