Index: src/django_gheat/website/static/style.css
===================================================================
--- src/django_gheat/website/static/style.css	(revision 9211)
+++ src/django_gheat/website/static/style.css	(revision 9212)
@@ -42,4 +42,5 @@
 #menu{
   width:100%-10px;
+  height:20px;
   background-color:#BA0000;
   padding-left:5px;
@@ -61,25 +62,37 @@
   padding:5px;
 }
+
+#filters_text{
+  height:100%;
+  width:570px;
+  overflow:hidden;
+  float:left;
+}
+
+#filters_list{
+  padding:5px;
+  width:200px;
+  border-left: 1px solid #BA0000;
+  float:right;
+  margin-bottom:5px;
+}
 	
 h1{
   color:#C20000;
-  //text-align:right;
-  margin-right:15px;
-  border-bottom:1px solid #C20000;
 }
 
 A:link{
-  color:#000;
+  color:#FFF;
 }
 
 A:visited{
-  color:#E3E3E3;
+  color:#FFF;
 }
 
 A:active{
-  color:#E3E3E3;
+  color:#FFF;
 }
 
 A:hover{
-  color:#B8B8B8;
+  color:#DDD;
 }
Index: src/django_gheat/website/templates/home.html
===================================================================
--- src/django_gheat/website/templates/home.html	(revision 9211)
+++ src/django_gheat/website/templates/home.html	(revision 9212)
@@ -36,6 +36,6 @@
     </div>
     <div id="menu">
-      <font onclick="toggleDiv('info')">Info</font>
-      <font style="padding-left:15px;" onclick="toggleDiv('filters')">Filters</font>
+      <a href="javascript:toggleDiv('info')">Info</a>
+      <a href="javascript:toggleDiv('filters')" style="padding-left:15px;">Filters</a>
     </div>
     <div id="info">
@@ -43,4 +43,10 @@
     </div>
     <div id="filters">
+      <div id="filters_text">
+      <h1>Filters</h1>
+      <p>Create your custom layer by choosing the desired filter options on the right and adding it the layer to the list.</p>
+      <p>For instance, you can choose to create a layer with data measured only by yourself, or with a certain node from Wireless Leiden only.</p>
+      </div>
+      <div id="filters_list">
       <form method="get" action="">
       <table border="0">
@@ -48,18 +54,30 @@
           <td>User</td>
           <td><input type="text" id="user" name="user" size="10"/></td>
+        </tr>
+        <tr>
+          <td>Set</td>
+          <td><input type="text" id="dataset" name="dataset" size="10"/></td>
+        </tr>
+        <tr>
+          <td>Date</td>
+          <td><input type="text" id="date" name="date" size="10"/></td>
+        </tr>
+        <tr>
           <td>WL Node</td>
           <td><input type="text" id="wlnode" name="wlnode" size="10"/></td>
-          <td>Date</td>
-          <td><input type="text" id="date" name="date" size="10"/></td>
+        </tr>
+        <tr>
+          <td>Encrypted</td>
+          <td><input type="checkbox" id="enc" name="enc"/></td>
+        </tr>
+        <tr>
+          <td>Layer colour</td>
+          <td><input type="text" id="colour" name="colour" size="10"/></td>
+        </tr>
+        <tr>
           <td>Layer name</td>
           <td><input type="text" id="lname" name="lname" size="10"/></td>
         </tr>
         <tr>
-          <td>Set</td>
-          <td><input type="text" id="dataset" name="dataset" size="10"/></td>
-          <td>Encrypted</td>
-          <td><input type="checkbox" id="enc" name="enc"/></td>
-          <td>Colour</td>
-          <td><input type="text" id="colour" name="colour" size="10"/></td>
           <td></td>
           <td><input type="button" value="Add filter" onClick="filters()"/></td>
@@ -67,4 +85,5 @@
       </table>
       </form>
+      </div>
     </div>
   </div>