diff --git a/docs/welcome/workshop-filetypes+attributes.html b/docs/welcome/workshop-filetypes+attributes.html
index b6a9ef57eb..fe28d544f7 100644
--- a/docs/welcome/workshop-filetypes+attributes.html
+++ b/docs/welcome/workshop-filetypes+attributes.html
@@ -1,29 +1,59 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
-<HTML>
-<HEAD>
-	<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8">
-	<TITLE>Workshop: Filetypes & Attributes</TITLE>
-	<META NAME="CREATED" CONTENT="0;0">
-	<META NAME="CHANGEDBY" CONTENT="Humdinger">
-	<META NAME="CHANGED" CONTENT="20080926;15151900">
-	<META NAME="CHANGEDBY" CONTENT="Humdinger">
-	<STYLE TYPE="text/css">
-	</STYLE>
-</HEAD>
-<BODY LANG="en-US">
-<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
-	<COL WIDTH=256*>
-	<TR>
-		<TD WIDTH=100% VALIGN=TOP BGCOLOR="#326496">
-			<P STYLE="background: #326496"><a href="welcome.html"><img src="welcome-images/shijin-logo.png" alt="Logo" border="0"></a></p>
-		</TD>
-	</TR>
-	<TR>
-		<TD WIDTH=100% VALIGN=TOP BGCOLOR="#204f7e">
-			<P STYLE="background: #204f7e"><img src="welcome-images/dummy.png" alt="dummy"></p>
-		</TD>
-	</TR>
-<TR><TD WIDTH=100% VALIGN=TOP>
+<html>
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=utf-8">
+	<title>Workshop: Filetypes & Attributes</title>
+	<style type="text/css">
+		body { padding: 0px }
+		a:visited { color: #892601; }
+		a:link { color: #dc3c01; }
+	</style>
+</head>
+<body lang="en-US" text="#000000" bgcolor="#ffffff" link="#dc3c01"
+	vlink="#892601" marginwidth="0" marginheight="0">
+
+<table width="100%" border="0" cellpadding="0" cellspacing="0">
+<tr>
+	<td width="5%" bgcolor="#efefef" align="right" valign="bottom">
+		<img src="welcome-images/logo_lt.png" alt="logo"
+			border="0">
+	</td>
+	<td width="45%" bgcolor="#efefef" valign="bottom">
+		<img src="welcome-images/logo_rt.png" alt="logo"
+			border="0">
+	</td>
+	<td width="45%" height="70" bgcolor="#efefef" align="right" valign="bottom">
+		<font size="4">Welcome to Haiku!</font>
+	</td>
+	<td width="5%" bgcolor="#efefef"></td>
+	</tr>
+	<tr>
+	<td width="5%" bgcolor="#efefef" valign="top" align="right">
+		<img src="welcome-images/logo_lb.png" alt="logo"
+			border="0">
+	</td>
+	<td width="90%" bgcolor="#efefef" valign="top" colspan="2">
+		<img src="welcome-images/logo_rb.png" alt="logo"
+			border="0">
+	</td>
+	<td width="5%" bgcolor="#efefef"></td>
+</tr>
+
+<tr>
+	<td width="5%" bgcolor="#e0e0e0">&nbsp;</td>
+	<td nowrap width="90%" bgcolor="#e0e0e0" align="right" colspan="2">
+		<small><a href="welcome.html">Welcome</a>
+		&nbsp;&nbsp;&nbsp;
+		Previous: <a href="filetypes.html">Filetypes</a>
+		&nbsp;&nbsp;&nbsp;
+		Next: <a href="attributes.html">File Attributes</a></small>
+	</td>
+	<td width="5%" bgcolor="#e0e0e0">&nbsp;</td>
+</tr>
+
+<tr>
+<td width="5%">&nbsp;</td>
+<td width="90%" valign="top" colspan="2">
 <br>
 <p>This is a workshop to show the use of <a href="attributes.html">Attributes</a>, <a href="queries.html">Queries</a>, the <a href="index.html">Index</a> and custom <a href="filetypes.html">Filetypes</a>. As an example, we build a database to keep track of our DVD library.
 </p>
@@ -116,11 +146,10 @@ So, what will we be searching in the future? We probably won't ask "What's in th
 </p><p>
 <table cellpadding=10 border=1>
 <th>Internal Name</th><th>Attribute type</th>
-<tr>
-<td>DVDdb:title</td>	<td>text</td>		</tr>
-<td>DVDdb:genre</td>		<td>text</td>	</tr>
-<td>DVDdb:cast</td>		<td>text</td>	</tr>
-<td>DVDdb:rating</td>	<td>int-32</td>		</td></tr>
+<tr><td>DVDdb:title</td>	<td>text</td>		</tr>
+<tr><td>DVDdb:genre</td>		<td>text</td>	</tr>
+<tr><td>DVDdb:cast</td>		<td>text</td>	</tr>
+<tr><td>DVDdb:rating</td>	<td>int-32</td>		</td></tr>
 </table>
 </p><p>To index them, we open a Terminal and simply add one attribute after the other:
 <pre>mkindex -t string DVDdb:title
@@ -150,7 +179,23 @@ Open the folder containing your DVDdb files and arrange the attributes how you'd
 </p><p>
 <img src="workshop-filetypes+attributes-images/query-dvddb.png" alt="query-dvddb.png" width="757" height="462">
 </p>
-</TD></TR>
-</TABLE>
-</BODY>
-</HTML>
+
+</td>
+<td width="5%">&nbsp;</td>
+</tr>
+
+<tr>
+	<td width="5%" bgcolor="#efefef">&nbsp;</td>
+	<td width="90%" bgcolor="#efefef" align="right" colspan="2">
+		<a href="welcome.html">Welcome</a>
+		&nbsp;&nbsp;&nbsp;
+		Previous: <a href="filetypes.html">Filetypes</a>
+		&nbsp;&nbsp;&nbsp;
+		Next: <a href="attributes.html">File Attributes</a>
+	</td>
+	<td width="5%" bgcolor="#efefef">&nbsp;</td>
+</tr>
+
+</table>
+</body>
+</html>
