#menu {
	background-color: #EEE;
	clear: both;
	display: block;
	margin: 0 auto;
}

@media only screen and (max-width: 768px) {
#menu {
	display: none;
}
}

ul.slimmenu {
    margin: 0;
    padding: 0;
	display: table;
}

ul.slimmenu li {
	text-align: left;
	margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: table-cell;
}



ul.slimmenu li a {
	font-size: 100%;
	display: block;
	color: #000;
	padding: 15px 15px;
	text-decoration: none;
}
ul.slimmenu li a:hover {
    background-color: rgba(200,200,200,0.7);
	text-decoration: none !important;
}

ul.slimmenu li ul {
    margin: 0;
	padding: 0;
	display: block;
}

ul.slimmenu li ul li {
	display: block;
	color: #FFF;
}

ul.slimmenu li > ul {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
}
ul.slimmenu li ul li a {
	display: block;
    background-color: rgba(200,200,200,0.9);
	border-bottom: 1px solid #FFF;
	color: #333;
	padding: 8px 17px;
	white-space: nowrap;
	text-decoration: none;
}
ul.slimmenu li ul li:last-child a {
	border-bottom: none;
}

ul.slimmenu li ul li a:hover {
    text-decoration: none;
}

ul.slimmenu li a:hover {
    text-decoration: underline;
}

ul.slimmenu li .sub-toggle {
	font-style: normal;
    background: none scroll;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    height: 100%;
    text-align: center;
    cursor: pointer
}

ul.slimmenu li .sub-toggle:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

ul.slimmenu li .sub-toggle > i {
	font-style: normal;
	color: rgba(255,255,255,0.9);
    font-size: 13px;
    vertical-align: middle;
	text-shadow: none;
}