/*** ESSENTIAL STYLES ***/

nav{
	z-index:1000;
}

#menu, #menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#menu {
	z-index:1000;
	height:60px;
	text-align:center;
}
#menu ul {
	padding:0;
	margin:0;
	position:		absolute;
	left:			0px;
	top:-9999px;
	z-index:		99;
}

/*#menu li.selected ul{
	top:26px;
}*/

#menu li:hover ul{
	top:30px;
	z-index:1000;
}

#menu li li ul,
#menu li:hover li ul{
	top:-5000px;
	left:0px;
}
#menu li li:hover ul{
	top:0px;
	left:280px;
	z-index:1000;
}
#menu ul li {
	/*width:			100%;*/
}
#menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#menu li {
	width: auto;
	text-align: center;
	position:relative;
	height:100%;
	display:inline;
}

#menu > li:before {
	content: "|";
	font-family: 'Bangers', sans-serif;
	font-size: 2em;
	color: #000;
	text-decoration: none;
	padding-right:15px;
	padding-left:15px;
}

#menu > li:first-child:before {
	content: none;
}

#menu a {
	display:		inline-block;
	position:		relative;
}


/*** DEMO SKIN ***/
#menu {
	display:table;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

#menu a {
	font-family: 'Bangers', sans-serif;
	font-size: 2em;
	text-decoration: none;
	text-shadow: 2px 2px 0 #000;
	text-decoration:none;
}
#menu > li > a, #menu > li > a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	line-height:60px;
	padding:0px;
	height:100%;
}

#menu > li > a:hover,#menu > li:hover > a{
	color:#fed700;
}


#menu li.selected a, #menu li.selected a:visited  {
}

#menu li li.here a, #menu li li.here a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#FFF;
}




#menu li li a,#menu li li a:visited,#menu li.selected li a,#menu li.selected li a:visited {
	padding-left:10px;
	font-size:14px;
	line-height:24px;
	color:#FFF;
	text-align:left;
	display:block;
	text-transform:none;
	font-family: 'Montserrat', sans-serif;

}

#menu li li a:hover,#menu li.selected li a:hover{
	text-decoration:none;
	color:#fed700;
	
}

#menu li li {
	margin:0;
	padding:0;
	border:none; 
	display:block;
	float:none;
}

	


#menu li ul {
	background-color:#2C353A;
	min-width:280px;
}

#menu li ul li:last-child{	
}

#menu li li:hover, #menu li li.sfHover,
#menu li li a:focus, #menu li li a:hover, #menu li li a:active {
}
#menu li li li {
}
#menu li:hover, #menu li.sfHover,
#menu a:focus, #menu a:hover, #menu a:active {
	outline:		0;
}

