
nav {
	height: 26px;
	width: 100%;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	color: #fff;
	background: #352854;
	z-index: 10;
	
}

nav ul {
	display: table;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 26px;
}

nav li {
	display: table-cell;
	text-align: center;
    vertical-align: middle
	background: #352854;
	
}

nav a {
	color: #fff;
	display: inline-block;
	width:auto;

	text-align: center;
	text-decoration: none;
	line-height: 26px;
	text-shadow: 1px 1px 0px #283744;
	
}

nav li a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color: #fff;
	
}


.first{
	border-left: 0px solid #fff;

}



nav a:link, nav a:visited {
	background: #352854;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
}


nav a:hover, nav a:active {
	background-color: #8c99a4;
	padding-left: 5px;
	padding-right: 5px;	
	color: #fff;
}

nav a.sm_active{ 
		background: #8c99a4;
		padding-left: 5px;
		padding-right: 5px;
	}

nav a#pull {
	display: none;
}


@media only screen and (min-width: 480px) and (max-width: 1024px) {
	nav {
		border-bottom: 0;
		width: 100%;
		height: auto;
		z-index: 1000;
	}

	nav ul {
		display: block;
		height: auto;
		width: 100%;

	}

	nav a#pull {
		display: block;
		text-align: left;
		background-color: #352854;
		width: 98.2%;
		height: auto;
		position: relative;
		border-bottom: 1px solid #fff;
	}

	nav li {
		display: block;
		float: left;
		width: 33%;
		border-bottom: 1px solid #fff;
	}

	nav li a{
		border-left: 0px;
	}
	

	nav a:link, nav a:visited {
		background: #352854;
		color: #fff;
		width: 100%;
	}


	nav a:hover, nav a:active, {
		background-color: #8c99a4;
		color: #fff;
	}

	#mobilemenu{
		display: none;
	}

}



@media only screen and (min-width: 0px) and (max-width: 479px) {
	nav {
		border-bottom: 0;
		width: 100%;
		height: auto;
		z-index: 1000;
	}

	nav ul {
		display: block;
		height: auto;
		width: 100%;

	}

	nav a#pull {
		display: block;
		text-align: left;
		background-color: #352854;
		width: 98.2%;
		height: auto;
		position: relative;
		border-bottom: 1px solid #fff;
	}

	nav li {
		display: block;
		float: left;
		width: 100%;
		border-bottom: 1px solid #fff;
	}

	nav li a{
		border-left: 0px;
	}
	

	nav a:link, nav a:visited {
		background: #352854;
		color: #fff;
		width: 100%;
	}


	nav a:hover, nav a:active, {
		background-color: #8c99a4;
		color: #fff;
	}

	#mobilemenu{
		display: none;
	}
}