[role='main'] {
 margin: 5% auto;
}
 [role='navigation'] {
 margin: 0 auto;
 width: 100%;
 background-color: #c99949;
}
.flexNav-touch [role='navigation'],  .flexNav-no-touch [role='navigation'] {
	display: none;
}
.menu-button {
	display: block;
	padding: 1em;
	color: #000;
	background-image: url('../_graphics/navigation/arrow-down-mobile.png');
	background-repeat: no-repeat;
	background-position: right 12px;
	cursor: pointer;
	font-family: Georgia, serif;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #c99949;
}
[role='navigation']:after { /* clearfix */
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
[role='navigation'] li {
	position: relative;
	list-style: none;
	display: block;
    width: 100%;
}
[role='navigation'] li.item-with-ul {
/*background-color: #0C0;	*/		

}
[role='navigation'] li a {
	margin-right: 0;
	display: block;
	color: #000;
	text-decoration: none;
    font-family: Georgia, serif;
	font-size: 12px;
	text-transform: uppercase;
}
[role='navigation'] li a:hover {
	color: #3c2207;/*text-decoration: underline;*/

}
[role='navigation'] li a.white {
	color: #fff;
}
[role='navigation'] li a.white:hover {
	color: #e3d5c6;/*text-decoration: underline;*/

}
[role='navigation'] .last {
	background-color: #000;
}

[role='navigation'] li a.link-with-ul {
/*border-right: 1px solid #222;*/		

}
[role='navigation'] .top-level a {
	position: relative;
	display: block;
	padding: 1em;
	z-index: 2;
}
[role='navigation'] li ul {
	width: 100%;
	position: relative;
	/*border-top: 1px solid #333;
	border-bottom: 1px solid #333;*/

}
[role='navigation'] li ul li {
	float: none;
	width: 100%;
}
[role='navigation'] li ul li a {
	display: block;
	background-color: #ef4423;
}
[role='navigation'] li.last ul a {
	display: block;
	background-color: #666;
}
[role='navigation'] li.last ul a.category {
	background-color: #333;
}
[role='navigation'] li.last ul a.category:hover {
	background-color: #333;
}
[role='navigation'] li.last ul a:hover {
	background-color: #999;
}
[role='navigation'] li ul li a:hover {
	display: block;
	background-color: #ef4423;
	text-decoration: none;
}
[role='navigation'] .item-with-ul {
	background-image: url('../_graphics/navigation/arrow-down-mobile.png');
	background-repeat: no-repeat;
	background-position: right 12px;
}
.sub-menu {
	display: none;
}
.sub-menu.open {
	display: block;
}