diff --git a/mojotrollz/page/wizard_spawn/css/spawn.css b/mojotrollz/page/wizard_spawn/css/spawn.css
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/mojotrollz/page/wizard_spawn/css/spawn.css
@@ -0,0 +1 @@
+
diff --git a/mojotrollz/page/wizard_spawn/img/eastern_kingdoms_map.psd b/mojotrollz/page/wizard_spawn/img/eastern_kingdoms_map.psd
index 531b9b2..a1ece68 100644
Binary files a/mojotrollz/page/wizard_spawn/img/eastern_kingdoms_map.psd and b/mojotrollz/page/wizard_spawn/img/eastern_kingdoms_map.psd differ
diff --git a/mojotrollz/page/wizard_spawn/img/help_background.psd b/mojotrollz/page/wizard_spawn/img/help_background.psd
index 1951456..6c974e7 100644
Binary files a/mojotrollz/page/wizard_spawn/img/help_background.psd and b/mojotrollz/page/wizard_spawn/img/help_background.psd differ
diff --git a/mojotrollz/page/wizard_spawn/img/mapchange.png b/mojotrollz/page/wizard_spawn/img/mapchange.png
new file mode 100644
index 0000000..a85e612
Binary files /dev/null and b/mojotrollz/page/wizard_spawn/img/mapchange.png differ
diff --git a/mojotrollz/page/wizard_spawn/js/wizard_spawn.js b/mojotrollz/page/wizard_spawn/js/wizard_spawn.js
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/mojotrollz/page/wizard_spawn/js/wizard_spawn.js
@@ -0,0 +1 @@
+
diff --git a/mojotrollz/page/wizard_spawn/spawn.tpl b/mojotrollz/page/wizard_spawn/spawn.tpl
index 32d6b88..397bc7d 100644
--- a/mojotrollz/page/wizard_spawn/spawn.tpl
+++ b/mojotrollz/page/wizard_spawn/spawn.tpl
@@ -1,15 +1,18 @@
 <div style="padding: 0; margin: 0;">
-<div id="map_info" style="float: left; padding: 30px; margin: 15px; background: url(${PICPATH}help_background.png); background-size: 100% 100%">
-    <img style="float: left;" src="${PICPATH}help_questionmark.png"/>
-    <h3>${spawn_info_title}</h3>
-    <h4>${spawn_info_text}</h4>
-</div>
-<div style="float: left; margin: 0px; margin: 10px;  width: 30%">
-    <div id="map_eastern_kingdoms">
-        <img src="${PICPATH}eastern_map.png"/>
+    <div id="map_info" style="float: left; padding: 30px; margin: 15px; margin-right: 100px; background: url(${PICPATH}help_background.png); background-size: 100% 100%">
+        <h3 style=""><img style="" src="${PICPATH}help_questionmark.png"width="25px"/>&nbsp;${spawn_info_title}</h3>
+        <h4>${spawn_info_text}</h4>
     </div>
-</div>
-    <div id="map_kalimdor" style="float: left; margin: 10px; width: 30%">
-        <img src="${PICPATH}kalim_map.png"/>
-</div>
+    <div id="mapchange">
+            <a class="male gnome fadein" href="#"><img src="${PICPATH}mapchange.png"/></a>
+            <a class="female gnome fadein" href="#"><img src="${PICPATH}mapchange.png"/></a>
+    </div>
+    <div style="float: left; margin: 0px; margin: 15px;  width: 30%">
+        <div id="map_eastern_kingdoms">
+            <img src="${PICPATH}eastern_map.png"/>
+        </div>
+        <div id="map_kalimdor" class="hidden" style="float: left; margin: 10px; width: 30%;" hidden="1">
+            <img src="${PICPATH}kalim_map.png"/>
+        </div>
+    </div>   
 </div>
\ No newline at end of file