diff --git a/mojotrollz/page/default_page/default_page.tpl b/mojotrollz/page/default_page/default_page.tpl
index 363a84e..b1cedd3 100644
--- a/mojotrollz/page/default_page/default_page.tpl
+++ b/mojotrollz/page/default_page/default_page.tpl
@@ -7,31 +7,64 @@
         ${js}
     </head>
 
-    <body style="background: gainsboro;">
+    <body style="color: gold;  background: url(${PICPATH}wall.jpg);">
         <div id="logo" style="text-align: center"><img src="${PICPATH}World-Of-Warcraft-Logo.png"/></div>
-        <div id="wrapper" style="background: url(${PICPATH}background.jpg); width: 1000px;  margin: auto; -webkit-box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 1); box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 1); border-radius: 5px;">
-            <div id="wizard_navbar" class="navbar">
-                 <div class="navbar-inner">
-                     <a class="brand active" href="#">Welcome</a>
+        <div id="wrapper" style="background: url(${PICPATH}background.png); width: 1000px;  margin: auto; -webkit-box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 1); box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 1); border-radius: 5px;">
+            <div id="wizard_navbar" class="navbar" style="background: black;" >
+                 <div class="navbar-inner" style="background-image: url(${PICPATH}navbar_background.png);">
+                     <a class="brand active" href="#"><font color="gold">Welcome</font></a>
                      <ul class="nav">
-                         <li><a href="#" url="?action=wizard_details">Details</a></li>
-                         <li><a href="#" url="?action=wizard_visuals">Visuals</a></li>
-                         <li><a href="#" url="?action=wizard_friend">Mates n'Guilds</a></li>
-                         <li><a href="#" url="?action=wizard_friend">Skills</a></li>
-                         <li><a href="#" url="?action=wizard_spawn">Spawn</a></li>
-                         <li><a href="#" url="?action=wizard_summ">Summary</a></li>
-                         <li><a href="#" url="?action=wizard_reg">Registration</a></li>
+                         <li><a href="#" url="?action=wizard_details"><font color="gold">Details</font></a></li>
+                         <li><a href="#" url="?action=wizard_visuals"><font color="gold">Visuals</font></a></li>
+                         <li><a href="#" url="?action=wizard_friend"><font color="gold">Mates n'Guilds</font></a></li>
+                         <li><a href="#" url="?action=wizard_friend"><font color="gold">Skills</font></a></li>
+                         <li><a href="#" url="?action=wizard_spawn"><font color="gold">Spawn</font></a></li>
+                         <li><a href="#" url="?action=wizard_summ"><font color="gold">Summary</font></a></li>
+                         <li><a href="#" url="?action=wizard_reg"><font color="gold">Registration</font></a></li>
                      </ul>
                  </div>
              </div>
-            <div id="content_wrapper" style="padding: 10px;">
+            
+            <img src="${PICPATH}border_top.png" width="100%" style="margin-top: -40px"/>
+            <div id="frame_left" style="float: left; margin: 0;">
+                <img src="${PICPATH}border_left.png" style=""/>
+                <br>
+                <img src="${PICPATH}border_left.png" style=""/>
+                <br>
+                <img src="${PICPATH}border_left.png" style=""/>
+                <br>
+                <img src="${PICPATH}border_left.png" style=""/>
+                <br>
+                <img src="${PICPATH}border_left.png" style=""/>
+                <br>
+                <img src="${PICPATH}border_left.png" style=""/>
+
+            </div>
+            <div style="float: right; margin-right: -4px;">
+            <img src="${PICPATH}border_right.png" style=""/>
+            <br>
+            <img src="${PICPATH}border_right.png" style=""/>
+            <br>
+            <img src="${PICPATH}border_right.png" style=""/>
+            <br>
+            <img src="${PICPATH}border_right.png" style=""/>
+            <br>
+            <img src="${PICPATH}border_right.png" style=""/>
+            <br>
+            <img src="${PICPATH}border_right.png" style=""/>
+            
+            </div>
+            <div id="content_wrapper" style="padding-left: 10px; padding-right: 10px;">
                 <div id="content">
                 welcome
                 </div>
                 <div style="clear: both;"></div>
+                <img src="${PICPATH}border_right.png" style="float: right; margin-right: -10px;"/>
+                <img src="${PICPATH}border_left.png" style="float: left; margin-left: -10px;"/>
                 <div id="back" style="float: right;"><img src="${PICPATH}arrow_right.png"/></div>
-                <div id="next"><img src="${PICPATH}arrow_left.png"/></div>
+                <div id="next" style="float: left;"><img src="${PICPATH}arrow_left.png"/></div>
             </div>
+            <img src="${PICPATH}border_bot.png" width="100%"/>
         </div>
      
     </body>
diff --git a/mojotrollz/page/default_page/img/World-Of-Warcraft-Logo.png b/mojotrollz/page/default_page/img/World-Of-Warcraft-Logo.png
index 0c2a7f4..96c98f3 100644
Binary files a/mojotrollz/page/default_page/img/World-Of-Warcraft-Logo.png and b/mojotrollz/page/default_page/img/World-Of-Warcraft-Logo.png differ
diff --git a/mojotrollz/page/default_page/img/background.jpg b/mojotrollz/page/default_page/img/background.jpg
deleted file mode 100644
index 5dec624..0000000
Binary files a/mojotrollz/page/default_page/img/background.jpg and /dev/null differ
diff --git a/mojotrollz/page/default_page/img/background.png b/mojotrollz/page/default_page/img/background.png
new file mode 100644
index 0000000..1784718
Binary files /dev/null and b/mojotrollz/page/default_page/img/background.png differ
diff --git a/mojotrollz/page/default_page/img/background1.png b/mojotrollz/page/default_page/img/background1.png
new file mode 100644
index 0000000..14afc6f
Binary files /dev/null and b/mojotrollz/page/default_page/img/background1.png differ
diff --git a/mojotrollz/page/default_page/img/background2.png b/mojotrollz/page/default_page/img/background2.png
new file mode 100644
index 0000000..2a3903b
Binary files /dev/null and b/mojotrollz/page/default_page/img/background2.png differ
diff --git a/mojotrollz/page/default_page/img/background3.png b/mojotrollz/page/default_page/img/background3.png
new file mode 100644
index 0000000..28a6c7c
Binary files /dev/null and b/mojotrollz/page/default_page/img/background3.png differ
diff --git a/mojotrollz/page/default_page/img/border_bot.png b/mojotrollz/page/default_page/img/border_bot.png
new file mode 100644
index 0000000..bf20f0e
Binary files /dev/null and b/mojotrollz/page/default_page/img/border_bot.png differ
diff --git a/mojotrollz/page/default_page/img/border_left.png b/mojotrollz/page/default_page/img/border_left.png
new file mode 100644
index 0000000..7ae648e
Binary files /dev/null and b/mojotrollz/page/default_page/img/border_left.png differ
diff --git a/mojotrollz/page/default_page/img/border_right.png b/mojotrollz/page/default_page/img/border_right.png
new file mode 100644
index 0000000..6d2606b
Binary files /dev/null and b/mojotrollz/page/default_page/img/border_right.png differ
diff --git a/mojotrollz/page/default_page/img/border_top.png b/mojotrollz/page/default_page/img/border_top.png
new file mode 100644
index 0000000..a342b8f
Binary files /dev/null and b/mojotrollz/page/default_page/img/border_top.png differ
diff --git a/mojotrollz/page/default_page/img/navbar_background.png b/mojotrollz/page/default_page/img/navbar_background.png
new file mode 100644
index 0000000..3c9247c
Binary files /dev/null and b/mojotrollz/page/default_page/img/navbar_background.png differ
diff --git a/mojotrollz/page/default_page/img/paper_huge.jpg b/mojotrollz/page/default_page/img/paper_huge.jpg
new file mode 100644
index 0000000..7a64604
Binary files /dev/null and b/mojotrollz/page/default_page/img/paper_huge.jpg differ
diff --git a/mojotrollz/page/default_page/img/wall.jpg b/mojotrollz/page/default_page/img/wall.jpg
new file mode 100644
index 0000000..949a950
Binary files /dev/null and b/mojotrollz/page/default_page/img/wall.jpg differ
diff --git a/mojotrollz/page/wizard_details/details.tpl b/mojotrollz/page/wizard_details/details.tpl
index 98e17fe..1a17466 100644
--- a/mojotrollz/page/wizard_details/details.tpl
+++ b/mojotrollz/page/wizard_details/details.tpl
@@ -2,10 +2,12 @@
 <div id="details_gender" style="float: left; margin: 15px;">
     <input type="text" class="form-control input-lg" placeholder="${character_name}">
     <br>
+    <img src="${PICPATH}button_random.png" width="220px"/>
     <br>
     <br>
-    <img src="${PICPATH}male.png" width="100px"/>
-    <img src="${PICPATH}female.png" width="100px"/>
+    <br>
+    <img src="${PICPATH}male.png" width="110px"/>
+    <img src="${PICPATH}female.png" width="110px"/>
 </div>
 <div id="details_gender" style="float: left; margin: 15px;">
     <img src="${PICPATH}human_male.png"/>
diff --git a/mojotrollz/page/wizard_details/img/button_random.png b/mojotrollz/page/wizard_details/img/button_random.png
new file mode 100644
index 0000000..058b794
Binary files /dev/null and b/mojotrollz/page/wizard_details/img/button_random.png differ
diff --git a/mojotrollz/page/wizard_friend/friend.tpl b/mojotrollz/page/wizard_friend/friend.tpl
new file mode 100644
index 0000000..f2ba8f8
--- /dev/null
+++ b/mojotrollz/page/wizard_friend/friend.tpl
@@ -0,0 +1 @@
+abc
\ No newline at end of file
diff --git a/mojotrollz/page/wizard_friend/wizard_friend.php b/mojotrollz/page/wizard_friend/wizard_friend.php
new file mode 100644
index 0000000..28635ae
--- /dev/null
+++ b/mojotrollz/page/wizard_friend/wizard_friend.php
@@ -0,0 +1,24 @@
+<?php
+
+class wizard_friend extends SYSTEM\PAGE\Page {
+    
+    private function js(){        
+        return  '';
+
+              
+    }
+      
+   private function css (){
+       return '';
+   }
+
+    public function html(){
+        $vars = array();               
+        $vars['js'] = $this->js();
+        $vars['css'] = $this->css();
+        $vars['PICPATH'] = \SYSTEM\WEBPATH(new PPAGE(),'wizard_friend/img/');
+        $vars = array_merge($vars,  \SYSTEM\locale::getStrings(DBD\locale_string::VALUE_CATEGORY_MAINPAGE));
+        return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'wizard_friend/friend.tpl'), $vars);
+        
+    }
+}
\ No newline at end of file
