diff --git a/_sakura/templates/yuuno/errors/http404.tpl b/_sakura/templates/yuuno/errors/http404.tpl
new file mode 100644
index 0000000..5020798
--- /dev/null
+++ b/_sakura/templates/yuuno/errors/http404.tpl
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>Cannot find page</title>
+		<link rel="stylesheet" type="text/css" href="//{{ sakura.urls.content }}/css/yuuno/error.css" />
+	</head>
+	<body>
+		<audio autoplay="">
+			<source src="//{{ sakura.urls.content }}/snd/notfound.ogg" type="audio/ogg" />
+			<source src="//{{ sakura.urls.content }}/snd/notfound.mp3" type="audio/mp3" />
+		</audio>
+		<div id="wrap">
+			<h1>
+				<img src="//{{ sakura.urls.content }}/img/404-info.gif" />
+				The page cannot be found
+			</h1>
+			<p>
+				The page you are looking for might have been removed, had its
+				name changed, or is temporarily unavailable.
+			</p>
+			<hr />
+			<h2>
+				Please try the following:
+			</h2>
+			<ul>
+				<li>
+					If you typed the page address in the Address bar, make
+					sure that it is spelled correctly.
+				</li>
+				<li>
+					Open the <a href="/">flashii.net</a>
+					home page, and then look for links to the information you want.
+				</li>
+				<li>
+					Click the <img src="//{{ sakura.urls.content }}/img/404-back.gif" /><a href="javascript:;" onclick="history.go(-1);">Back</a>
+					button to try another link.
+				</li>
+				<li>
+					Click <img src="//{{ sakura.urls.content }}/img/404-search.gif" /><a href="http://www.bing.com/search?q=flashii">Search</a>
+					to look for information on the Internet.
+				</li>
+			</ul>
+			<h3>
+				HTTP 404 - File not found
+				<br />
+				Internet Explorer
+			</h3>
+		</div>
+	</body>
+</html>
diff --git a/content/css/yuuno/error.css b/content/css/yuuno/error.css
new file mode 100644
index 0000000..39078c6
--- /dev/null
+++ b/content/css/yuuno/error.css
@@ -0,0 +1,79 @@
+html {
+	background: url('//cdn.flashii.net/img/satori-error.png') top right no-repeat #FFF;
+	font-family: 'verdana', sans-serif;
+	font-size: 0.8em;
+}
+body {
+	margin: 0px 2em;
+}
+html, body {
+	min-height: 100%;
+	width: 90;
+}
+#wrap {
+	max-width: 34em;
+}
+h1, h2, h3, p {
+	margin: 0;
+	padding: 0;
+	font-size: 1em;
+	font-weight: normal;
+}
+h1 {
+	font-size: 1.5em;
+	margin: 1.33em 0;
+}
+h1 img {
+	margin: 0px 0.5em -0.75em 0px;
+}
+p {
+	padding: 0px;
+	margin: 2em 0px;
+	line-height: 1.33em;
+}
+hr {
+	margin: 1.9em 0px;
+	background: #BBB;
+	border: none;
+}
+ul {
+	padding: 0.75em 0px 0px 0px;
+}
+li {
+	margin: 0px 0px 0.8em 3.46em;
+	line-height: 1.32em;
+}
+a {
+	color: red;
+}
+img+a:before {
+	content: ' ';
+}
+h3 {
+	margin: 2.5em 0px;
+}
+li:nth-child(3) img {
+	margin: -0.2em 0px
+}
+li:nth-child(4) img {
+	margin: -0.5em 0px
+}
+table {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	opacity: 0;
+	display: none;
+}
+table, tr, td {
+	background: rgba(0,0,0,0.2);
+	height: 100%;
+	width: 100%;
+	text-align: center;
+}
+table img {
+	border-radius: 32px;
+	box-shadow: 0 4px 32px #888;
+}
\ No newline at end of file
diff --git a/main/404.php b/main/404.php
index e69de29..e58cfb7 100644
--- a/main/404.php
+++ b/main/404.php
@@ -0,0 +1,10 @@
+<?php
+/*
+ * Flashii.net Main Index
+ */
+
+// Include components
+require_once('/var/www/flashii.net/_sakura/sakura.php');
+
+// Print page contents
+print $flashii->_TPL->render('errors/http404.tpl', $renderData);
diff --git a/main/index.php b/main/index.php
index b59f9e6..8e6e6a6 100644
--- a/main/index.php
+++ b/main/index.php
@@ -3,7 +3,7 @@
  * Flashii.net Main Index
  */
 
-// Include components 
+// Include components
 require_once('/var/www/flashii.net/_sakura/sakura.php');
 
 // Add page specific things
