<!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" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
	<title>System down for maintenance</title>
	<style type="text/css">
		* {
			margin:0;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
		}
		body {
			background-color:#674d32;
		}
		h1 {
			margin:0 0 1em;
			line-height:1.25em;
			font-size:1.5em;
			font-weight:bold;
		}
		p {
			font-size:0.9em;
			margin:0 0 1em;
			line-height:1.25em;
		}
		a {
			color:#538dc2;
			text-decoration:none;
		}
		a:hover {
			color:#19558d;
			text-decoration:underline;
		}
		.container {
			width:780px;
			margin:20px auto;
		}
		.container .content {
			padding:40px;
			margin:10px 0 20px;
			background-color:#fff;
			color:#000;
			-webkit-border-radius:5px;
			   -moz-border-radius:5px;
			        border-radius:5px;
			-webkit-box-shadow:rgba(0, 0, 0, 0.7) 1px 1px 6px;
			   -moz-box-shadow: rgba(0, 0, 0, 0.7) 1px 1px 6px;
			        box-shadow: rgba(0, 0, 0, 0.7) 1px 1px 6px;
		}
		.container .footer {
			font-size:0.65em;
		}
		.container .footer ul {
			display:block;
			margin:0 0 10px;
			list-style:none outside none;
			text-align:center;
			text-transform:uppercase;
		}
		.container .footer ul li {
			display:inline;
			margin:0 25px 0 0;
			color:#e9e1b1;
			text-shadow:0 1px 1px #322416;
		}
		.container .footer ul li a {
			color:#e9e1b1;
		}
	</style>
</head>

<body>
	<div class="container">
		<div class="header">
			<img src="http://i.imgur.com/LCLh5.png" alt="Food on the Table" class="logo" />
		</div>
		
		<div class="content">
			<h1>Food on the Table is temporarily down for maintenance</h1>
			<p>
				The Food on the Table team is working hard to improve your everyday experience with
				our service. We appreciate your patience while the site is down.  We'll be back soon,
				we promise!
			</p>
		</div>
		
		<div class="footer">
			<ul>
				<li>Have questions? Contact us!</li>
				<li>1-650-200-FOOD (3663)</li>
				<li><a href="mailto:support@foodonthetable.com">support@foodonthetable.com</a></li>
			</ul>
			<ul>
				<li><a href="/blog/">Blog</a></li>
				<li><a href="http://www.twitter.com/foodonthetable">Twitter</a></li>
				<li><a href="http://www.facebook.com/foodonthetable">Facebook</a></li>
			</ul>
		</div>
	</div>
</body>
</html>
