<!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" lang="en-US">
<head>
   
   <title>404 - Someone Messed Up</title>
         
<style type="text/css">
* {
   font-family: 'trebuchet MS', Century Gothic;
   padding: 0px;
   margin: 0px;
   color: #555555;
}

html, body {
	   background: #E3E3E3 !important;
}

#wrapper-content {
   text-align: left;
   width: 750px;
   background: #E3E3E3;
   margin: 0 auto;
   padding: 0px;
   height: 600px;
}

#header {
	position: relative;
	float: left;
	width: 250px;
	height: 250px;
	background: url('http://www.openbookhosting.com/images/water-mark.png');
	background-position: 0px -50px;
	background-repeat: no-repeat;
}

#header img {
	position: absolute;
	top: 50px;
	left: 25px;
}

#hgroup {
	position: relative;
	float: right;
	margin-top: 50px;
}

#hgroup img {
	position: absolute;
	left: -60px;
	top: -5px;
}

h1 {
	color: #555555;

}

#main-content {
	float: right;
	width: 450px;
	margin-top: -115px;
	font-size: 10pt;
}

.clear {
	clear: both;
}

p {
	margin-bottom: 10px;
}

ul {
	list-style: none;
	margin-top: 5px;
	margin-bottom: 15px;
}

li {
	color: #A01212 ;
	font-size: 10pt;
	margin-bottom: 5px;
	font-family: Century Gothic
}

form {
	margin-top: 5px;
}

INPUT[type=text] {
	padding: 5px;
   border:1px #CCC solid;
   font-size:10pt;
   font-family: 'trebuchet MS', Century Gothic;
   -moz-box-shadow: 0px 1px 0px #fff;
	color: #555555;
	font-size: 9pt;
	
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	margin-right: 5px;
}

INPUT[type=text]:focus {
	background: #EDF9FF;
}

INPUT[type=submit] {
	background: #B93925;
	color: #fff;
	padding: 2px 7px;
	font-size: 10pt;
	font-weight: bold;
	border: solid .5px #8A272D;
	
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	
   width: auto;
   font-family: 'Trebuchet MS', Arial, sans-serif;
   font-size: 9pt;
   text-transform: capitalize;
   cursor: pointer;
   margin: 3px;
   
   text-shadow: #333 1px 1px 0px;
   
	background-color: #C1272D;
	background: -moz-linear-gradient(100% 100% 90deg, #8A272D, #C1272D);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8A272D), to(#C1272D));


}

INPUT[type=submit]:hover {
	background-color: #8A272D;
	background: -moz-linear-gradient(100% 100% 90deg, #600000, #890000);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#600000), to(#890000));
}
</style>
</head>

<body>

<div id="wrapper-content">
<div id="header">
<img src="http://www.openbook.net/images/logo.png" alt="openbook"/>
</div>
<div id="hgroup">
	<img src='http://www.openbookhosting.com/images/no.png' alt='alert' height="50">
	<h1>Oh my! Something broke!</h1>
</div>
<div class="clear"></div>
	<div id="main-content">
	<p>This page explains our process for fixing bad links or non-existing pages.</p>
	<p>(Someday our process will go here.)</p>

	<h3>Some things we know for sure:</h3>
	<ul>
		<li>It wasn't your fault</li>
		<li>It is most likely our fault</li>
		<li>It is possible we removed a page just so you can see this page</li>
	</ul>

	<script type="text/javascript">
	  var GOOG_FIXURL_LANG = 'en';
	  var GOOG_FIXURL_SITE = 'http://www.openbookit.com/';
	</script>
	<script type="text/javascript" src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
</div>
</div><!--wrapper-content-->
</body>