/* Navigation */

	#nav {
		position: absolute;
		right: 0;
		top: 0;
		font-size: 1.05em;
	}

		#nav ul {
			list-style: none;
			padding-left: 0;
		}

			#nav ul li {
				float: left;
				line-height: 4.0em;
				padding-left: 1.0em;
			}

				#nav ul li a, #nav ul li span {
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
					font-weight: 500;
					font-size: 0.9em;
					letter-spacing: 0.01em;
					/* color: #165B16; */
					color: #181818;
					text-decoration: none;
					border-radius: 3px;
					padding: 0.3em 0.5em 0.3em 0.5em;
				}

				#nav ul li > ul {
					display: none;
				}

				#nav ul li:hover a, #nav ul li:hover span {
					background: #FFF;
                    color: #222222;
				}

				#nav ul li.active a, #nav ul li.active span {
                    background: #FFF;
                    color: #181818;
				}

				#nav ul li.current a {
					background: #595858;
					color: #fff;
				}

	.dropotron {
		background: #fff;
		color: #181818;
		text-decoration: none;
		border-radius: 3px;
		padding: 0.2em 0;
		min-width: 15em;
		box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0.25em 0.25em 0.1em rgba(0, 0, 0, 0.025);
		margin-top: calc(-0.75em + 1px);
		margin-left: -1px;
		list-style: none;
		padding-left: 0;
	}

		.dropotron li {
			border-top: solid 1px #E5E5E5;
			line-height: 2em;
			padding-left: 0;
		}

			.dropotron li:first-child {
				border-top: 0;
			}

			.dropotron li > a, .dropotron li > span {
				-moz-transition: color .25s ease-in-out, background-color .25s ease-in-out;
				-webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out;
				-ms-transition: color .25s ease-in-out, background-color .25s ease-in-out;
				transition: color .25s ease-in-out, background-color .25s ease-in-out;
				text-decoration: none;
				color: inherit;
				display: block;
				padding: 0 1.5em;
				font-weight:500;
				font-size: 1.0em;
			}

				.dropotron li > a:hover, .dropotron li > span:hover {
					background: #eee;
					color: #0b0d0e;
				}

			.dropotron li.active > a, .dropotron li.active > span {
				background: #eee;
			}

		.dropotron.level-0 {
			font-size: 0.95em;
			margin-left: 1.5em;
			margin-top: 0;
		}

			.dropotron.level-0:before {
				content: '';
				position: absolute;
				top: -0.5em;
				left: 1em;
				border-bottom: solid 0.75em #ffffff;
				border-left: solid 0.75em transparent;
				border-right: solid 0.75em transparent;
				z-index: 1;
			}