<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>DigitalMailer Inc., Site Undergoing Maintenance</title>
  <!-- Webfonts -->
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;lang=en' rel='stylesheet' type='text/css'>
		<style>
			body {
				color: #fff;
				text-align: center;
				font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
				margin: 0 auto;
				padding: 0;
				background: #336fbb;
				background: #295287 url(bgBlue215-gradient.png) 0 0 repeat-x;
			}
			img.logo {
				margin: 0;
				padding: 0;
				width: auto;
				max-width: 75%;
				min-width: 50%;
			}
			h1 {
				font-size: 38px;
				line-height: 44px;
				font-weight: 600;
				margin: 30px 0;
				padding: 0;
			}
			article {
				display: block;
				font-size: 20px;
				font-weight: 300;
				line-height: 30px;
				text-align: center;
				margin: 0 100px;
			}
			a {
				color: #bbd5f9;
				text-decoration: none;
			}
			a:hover {
				color: #e6f0ff;
				text-decoration: none;
			}
			 @media(max-width:480px) {
			h1 {
				font-size: 32px;
				line-height: 38px;
			}
			article {
				font-size: 18px;
				line-height: 28px;
				margin: 0 50px;
			}
			img.logo {
				min-width: 100%;
			}
			}
    </style>
  </head>
  <body>
    <img src="logoDMI-scaleOnBlue.png" class="logo" alt="DigitalMailer Inc." />
    <article>
        <h1>Excuse us as we perform system maintenance.</h1>
        <p>This site is undergoing system maintenance and will be unavailable for an indeterminate period.  We apologize for any inconvenience which may have been caused.</p>
        <p>&mdash; <a href="mailto:info@digitalmailer.com">DigitalMailer Inc.</a></p>
    </article>
	</body>
</html>
