﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>

    <!-- @DennisTang: Needs to sort out header and add to global header -->
    <link rel="stylesheet" href="/css/app.css" />


    <script type="text/javascript" src="//use.typekit.net/zjj2gkk.js"> </script>
    <script type="text/javascript"> try {
      Typekit.load();
    } catch(e) {
    } </script>

    <script src="/js/vendor/jquery.js"> </script>
    <script src="/js/vendor/jquery.bxslider.js"> </script>

    <script type="text/javascript">
      $(document).ready(function() {
        $('.js-gallery').bxSlider();

        $('.js-content-slider').bxSlider({
          minSlides: 1,
          maxSlides: 3,
          slideWidth: 320,
          slideMargin: 0,
          controls: false,
          auto: true
        });

      });
    </script>

  </head>
  <body style="overflow: auto;">
 <!-- Google Tag Manager -->
    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KKDK3S"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <script>(function (w, d, s, l, i) {
    w[l] = w[l] || []; w[l].push({
        'gtm.start':
        new Date().getTime(), event: 'gtm.js'
    }); var f = d.getElementsByTagName(s)[0],
    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
    '//www.googletagmanager.com/gtm.js?id=' + i + dl;w['google_tag_manager'] || f.parentNode.insertBefore(j,f);
})(window, document, 'script', 'dataLayer', 'GTM-KKDK3S'); var s_queue = [], s = s || {};
s.t = s.tl = function () { s_queue.push(arguments) };</script>
<!-- End Google Tag Manager -->

	<script>
		dataLayer.push({
			"page": {
				"category": {
					"primaryCategory": "Home",
					"pageType": "Error",
					"masthead": "AUSGEO"
				},
				"pageInfo": {
					"pageId": "GTM-KKDK3S",
					"pageName": "Error",
					"sysEnv": "desktop",
					"nodeName": "Error",
					"errorCode": "404",
					"nodeTypeAlias": "Error",
					"niceUrl": "\/error\/",
					"pageTitle": "Error",
					"metaDescription": "Error"
				}
			},
			"pageInstanceId": "AUSGEO-error:LIVE"
		});
		dataLayer.push({ 'event': 'serverError' });
	</script>
    <!-- @Matt and @Dan: Actual template starts here, plz keep section comments -->

    <!-- section start: full width image with error message -->
    <section class="error-page">
      <figure>
        <img src="/assets/images/template/error-image.jpg" alt="" />
        <div class="err-header">
          <h1>WHOOOOPS!</h1>
          <p>We have had a problem</p>
        </div>
      </figure>
    </section>
    <!-- section end: full width image with error message -->

    <!-- section start: error message -->
    <section class="error-page">
      <div class="err-message">
        <p>Check out some of this great content or go <a href="javascript:history.back()" title="back to the previous page">back to the previous page</a></p>
      </div>
    </section>
    <!-- section end: error message -->

    <!-- template ends here -->

  </body>
</html>