/* Basic Styles */
#nav {
	height: 40px;
	/*width: 100%;*/
	position: relative;
	top:10px;
	right:0px;
	
}
#nav ul {
	padding: 0;
	margin: 0 auto;
	height: 40px;
	float:right
}
#nav li {
	display: inline;
	float: left;
}
#nav a {
	display: inline-block;
	/*width: 100px;*/
	padding: 4px 18px 4px 18px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	color:#ffffff;
	font-size:15px;
	font-weight:600;
	text-transform:uppercase;
/*	background-image: url(../images/nav-arrow.png);*/
	background-repeat: no-repeat;
	background-position: left center;/*	text-shadow: 1px 1px 0px #283744;*/
}
#nav li a {
/*border-right:1px solid #f6e485;
	border-left:1px solid #e3b848;*/
/*	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;*/
}
#nav li:last-child a {
/*border-right: 0;*/
}
#nav a:hover, #nav a.active {
	text-decoration:underline;
	color:#70b84b;
}
a#pull {
	display: none;
}


@media screen and (min-width: 0px) and (max-width: 480px) {
	a#pull {
		display: block;
		background-color: #000000;
		width: 100%;
		position: relative;;
		color:#ffffff;
		font-weight:700;
		font-size:18px;
		text-decoration:none;
		padding:8px 20px;
		overflow:hidden
	}
	#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 8px;
	}
	#nav ul {
		height:auto;
		width:100%;
		float:none;
		display: none;
	}
	#nav {
		top:auto;
		height:auto;
		background-color:#64aa40;
		right:auto;
		clear:both;
		
	}
	#nav li {
		float:none;
		display:block;
	}
	#nav a {
		display:block;
		text-align:left;
		border-bottom:1px solid #569a33;
		border-top:1px solid #78c252;
		  line-height: 28px;
	}
	#nav a:hover, #nav a.active {
	color: #000000;
	}
	
}