<!doctype html>
<html lang="en">

<head>

	<title>www.consumerservices.ca - Coming?</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">

	<style>

		html {
			overflow: -moz-scrollbars-vertical;
			overflow: scroll;
			background-color: #666;
			color: #000;
			line-height: 1.4;
			font-size: 12px;
			font-family: "verdana", "geneva", sans-serif;
		}

		div {
			position: fixed;
			top: 50%;
			left: 50%;
			width: 500px;
			height: 100px;
			margin-top: -80px;
			margin-left: -280px;
			padding: 30px;
			border: 1px solid #000;
			background-color: #fff;
		}

		h1, p {
			padding: 0;
		}

			h1 {
				width: 370px;
				margin: 0 0 20px 0;
				border-bottom: 1px solid #3874b1;
				color: #3874b1;
				font-size: 13px;
			}

			p {
				margin: 0 0 10px 0;
			}

		img {
			float: right;
			width: 120px;
			height: 120px;
			margin: -10px -10px 0 0;
		}

	</style>

</head>

<body>

	<div>
		<img src="500.jpg" />

		<h1>We are working on a thing.</h1>

		<p>It seems that one of our systems chucked a wobbly.</p>
		<p>The engineering team is informed and service will be restored soon.  In the meantime, here's a puppy.</p>
	</div>

</body>

</html>