<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Temporarily Unavailable For Maintenance</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            html,body,div,h1,p { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
            body {
                background-color: #2897CC;
                font-family: 'Open Sans', sans-serif;
            }
            body img {
                bottom: 5%;
                left: 0;
                margin: auto;
                max-width: 300px;
                position: absolute;
                right: 0;
                width: 100%;
            }
            .container {
                bottom: 20%;
                height: 320px;
                left: 0;
                margin: auto;
                position: absolute;
                right: 0;
                text-align: center;
                top: 0;
                width: 90%;
            }
            .heading {
                display: block;
                text-align: center;
            }
            .heading h1 {
                color: #FFF;
                font-size: 2.8em;
                font-weight: 600;
                line-height: 1.25em;
                padding: 0;
            }
            .heading h2 {
                color: #FFF;
                font-size: 1.5em;
                line-height: 1.25em;
                padding: 0;
            }
            .container p {
                color: #fff;
                font-family: 'Open Sans', sans-serif;
                font-size: 1.2em;
                margin: 0 auto;
                padding: 1em 0;
                width: 80%;
            }
            @media only screen and (max-width:768px) and (min-width: 480px) {
                .heading h1 { font-size: 2.0em; }
				.heading h2 { font-size: 1.2em; }
                .container { width: 90%;}
                .container p { font-size: 1.0em; }
                body img { opacity: .2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); }
            }
            @media only screen and (max-width:480px) and (min-width: 0px) {
                .heading h1 { font-size: 1.7em; }
				.heading h2 { font-size: 1.0em; }
                .container { width: 90%;}
                .container p { font-size: .96em; }
                body img { opacity: .2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); }
            }
        </style>
		<script>
			function showDomainName() {
				document.getElementById("domainName").innerHTML = window.location.hostname;
			}
		</script>
    </head>
    <body onload="showDomainName()">
       <img src="https://secureimages.finalsite.com/gears.jpg">
	   <div class="container">
            <div class="heading">
				<h2 id="domainName"></h2>
				<h1>Temporarily Unavailable for Maintenance</h1>
			</div>   
            <p>We are performing scheduled maintenance/software upgrades and should be back online shortly.</p>
        </div>
		<div style="display: none">powered by finalsite</div>
		<div style="display: none">site is up</div>
	</body>
</html>