diff --git a/web/index.html b/web/index.html
index 4f65d551..928227bb 100644
--- a/web/index.html
+++ b/web/index.html
@@ -13,6 +13,9 @@
 	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 	<link rel="stylesheet" type="text/css" href="dynmap_style.css" media="screen" />
 	<link rel="stylesheet" type="text/css" href="chat_style.css" media="screen" />
+	<!--
+	<link rel="stylesheet" type="text/css" href="override_example.css" media="screen" />
+	-->
 	<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
 	<script type="text/javascript" src="jquery.json.js"></script>
 	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
diff --git a/web/override_example.css b/web/override_example.css
new file mode 100644
index 00000000..a353b45d
--- /dev/null
+++ b/web/override_example.css
@@ -0,0 +1,24 @@
+/*******************
+ * This is the over-ride CSS file.
+ *
+ * if you know any CSS you can easily add any custom rules to change how
+ * Dynmap looks for your particular install.
+ *
+ * Simply uncomment the override.css in the index.html and rename this file
+ * to override.css to use these custom rules.
+ *
+ * By adding these rules here you can easily save your changes between updates.
+ */
+
+
+/* IE : Use the alternate compass image */
+
+.compass {
+    top: 20px;
+    right: 20px;
+
+    height: 50px;
+    width: 50px;
+
+    background-image: url(compass_alt.png);
+}
diff --git a/web/window_close_hover.png b/web/window_close_hover.png
new file mode 100644
index 00000000..08656f6a
Binary files /dev/null and b/web/window_close_hover.png differ
diff --git a/web/window_pinned.png b/web/window_pinned.png
index 35e0a0ae..9051e4f9 100644
Binary files a/web/window_pinned.png and b/web/window_pinned.png differ
diff --git a/web/window_pinned_hover.png b/web/window_pinned_hover.png
new file mode 100644
index 00000000..e1f963d2
Binary files /dev/null and b/web/window_pinned_hover.png differ