<!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">
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
@font-face {
    font-weight: normal;
    font-style: normal;}

/* === General stuff === */
html, body{
	height:100%;
	background:#186aa9 url(/images/sky-background.png) top repeat-x;	
	overflow:hidden;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	
}

a{
	
	color:#3680b1;	
	
}

img, a img{
	
	border:0px none;	
	outline:none;
	
}

#wrapper{
	
	width:980px;
	margin:0px auto;
	position:relative;
	height:100%;
	 
	
}

h1.not-found-text{
	
	font-size:28px;
	color:#fff;
	font-family:"SingleSleeveRegular", cursive;
	letter-spacing:2px;
	margin-bottom:20px;	
}

div.not-found-text{
	
	position:absolute;
	top:35px;
	right:0px;
	width:430px; 
	
}
div.graphic{
	
	position:absolute;
	top:80px;
	left:0px;
	background:url(/images/404.png) top left no-repeat;
	width:494px;
	height:331px;	
}
div.search{
	
	position:absolute;
	top:145px;
	right:0px;
	width:340px;
	background:#eeeeee;
	box-shadow:1px 1px 0 #ffffff inset, 5px 5px 0px #3680b1;
	color:#555555;
	font-size:14px;
	text-shadow:1px 1px 0 #ffffff;
	border-radius:30px;
	padding:10px;
	z-index:999;
	
}

div.search input[type=submit]:hover{
	
	background:#ffffff url(/images/search.png) center center no-repeat;	
	cursor:pointer;
	
}

div.search input[type=submit]{
	
	box-shadow:1px 1px 0 #ffffff inset, 5px 5px 0px #3680b1;
	background:#eeeeee url(/images/search.png) center center no-repeat;
	border-radius:50px;
	position:absolute;
	top:0px;
	right:380px;
	width:50px;
	height:40px;
	border:none;
	
	
}

div.search input[type=text]{
	
	padding:0px 10px;
	border:0px none;
	background:none;
	color:#999999;
	width:300px;
	height:20px;
	
}

div.top-menu{
	
	position:absolute;
	top:200px;
	right:0px;
	color:#ffffff;
	z-index:998;
	
}

div.top-menu a{
	
	text-decoration:none;
	color:#eeeeee;
	margin:0px 5px;
	font-size:12px;
	
}

div.top-menu a:hover{
	
	color:#abd7fa;	
	
}
 </style>
<!--[if lt IE 9]>
	<link rel="stylesheet" type="text/css" href="images/ie8.css" />
<![endif]-->
 

<title>404 - Not found</title>
</head> 
<body>

 
<!-- Universal preloader -->

<div id="wrapper">
<!-- 404 graphic -->
	<div class="graphic"></div>
<!-- 404 graphic -->
<!-- Not found text -->
	<div class="not-found-text">
    	<h1 class="not-found-text">File not found, sorry!</h1>
    </div>
<!-- Not found text -->

<!-- search form -->
<div class="search">
	<form name="search" method="get" action="#" />
        <input type="text" name="search" value="Search ..." />
        <input class="with-tooltip" title="Search!" type="submit" name="submit" value="" />
    </form>
</div>
 
<div class="top-menu">
	<a href="/" class="with-tooltip" title="Return to the home page">首页</a> | <a href="/contents/about.html" class="with-tooltip" title="Navigate through our sitemap">网站地图</a> | <a href="/contents/contact.html" class="with-tooltip" title="Contact us!">联系我们</a>  
</div>
 
</div>

 
 

 
</body>
</html>