diff --git a/app/helpers/admin/item_helper.rb b/app/helpers/admin/item_helper.rb
index 98dae928..7994cb25 100644
--- a/app/helpers/admin/item_helper.rb
+++ b/app/helpers/admin/item_helper.rb
@@ -9,14 +9,16 @@ module Admin::ItemHelper
         when 'Link'
           dest = admin_link_path(node)
       end
+      ret << "<ul>"
       ret << "<li>"
       ret << (link_to node.name, dest)
       ret << ' | ' << (link_to t('admin.code'), eval("edit_admin_#{node._type.downcase}_path(node, :code => true)")) if node._type.eql?('Page')
-      ret << ' | ' << (link_to t('admin.new_page'), new_admin_page_path(:parent_id => node.id)) if node._type.eql?('Page')
-      ret << ' | ' << (link_to t('admin.new_link'), new_admin_link_path(:parent_id => node.id)) if node._type.eql?('Page')
+      ret << ' | ' << (link_to t('admin.new_page'), new_admin_page_path(:parent_id => node.id), :class => 'new_page') if node._type.eql?('Page')
+      ret << ' | ' << (link_to t('admin.new_link'), new_admin_link_path(:parent_id => node.id), :class => 'new_link') if node._type.eql?('Page')
       ret << ' | ' << (link_to t(:delete), eval("delete_admin_#{node._type.downcase}_path(node, :authenticity_token => form_authenticity_token)"), :confirm => t('sure?'), :class => 'delete')
       ret << render_children(node)
       ret << "</li>"
+      ret << "</ul>"
     end
     ret.html_safe
   end
diff --git a/app/views/admin/items/index.html.erb b/app/views/admin/items/index.html.erb
index 44c814ed..6e224aa6 100644
--- a/app/views/admin/items/index.html.erb
+++ b/app/views/admin/items/index.html.erb
@@ -1,5 +1,5 @@
 <% content_for :sidebar do %>
-	<div id='sidebar'><%= render 'admin/items/site_map_left_bar' %></div>
+	<%= render 'admin/items/site_map_left_bar' %>
 <% end -%>
 
 <% content_for :page_specific_javascript do %>
diff --git a/app/views/admin/items/index.js.erb b/app/views/admin/items/index.js.erb
index ae1f7389..652cdfc7 100644
--- a/app/views/admin/items/index.js.erb
+++ b/app/views/admin/items/index.js.erb
@@ -1,9 +1,9 @@
-$('#main').empty();
+$('#panel_main').empty();
 switch ("<%= escape_javascript(@item._type)%>") {
 	case 'Link': 
-		$('#main').append("<%= escape_javascript(render(:partial => 'admin/links/show')) %>");
+		$('#panel_main').append("<%= escape_javascript(render(:partial => 'admin/links/show')) %>");
 		break;
   case 'Page': 
-		$('#main').append("<%= escape_javascript(render(:partial => 'admin/pages/show')) %>");
+		$('#panel_main').append("<%= escape_javascript(render(:partial => 'admin/pages/show')) %>");
    	break;
 };
\ No newline at end of file
diff --git a/app/views/admin/links/create.js.erb b/app/views/admin/links/create.js.erb
index 1679d64c..67f6cc13 100644
--- a/app/views/admin/links/create.js.erb
+++ b/app/views/admin/links/create.js.erb
@@ -1,3 +1,3 @@
-$('#sidebar').html("<%= escape_javascript(render(:partial => 'admin/items/site_map_left_bar')) %>");
-$('#main').html("<%= escape_javascript(render(:partial => 'admin/links/show')) %>");
+$('#panel_sidebar').html("<%= escape_javascript(render(:partial => 'admin/items/site_map_left_bar')) %>");
+$('#panel_main').html("<%= escape_javascript(render(:partial => 'admin/links/show')) %>");
 history.pushState(null, document.title, "<%= escape_javascript(admin_link_url(@item)) %>");
\ No newline at end of file
diff --git a/app/views/admin/links/delete.js.erb b/app/views/admin/links/delete.js.erb
index d8771a3c..e17801e6 100644
--- a/app/views/admin/links/delete.js.erb
+++ b/app/views/admin/links/delete.js.erb
@@ -1 +1 @@
-$('#sidebar').html("<%= escape_javascript(render(:partial => 'admin/items/site_map_left_bar')) %>");
\ No newline at end of file
+$('#panel_sidebar').html("<%= escape_javascript(render(:partial => 'admin/items/site_map_left_bar')) %>");
\ No newline at end of file
diff --git a/app/views/admin/links/edit.html.erb b/app/views/admin/links/edit.html.erb
index 7729178c..1b5fb6b5 100644
--- a/app/views/admin/links/edit.html.erb
+++ b/app/views/admin/links/edit.html.erb
@@ -1,5 +1,5 @@
 <% content_for :sidebar do %>
-	<div id='sidebar'><%= render 'admin/items/site_map_left_bar' %></div>
+	<%= render 'admin/items/site_map_left_bar' %>
 <% end -%>
 
 <%= render 'edit' %>
diff --git a/app/views/admin/links/edit.js.erb b/app/views/admin/links/edit.js.erb
index b1292081..34783329 100644
--- a/app/views/admin/links/edit.js.erb
+++ b/app/views/admin/links/edit.js.erb
@@ -1 +1 @@
-$('#main').html("<%= escape_javascript(render(:partial => 'admin/links/edit')) %>");
\ No newline at end of file
+$('#panel_main').html("<%= escape_javascript(render(:partial => 'admin/links/edit')) %>");
\ No newline at end of file
diff --git a/app/views/admin/links/new.html.erb b/app/views/admin/links/new.html.erb
index 7d7142b5..afb9580e 100644
--- a/app/views/admin/links/new.html.erb
+++ b/app/views/admin/links/new.html.erb
@@ -1,5 +1,5 @@
 <% content_for :sidebar do %>
-	<div id='sidebar'><%= render 'admin/items/site_map_left_bar' %></div>
+	<%= render 'admin/items/site_map_left_bar' %>
 <% end -%>
 
 <%= render 'new' %>
diff --git a/app/views/admin/links/new.js.erb b/app/views/admin/links/new.js.erb
index fb85026e..8c60761a 100644
--- a/app/views/admin/links/new.js.erb
+++ b/app/views/admin/links/new.js.erb
@@ -1 +1 @@
-$('#main').html("<%= escape_javascript(render(:partial => 'admin/links/new')) %>");
\ No newline at end of file
+$('#panel_main').html("<%= escape_javascript(render(:partial => 'admin/links/new')) %>");
\ No newline at end of file
diff --git a/app/views/admin/links/show.html.erb b/app/views/admin/links/show.html.erb
index bf733a47..28c1ecfd 100644
--- a/app/views/admin/links/show.html.erb
+++ b/app/views/admin/links/show.html.erb
@@ -1,5 +1,5 @@
 <% content_for :sidebar do %>
-	<div id='sidebar'><%= render 'admin/items/site_map_left_bar' %></div>
+	<%= render 'admin/items/site_map_left_bar' %>
 <% end -%>
 
 <%= render 'show' %>
diff --git a/app/views/admin/links/show.js.erb b/app/views/admin/links/show.js.erb
index f9411af5..6d60d86e 100644
--- a/app/views/admin/links/show.js.erb
+++ b/app/views/admin/links/show.js.erb
@@ -1 +1 @@
-$('#main').html("<%= escape_javascript(render(:partial => 'show')) %>");
\ No newline at end of file
+$('#panel_main').html("<%= escape_javascript(render(:partial => 'show')) %>");
\ No newline at end of file
diff --git a/app/views/admin/links/update.js.erb b/app/views/admin/links/update.js.erb
index 3b56ddb1..e82a6a6b 100644
--- a/app/views/admin/links/update.js.erb
+++ b/app/views/admin/links/update.js.erb
@@ -1,2 +1,2 @@
-$('#main').html("<%= escape_javascript(render(:partial => 'admin/links/show')) %>");
+$('#panel_main').html("<%= escape_javascript(render(:partial => 'admin/links/show')) %>");
 history.pushState(null, document.title, "<%= escape_javascript(admin_link_url(@item)) %>");
\ No newline at end of file
diff --git a/app/views/admin/page_parts/edit.html.erb b/app/views/admin/page_parts/edit.html.erb
index 9a962fdc..a03e7ca6 100644
--- a/app/views/admin/page_parts/edit.html.erb
+++ b/app/views/admin/page_parts/edit.html.erb
@@ -1,5 +1,5 @@
 <% content_for :sidebar do %>
-	<div id='sidebar'><%= render 'admin/items/site_map_left_bar' %></div>
+	<%= render 'admin/items/site_map_left_bar' %>
 <% end -%>
 
 <%= render @partial %>
\ No newline at end of file
diff --git a/app/views/admin/page_parts/edit.js.erb b/app/views/admin/page_parts/edit.js.erb
index e073cd8a..01446ed9 100644
--- a/app/views/admin/page_parts/edit.js.erb
+++ b/app/views/admin/page_parts/edit.js.erb
@@ -1 +1 @@
-$('#main').html("<%= escape_javascript(render(:partial => @partial)) %>");
\ No newline at end of file
+$('#panel_main').html("<%= escape_javascript(render(:partial => @partial)) %>");
\ No newline at end of file
diff --git a/app/views/admin/page_parts/update.js.erb b/app/views/admin/page_parts/update.js.erb
index eec63a32..d41e3287 100644
--- a/app/views/admin/page_parts/update.js.erb
+++ b/app/views/admin/page_parts/update.js.erb
@@ -1,2 +1,2 @@
-$('#main').html("<%= escape_javascript(render(:partial => 'admin/pages/show' )) %>");
+$('#panel_main').html("<%= escape_javascript(render(:partial => 'admin/pages/show' )) %>");
 history.pushState(null, document.title, "<%= escape_javascript(admin_page_url(@item)) %>");
\ No newline at end of file
diff --git a/app/views/admin/pages/create.js.erb b/app/views/admin/pages/create.js.erb
index 9c4b31c7..ef5f7879 100644
--- a/app/views/admin/pages/create.js.erb
+++ b/app/views/admin/pages/create.js.erb
@@ -1,3 +1,3 @@
-$('#sidebar').html("<%= escape_javascript(render(:partial => 'admin/items/site_map_left_bar')) %>");
-$('#main').html("<%= escape_javascript(render(:partial => 'admin/pages/show')) %>");
+$('#panel_sidebar').html("<%= escape_javascript(render(:partial => 'admin/items/site_map_left_bar')) %>");
+$('#panel_main').html("<%= escape_javascript(render(:partial => 'admin/pages/show')) %>");
 history.pushState(null, document.title, "<%= escape_javascript(admin_page_url(@item)) %>");
\ No newline at end of file
diff --git a/app/views/admin/pages/delete.js.erb b/app/views/admin/pages/delete.js.erb
index d8771a3c..e17801e6 100644
--- a/app/views/admin/pages/delete.js.erb
+++ b/app/views/admin/pages/delete.js.erb
@@ -1 +1 @@
-$('#sidebar').html("<%= escape_javascript(render(:partial => 'admin/items/site_map_left_bar')) %>");
\ No newline at end of file
+$('#panel_sidebar').html("<%= escape_javascript(render(:partial => 'admin/items/site_map_left_bar')) %>");
\ No newline at end of file
diff --git a/app/views/admin/pages/edit.html.erb b/app/views/admin/pages/edit.html.erb
index 6ef5beb1..b4bfc607 100644
--- a/app/views/admin/pages/edit.html.erb
+++ b/app/views/admin/pages/edit.html.erb
@@ -1,3 +1,7 @@
+<% content_for :sidebar do %>
+	<%= render 'admin/items/site_map_left_bar' %>
+<% end -%>
+
 <h1><%= t('admin.editing_page') %></h1>
 
 <%= form_for @item, :url => admin_page_path(@item) do |f| %>
diff --git a/app/views/admin/pages/edit.js.erb b/app/views/admin/pages/edit.js.erb
index c0761ed6..9c61245e 100644
--- a/app/views/admin/pages/edit.js.erb
+++ b/app/views/admin/pages/edit.js.erb
@@ -1 +1 @@
-$('#main').html("<%= escape_javascript(render(:partial => @code ? 'edit_code' : 'edit')) %>");
\ No newline at end of file
+$('#panel_main').html("<%= escape_javascript(render(:partial => @code ? 'edit_code' : 'edit')) %>");
\ No newline at end of file
diff --git a/app/views/admin/pages/new.html.erb b/app/views/admin/pages/new.html.erb
index cf930b91..f4b7c906 100644
--- a/app/views/admin/pages/new.html.erb
+++ b/app/views/admin/pages/new.html.erb
@@ -1,5 +1,5 @@
 <% content_for :sidebar do %>
-	<div id='sidebar'><%= render 'admin/items/site_map_left_bar' %></div>
+	<%= render 'admin/items/site_map_left_bar' %>
 <% end -%>
 
 <%= render 'new' %>
\ No newline at end of file
diff --git a/app/views/admin/pages/new.js.erb b/app/views/admin/pages/new.js.erb
index 7dd4e048..58070a22 100644
--- a/app/views/admin/pages/new.js.erb
+++ b/app/views/admin/pages/new.js.erb
@@ -1 +1 @@
-$('#main').html("<%= escape_javascript(render(:partial => 'admin/pages/new')) %>");
\ No newline at end of file
+$('#panel_main').html("<%= escape_javascript(render(:partial => 'admin/pages/new')) %>");
\ No newline at end of file
diff --git a/app/views/admin/pages/show.html.erb b/app/views/admin/pages/show.html.erb
index 5371ccde..6dd0f923 100644
--- a/app/views/admin/pages/show.html.erb
+++ b/app/views/admin/pages/show.html.erb
@@ -1 +1,5 @@
+<% content_for :sidebar do %>
+	<%= render 'admin/items/site_map_left_bar' %>
+<% end -%>
+
 <%= render @code ? 'show_code' : 'show' %>
\ No newline at end of file
diff --git a/app/views/admin/pages/show.js.erb b/app/views/admin/pages/show.js.erb
index f9411af5..6d60d86e 100644
--- a/app/views/admin/pages/show.js.erb
+++ b/app/views/admin/pages/show.js.erb
@@ -1 +1 @@
-$('#main').html("<%= escape_javascript(render(:partial => 'show')) %>");
\ No newline at end of file
+$('#panel_main').html("<%= escape_javascript(render(:partial => 'show')) %>");
\ No newline at end of file
diff --git a/app/views/admin/pages/update.js.erb b/app/views/admin/pages/update.js.erb
index 6c6a1630..4fdd4357 100644
--- a/app/views/admin/pages/update.js.erb
+++ b/app/views/admin/pages/update.js.erb
@@ -1,2 +1,2 @@
-$('#main').html("<%= escape_javascript(render(:partial => 'admin/pages/show')) %>");
+$('#panel_main').html("<%= escape_javascript(render(:partial => 'admin/pages/show')) %>");
 history.pushState(null, document.title, "<%= escape_javascript(admin_page_url(@item)) %>");
\ No newline at end of file
diff --git a/app/views/layouts/content.html.erb b/app/views/layouts/content.html.erb
index c69eb22a..8b4d3a13 100644
--- a/app/views/layouts/content.html.erb
+++ b/app/views/layouts/content.html.erb
@@ -5,8 +5,7 @@
   <title><%= @title || 'R4 rescue title' %></title>
   <link rel="shortcut icon" href="/favicon.ico">
   <%= yield :page_specific_link %>
-  <%= stylesheet_link_tag "easy", "main", "devise", "content", :media => "screen, projection" %>
-  <%= stylesheet_link_tag "easyprint", :media => "print" %>
+  <%= stylesheet_link_tag "content", :media => "screen, projection" %>
 	<%= javascript_include_tag :ckeditor %>
 	
 	<%= javascript_include_tag "jquery", "jquery-ui", "rails", "easy", "application", :cache => 'all' %>
@@ -18,8 +17,8 @@
   <%= csrf_meta_tag %>
 </head>
 <body>
-  <div id="header">
-		<ul id="nav">
+  <div id="panel_header">
+		<ul id="panel_nav">
 	    <li><%= link_to t('homepage'), root_path %></li>
 	    <li><%= link_to t('admin.item'), admin_items_path %></li>
 	    <li><%= link_to t('admin.layout'), admin_layouts_path %></li>
@@ -28,7 +27,7 @@
 	    <li><%= link_to t('admin.user_role'), admin_user_role_models_path %></li>
 			<li><%= link_to t('admin.translation'), admin_translations_path %></li>
  		</ul>
-		<ul class="hmenu">
+		<ul class="panel_hmenu">
       <li>
         <%= render 'layouts/lang_menu' %>
       </li>
@@ -36,12 +35,11 @@
     </ul>
   </div>
 
-  <div id="content" class="content">
-    <div id="sidebar" style='float: left;'><%= yield :sidebar %></div>
-  	<div id="main" style='float: left;'><%= yield %></div>
+  <div id="panel_content" class="content">
+    <div id="panel_sidebar" style='float: left;'><%= yield :sidebar %></div>
+  	<div id="panel_main" style='float: left;'><%= yield %></div>
   </div>
   
-  <div id="footer">
-  </div>
+  <div id="panel_footer"><%= yield :footer %></div>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/public/images/bar_bg.png b/public/images/bar_bg.png
new file mode 100755
index 00000000..30f1bdd6
Binary files /dev/null and b/public/images/bar_bg.png differ
diff --git a/public/images/home.png b/public/images/home.png
new file mode 100755
index 00000000..2a74a5a5
Binary files /dev/null and b/public/images/home.png differ
diff --git a/public/images/tree_list.png b/public/images/tree_list.png
new file mode 100755
index 00000000..105695d7
Binary files /dev/null and b/public/images/tree_list.png differ
diff --git a/public/images/tree_list_h.png b/public/images/tree_list_h.png
new file mode 100755
index 00000000..87363941
Binary files /dev/null and b/public/images/tree_list_h.png differ
diff --git a/public/javascripts/application.js b/public/javascripts/application.js
index 3dca2b11..948e3f92 100644
--- a/public/javascripts/application.js
+++ b/public/javascripts/application.js
@@ -2,7 +2,7 @@
 // This file is automatically included by javascript_include_tag :defaults
 
 $(function () {
-  $('#sidebar a, #main a.nav').live('click',  
+  $('#panel_sidebar a, #panel_main a.nav').live('click',  
     function () {  
       $.getScript(this.href);
 			history.pushState(null, document.title, this.href); 
@@ -10,7 +10,7 @@ $(function () {
     }  
   );
 
-  $('#main a.reload').live('click',  
+  $('#panel_main a.reload').live('click',  
     function () {  
       $.getScript(this.href);
 			history.replaceState(null, document.title, this.href); 
diff --git a/public/stylesheets/content.css b/public/stylesheets/content.css
index 9c20023e..350ab2f8 100644
--- a/public/stylesheets/content.css
+++ b/public/stylesheets/content.css
@@ -1,4 +1,96 @@
+#panel_header ul, #panel_sidebar ul{
+	margin:0;
+	padding:0;
+}
+#panel_header ul li, #panel_sidebar ul li{
+	list-style:none;
+}
+#panel_header a, #panel_sidebar a {
+	text-decoration:none;
+}
 html{
 	height:100%;
 	width:100%;
-	}
\ No newline at end of file
+	}
+	
+body{
+	height:100%;
+	margin:0;
+	width:100%;
+}
+#panel_content{
+	height:100%;
+	width:100%;
+}
+#panel_header{
+	background:url(../images/bar_bg.png) repeat-x 0 0;
+	font-size:12px;
+	height:41px;
+}
+#panel_header ul{
+	margin:0 0 0 10px;
+}
+#panel_header a:link,#panel_header a:visited{
+	color:#fff;
+}
+#panel_header a:hover,#panel_header a:active{
+	color:#ececec;
+}
+#panel_nav{
+	float:left;
+	margin:0 0 0 10px;
+}
+#panel_nav li{
+    float: left;
+    line-height: 38px;
+    list-style: none outside none;
+    margin: 0 10px 0 0;
+}
+.panel_hmenu{
+    color: #FFFFFF;
+    float: right;
+}
+.panel_hmenu li{
+    float: left;
+    line-height: 41px;
+    list-style: none outside none;
+    margin: 0 10px 0 0;
+}
+
+#panel_sidebar{
+    background: none repeat scroll 0 0 #323232;
+    color: #FFFFFF;
+    float: left;
+    height: 100%;
+    min-width: 250px;
+	padding:5px 5px 0 0;
+}
+
+#panel_sidebar a:link,#panel_sidebar a:visited{
+	color:#fff;
+}
+#panel_sidebar a:hover,#panel_sidebar a:active{
+	color:#ececec;
+}
+#panel_sidebar ul{
+    background: url("../images/tree_list.png") repeat scroll 0 0 transparent;
+}
+#panel_sidebar li{
+    font-size: 12px;
+    line-height: 29px;
+	list-style:none;
+    padding: 0 0 0 10px;
+
+}
+
+#panel_sidebar ul {
+}
+#panel_sidebar ul li{
+	padding:0 0 0 20px;
+}
+.new_page{}
+.new_link{}
+.del_page{}
+#panel_main{
+	margin:10px;
+}
\ No newline at end of file