.nav-grid {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	z-index: 100;
}
.nav-wrap {
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	padding: 0;
	z-index: 100;
}
.sm-nav {
	margin: 0 auto;
	text-align: center;
	padding: 0;
}
.sm-nav ul {
	padding: 0;
}
.sm-nav ul li {
	border-left: 0;
}
/* Menu items */
.sm-nav a {
	padding: 5px 20px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 23px;
	text-decoration: none;
}
.sm-nav a.has-submenu {
	padding-right: 25px;
}

.sm-nav-vertical a,
.sm-nav ul a {
	padding: 10px 20px;
}

.sm-nav-vertical a.has-submenu, .sm-nav ul a.has-submenu {
	padding-right: 40px;
}
.sm-nav ul a {
	font-weight: bold;
}
/* Items separators */
.sm-nav li {
	padding: 0;
}
.sm-nav li:first-child{
	border-left: 0;
}
/* Sub menu indicators */
.sm-nav a span.sub-arrow {
	position: absolute;
	right: 10px;
	top: 50%;
	bottom: auto;
	margin-top: -3px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-width: 6px;
	/* tweak size of the arrow */
	border-style: solid dashed dashed dashed;
}
.sm-nav ul a span.sub-arrow {
	right: 15px;
	top: 50%;
	right: 5px;
	margin-top: -5px;
	border-width: 6px;
	border-style: dashed dashed dashed solid;
}
/* Scrolling arrows containers for tall sub menus */
.sm-nav span.scroll-up, .sm-nav span.scroll-down {
	position: absolute;
	display: none;
	visibility: hidden;
	overflow: hidden;
	height: 20px;
}
.sm-nav span.scroll-up-arrow, .sm-nav span.scroll-down-arrow {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -6px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-width: 6px;
	/* tweak size of the arrow */
	border-style: dashed dashed solid dashed;
}
.sm-nav span.scroll-down-arrow {
	top: 8px;
	border-style: solid dashed dashed dashed;
}
#menu-button {
	margin: 5px;
	padding: 3px 7px;
	font-size: 1.18em;
	cursor: pointer;
	border-radius: 4px;
	z-index: 102;
}
.bttn-hide{
	position: fixed;
	top: 5px;
	left: 5px;
	display: none;
	padding: 3px 7px;
	font-size: 1.00em;
	cursor: pointer;
	border-radius: 4px;
	z-index: 102;
}
/*
Responsiveness
These will make the sub menus collapsible when the screen width is too small.
*/
@media screen and (max-width: 768px) {
	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	#main-menu > li {
		margin-right:0 !important;
	}
	ul.sm-nav {
		width: auto !important;
	}
	ul.sm-nav ul {
		display: none;
		position: static !important;
		top: auto !important;
		left: auto !important;
		margin-left: 0 !important;
		margin-top: 0 !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
	}
	ul.sm-nav > li {
		float: none;
	}
	ul.sm-nav > li > a, ul.sm-nav ul.sm-nowrap > li > a {
		white-space: normal;
	}
	ul.sm-nav iframe {
		display: none;
	}
	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.sm-nav ul, .sm-nav span.sub-arrow, .sm-nav iframe {
	display:none !important;
	}*/
	/* Menu box */
	.sm-nav {
		padding: 0;
		background-image: none;
	}
	.sm-nav ul {
		border: 0;
		padding: 0;
		/* darken the background of the sub menus */
		background: rgba(130, 130, 130, 0.1);
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	/* no carets */
	.sm-nav > li > ul:before, .sm-nav > li > ul:after {
		display: none;
	}
	/* Menu items */
	.sm-nav a {
		padding: 13px 5px 13px 33px !important;
		background: transparent !important;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.sm-nav ul a {
		border-left: 8px solid transparent;
	}
	.sm-nav ul ul a {
		border-left: 16px solid transparent;
	}
	.sm-nav ul ul ul a {
		border-left: 24px solid transparent;
	}
	.sm-nav ul ul ul ul a {
		border-left: 32px solid transparent;
	}
	.sm-nav ul ul ul ul ul a {
		border-left: 40px solid transparent;
	}
	/* Sub menu indicators */
	.sm-nav a span.sub-arrow,
	.sm-nav ul a span.sub-arrow {
		top: 50%;
		margin-top: -9px;
		right: auto;
		left: 6px;
		margin-left: 0;
		width: 17px;
		height: 17px;
		font: normal 16px/16px monospace !important;
		text-align: center;
		border: 0;
		text-shadow: none;
		background: rgba(255, 255, 255, 0.1);
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		border-radius: 50px;
	}
	/* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
	.sm-nav a.highlighted span.sub-arrow {
		display: none !important;
	}
	/* Items separators */
	.sm-nav li {
		border-top: 1px solid rgba(0, 0, 0, 0.05);
	}
	.sm-nav li {
		border-left: 0 !important;
	}
	.sm-nav ul {
		border-left: 0 !important;
		border-right: 0 !important;
	}
	.sm-nav > li:first-child {
		border-top: 0;
	}
}