<!DOCTYPE html>
<html>
<head>
	<title>404 File Not Found - ASLA</title>
	<style>
		@font-face{
			font-family: "HelvNeue-Roman";
			src: url('fonts/HelveticaNeueLTStd-Roman.otf');
		}
		html, body {
			height: 100%;
			overflow-x: hidden; 
			overflow-y: auto;
		}
		body {
			background-color: #F5F5F5;
			margin: 0;
		}
		.container {
			background-color: #FFFFFF;
			margin: 0 auto;
			width: 960px;
			padding: 26px;
			height: 95vh;
		}
		p.fourohfour {
			font-family: "HelvNeue-Roman", Helvetica, sans-serif;
			margin-top: 100px;
			color:  #ff6d2c;
			font-size: 14px;
			text-align: left;
			text-transform: uppercase;
		}
		.image {
			text-align: center;
		}
		.image a img {
			margin-top: 40px;
			width: 80%;
			height: auto;
		}
	</style>
</head>
<body>
	<div class="container">
		<header>
			<a href="/Default.aspx"><img src="/images/asla-new-logo.png" alt="ASLA Logo" style="max-width:300px;" /></a>
		</header>
		<p class="fourohfour">404. Page Not Found</p>
		<div class="image">
			<a href="/Default.aspx">
				<img src="/images/404.jpg" alt="404" />
			</a>
		</div>
	</div>
	<script type="text/javascript">
		(function (i, s, o, g, r, a, m) {
			i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
				(i[r].q = i[r].q || []).push(arguments)
			}, i[r].l = 1 * new Date(); a = s.createElement(o),
			m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
		})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

		ga('create', 'UA-4677685-1', 'auto');
		ga('send', 'pageview');
	</script>
</body>
</html>
