
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Sorry, site is currently down!</title>
  <style>
    
    html { padding: 30px 10px; font-size: 20px; line-height: 1.4; background: #f8f8f8; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    html, input { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
    body { max-width: 600px; _width: 600px; padding: 40px 30px 30px 40px; border: 1px solid #cccccc; border-radius: 4px; margin: 0 auto; box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff; background: #fcfcfc; }
    @font-face {
    font-family: 'BebasRegular';
    src: url('fonts/BEBAS___-webfont.eot');
    src: url('fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BEBAS___-webfont.woff') format('woff'),
         url('fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('fonts/BEBAS___-webfont.svg#CodeProDemoRegular') format('svg');		 
    font-weight: normal;
    font-style: normal;

}
	@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('fonts/OpenSans-CondLight-webfont.eot');
    src: url('fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
    h1 { margin: 0 10px; font-size: 66px; text-align: left; line-height: 95px; color: #737373; font-family: 'BebasRegular', sans-serif; } 
    h2 { margin: 0 10px; font-size: 21px; text-align: left; line-height: 26px; color: #737373; font-family: Helvetica, Arial, sans-serif; width:255px;}
    .container { max-width: 600px; _width: 600px; margin: 0 auto; height: 230px;}
	.container .text{ float:left; padding-right:10px;}
	.mainimage {padding:25px;}
	.footer {font-family:'OpenSansCondensedLight', sans-serif; font-size:14px; color:#333; margin-left:32%; padding:30px;}
	.footer p, img{float:left; padding-right:10px;;}
  </style>
</head>
<body>
  <div class="container">
  	<div class="text">
  	<h1>Uh oh...</h1>
    <h2>It looks like our servers are currently over capacity. Check back in a minute or two and the site should be back to normal.</h2>
    </div>
    <div class="mainimage"><img src="overcapacity.png" /></div>
    
    
  </div>
  <div class="footer"><p>POWERED BY</p><img src="pentonlogo.png" /></div>
  </body>
</html>

