<!DOCTYPE HTML>
<html>
<head>
	<title>Site Down for Maintenance</title>
	<style type="text/css">
		body {
			background-color: #E5F2FE;
			font-family: Verdana, Arial, Helvetica;
			font-size: 100%;
			line-height: 1.125em;
			color: #4F4F4F;
		}
		
		.body {
			width: 40%;
			margin: 50px auto;
			border-width: 2px;
			border-color: #B2DEFF;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 20px;
			border-style: solid;
			background-color: #FFF;
			padding: 20px;
			overflow: hidden;
		}

		.logo {
			background-image: url(http://www.internetbrands.com/mt-static/themes/internet-brands/logo.png);
			height: 77px;
			width: 173px;
			min-width: 173px;
			overflow: hidden;
			float: left;
			margin: 0 20px 0 0;
		}
		
		.msg {
			border-left: 1px solid #CCC;
			padding: 0 0 0 20px;
			overflow: hidden;
		}
		
		.msg h1 {
			margin: 10px 0 35px 0;
			text-shadow: 3px 3px #d3d3d3;
			font-size: 2.1em;
			line-height: 1.1em;
		}
		
		@media only screen
		and (max-width: 1024px)
		, only screen
		and (max-device-width: 1024px) {
			.body {
				width: 80%;
			}
		
			.msg {
				border: none;
				clear: both;
			}
		}
		
		@media only screen 
		and (max-device-width : 480px)
		, only screen
		and	(max-width: 480px)
		{
			.body {
				margin: 8px auto;
			}
		}
	</style>
	
	<!--[if lt IE 9]>
	<style type="text/css">
		.body {
			width: 600px !important;
			min-width: 600px;
		}
	</style>
	<![endif]-->
</head>
<body>
	<div class="body">
		<div class="logo">&nbsp;</div>
		<div class="msg">
			<h1>Please pardon our dust...</h1>
			<p>We sincerely apologize for the inconvinience that our maintenance has caused.</p>
			<p>Rest assured that we have our hard-at-work engineers actively remedying the issue.</p>
			<p>Internet Brands looks forward to bringing this site back to you as quickly as possible.</p>
			<p>We appreciate your understanding.</p>
		</div>
	</div>
</body>
</html>