body{
	background: image-set('images/body-back.png' 1x, 'images/body-back@x2.png' 2x) repeat top left transparent;
	font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS";
	font-size: 0.71875rem;
}

#container{
	width: 930px;
	margin: 50px auto 0;
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.71);
}

#container > header{
	height: 189px;
	width: 930px;
}
	#container > header h1{
		font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS";
		font-size: 3.375rem;
		font-weight: normal;
		color: #fff;
		text-shadow: 1px 2px 0 #000;
		letter-spacing: -4px;
		margin: 83px 0 0 19px;
		position: absolute;
		z-index: 10;
	}
		#container h1 a{
			color: #fff;
			display: block;
		}

	#header-image{
		width : 929px; height: 189px;
		position: absolute;
	}

#mobile-menu-toggle,
#mobile-menu-panel {
    display: none;
}

#menu {
	background: linear-gradient(to bottom, #151515, #565656);
}

.no-menu-top #menu {
	height: 0;
	overflow: hidden;
}

	#menu menu {
		min-height: 27px;
	}
	#menu .placeholder {
		height: 27px;
	}
	
	#menu-top-wrapper {
		display: flex;
	}
	
	#menu ul {
		display: flex;
	}
	
	#menu ul li{
		border-right: 1px solid #565656;
	}
	#menu ul li.last{
		border-right: none;
	}
	
	#menu a{
		display: block;
		font-size: 0.875rem;
		color: #fff;
		padding: 5px 10px;
	}
		#menu a:hover{
			background: #272727;
		}

#content{
	width: 908px;
	padding: 11px 11px 0 11px;
	background: rgba(0,0,0,0.5);
}
	#content nav.placeholder {
		width: 200px;
	}

#content .inner {
	display: grid;
	grid-template-columns: auto 1fr auto;
	background: linear-gradient(to bottom, #292929 0px, transparent 20px), #565656;
	padding-top: 10px;
}

	hgroup h1{
		margin: 0 0 12px 0;
		font-size: 1.8125rem;
		letter-spacing: -2px;
		font-weight: normal;
	}

article{
	margin: 0 16px 50px;
	line-height: 17px;
	text-align: justify;
	color: #eee;
	order: 1;
}

#container article label{
	color: #eee;
}

	#container.no-menu-main article {
		margin-left: 0;
	}

	#container.no-menu-sec article {
		margin-right: 0;
	}
	
	article section h1, article section h2{
		color: #fff;
		font-size: 0.875rem;
		font-style: italic;
		font-weight: normal;
		padding: 5px 0;
		margin: 12px 0;
		border-bottom: 1px solid #8f9b7a;
	}
	
	article section h3{
		background: #d6e1c3;
		padding: 3px 5px;
		font-weight: normal;
		font-style: italic;
		margin: 10px 0;
		color: #555;
	}
	article p, article dl{
	}	
	article dt{
		color: #67774c;
	}
	article dd{
		padding: 0 0 0 15px;
		background: #d7deca;
		padding: 3px 5px;
		font-weight: normal;
		font-style: italic;
		margin: 10px 0 10px 10px;
		color: #333;
	}
	article table{
		border: 1px solid #67774c;
		border-width: 1px 0 0 1px;
		width: 100%;
		margin: 20px 0;
	}
		article table td{
			padding: 4px;
			border: 1px solid #67774c;
			border-width: 0 1px 1px 0;
		}

	article ul, article ol{
		margin: 15px 0 15px 30px;
	}
		article ul li{ padding: 2px 0; list-style-type: disc; }
		article ol li{ padding: 1px 0; list-style-type: decimal; }
	
	article blockquote, article pre{
		border-top: 1px solid #445527;
		border-bottom: 1px solid #445527;
		margin: 25px 0;
		padding: 15px;
		line-height: 12px;
	}
		article blockquote{
			font-style: italic;
			text-align: center;
		}
		article pre{
		}
	
	article code{
	}	
	article a{ color: #7a8b5d; }
	
	article hr {
		background-color: #8f9b7a;
	}

aside{
	padding: 0 10px;
	max-width: 173px;
}
	aside a{ color: #fff; }
	aside h3{
		font-size: 1rem;
		font-weight: normal;
		color: #eee;
		letter-spacing: -1px;
		padding: 10px 15px 45px;
		background: image-set('images/menu-top.png' 1x, 'images/menu-top@x2.png' 2x) no-repeat bottom left;
	}
	aside .block{
		padding: 0 0 30px 0;
		background: image-set('images/menu-bottom.png' 1x, 'images/menu-bottom@x2.png' 2x) no-repeat bottom left;
	}
	aside .menu-content{
		padding: 0 15px 15px;
	}
	aside input[type="text"],
	aside input[type="email"]{
		width: 110px;
	}
	aside .block > ul, .menu-content{
		border-left: 1px solid #6a6a6a;
		background: #272727;
	}
	aside .block > ul > li{
		background: image-set('images/bullet.png' 1x, 'images/bullet@x2.png' 2x) no-repeat center left;
		margin: 0 10px 0 10px;
		padding: 4px 5px 4px 25px;
		word-wrap: break-word;
	}
	aside .phorm label {
		color: #fff;
	}

#navigation-main{
	order: 0;
}
	
#navigation-sec{
	order: 2;
}

#footer{
	width: 910px;
	margin: 0 auto 60px auto;
	color: #fff;
	font-size: 0.625rem;
	line-height: 14px;
	background: #272727;
	padding: 0 10px 10px 10px;
	background: rgba(0,0,0,0.5);
}
	#footer footer {
		background: #272727;
  		padding: 10px 20px 5px 20px;
	}
	#footer p a{ color: #d6e1c3; }