diff --git a/app/views/layouts/application.erb b/app/views/layouts/application.erb
new file mode 100644
index 0000000..5cdaf3e
--- /dev/null
+++ b/app/views/layouts/application.erb
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title> harumambu.ru — Весь фриланс рунета, фрилансер, freelancer, freelance, free-lance, удаленная работа, телеработа, акуудфтсу, акуу-дфтсу, ahbkfyc, free-lance.ru, weblancer.net, dalance.ru, freelancer.ru</title>
+    <meta http-equiv="Content-type" content="text/html;charset=utf-8">
+    <meta name="keywords" content="фриланс freelancer freelance free lance фрилансер фри ланс телеработа работа на дому удаленная работа дизайн конкурс фриленс freelans freelanser job графика сайт заработок в интернете работа в сети домашний бизнес 1c верстка рисунок 3d фриленс">
+    <meta name="description" content="Harumambu.ru — Весь фриланс рунета, фрилансер, freelancer, freelance, free-lance, удаленная работа, телеработа, акуудфтсу, акуу-дфтсу, ahbkfyc, free-lance.ru, weblancer.net, dalance.ru, freelancer.ru">
+    <%= javascript_include_tag "jquery"%>
+    <%= javascript_include_tag "rails"%>
+    <%= javascript_include_tag "application"%>
+    <%= javascript_include_tag 'swfobject'%>
+    <%= javascript_include_tag 'jqModal'%>
+    <%= stylesheet_link_tag 'style','default'%>
+    <meta name = "csrf-token" content = "form_authenticity_token" >
+    <meta name = "csrf-param" content = "authenticity_token" >
+<!--[if IE 6]>
+    <%= javascript_include_tag 'DD_belatedPNG'%>
+    <script>DD_belatedPNG.fix('.project, #projectop, #projecbottom');</script>
+<![endif]--> 
+    </head>
+    <body>
+    <%= yield %>
+    <!--LiveInternet counter--><script type="text/javascript">document.write("<a href='http://www.liveinternet.ru/click' target=_blank><img onload='this.style.display=\"none\"' src='//counter.yadro.ru/hit?t24.13;r" + escape(document.referrer) + ((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth)) + ";u" + escape(document.URL) +";i" + escape("Жж"+document.title.substring(0,80)) + ";" + Math.random() + "' border=0 width=88 height=15 alt='' title='LiveInternet: показано число посетителей за сегодня'><\/a>")</script><!--/LiveInternet-->
+    </body>    
+</html>
\ No newline at end of file
diff --git a/app/views/projects/index.erb b/app/views/projects/index.erb
index f7a4f47..0e5924b 100644
--- a/app/views/projects/index.erb
+++ b/app/views/projects/index.erb
@@ -1,32 +1,69 @@
 <script type="text/javascript">
   window.first_id = <%= session[:first_id].to_i %>;
 </script>
+<a name="top"></a>
+
+<div id="loader"></div>
 <div id="flashbanner"></div>
-<div id="controls">
-  <form method="get" action="/">
-    <select name="strict" id="strict">
-      <option value="1">Найти</option>
-      <option value="0" <%= 'selected="selected"' if params[:strict] && params[:strict].to_i == 0 %>>Выделять</option>
-    </select> проекты, содержащие <input name="q" id="stop_words" value="<%= params[:q] %>" />
-  </form>
-  <input type="checkbox" <%= 'checked="checked"' if session[:new_window] %> onclick="$.post('/settings', { 'key' : 'new_window', 'value' : this.checked ? 1 : '' })" id="new_window" /> <label for="new_window">открыть ссылки в новом окне</label>
-</div>
+
+<div id="leftbl">
+
 <div id="projects">
   <%= will_paginate @projects %>
   <% @projects.reverse.each do |project| %>
     <div class="project" id="<%= project.id %>">
+      <div id="projectop"></div>
       <h3><%=raw ( project.category != '' ? (project.category.title + ', ') : '' ) %><a href="<%= project.url %>"><%=raw project.title %></a></h3>
       <p>Фриланс-проект: <%=raw project.desc %></p>
+      <div id="projectbottom"></div>
     </div>
   <% end %>
   <%= will_paginate @projects %>
 </div>
-<div id="notifier">
-  <strong><a href="/">Харумамбу.ру</a></strong>
-  <p>Мы первыми собираем все фриланс-проекты интернета.</p>
-  <p>Если вам не хватает каких-то функций на сайте, <a href="javascript:;" onclick="$('#feedback').removeClass('invisible');$('#feedback_message').focus()">напишите нам</a>.</p>
+
 </div>
-<div id="loader"></div>
+
+<div id="content">
+<div id="ris"></div>
+<div id="namelogo">
+<a href="/">Харумамбу.ру</a>
+<div id="logo_txt" style="text-decoration:none">
+Мы первыми собираем все фриланс-проекты интернета.
+</div>
+</div>
+
+<div id="search">
+<form action="/" method="get">
+<p>Поиск по объявлениям:</p>
+<input name="q" type="text" value="<%= params[:q]%>" id="stop_words" style="width:260px;" />
+
+<input name="" type="image" src="/images/arrow.gif" width="38" hspace="22" style="position: relative; top: 4px; left: 270px;" />
+<br /><br /><p>
+<input name="strict" type="radio" value="0"  <%= 'checked="checked"' if params[:strict] && params[:strict].to_i == 0 %> />выделять
+<input name="strict" type="radio" value="1" <%= 'checked="checked"' if (params[:strict] && params[:strict].to_i == 1 || !params[:strict]) %> />найти
+  <input type="checkbox" <%= 'checked="checked"' if session[:new_window] %> onclick="$.post('/settings', { 'key' : 'new_window', 'value' : this.checked ? 1 : '' })" id="new_window" /> <label for="new_window">открыть ссылки в новом окне</label>
+  <br><br><input type="checkbox" id="pause" /> <label for="pause">пауза</label>
+
+</p>
+    <script>
+$().ready(function() {
+
+    $('#categories').jqm({modal: true, trigger: '#categoriesTrigger'});
+    $('#sources').jqm({modal: true, trigger: '#sourcesTrigger'});
+});
+    </script>
+ 
+
+<p>
+  <a href="#" id="categoriesTrigger">Категории</a>
+  <a href="#" id="sourcesTrigger">Биржи</a>
+<br/><br/>
+
+</p>
+</form>
+
+
+
 <div id="categories" class="jqmWindow">
   <form method="post" action="/categories">
     <input type="hidden" name="redirect_to" value="<%= request.fullpath %>">
@@ -43,26 +80,32 @@
     <center><input type="submit" value="Ок" /> <input type="button" class="jqmClose" value="Закрыть" /></center>
   </form>
 </div>
-<div id="sources">
-  <input type="checkbox" id="pause" /> <label for="pause">пауза</label><br/><br/>
-  <a href="#" class="jqModal">Категории</a><br/><br/>
+
+<div id="sources" class="jqmWindow">
+    <a href="javascript:;" onclick="$('input.source').each(function(e, elem){elem.checked=true})">Все</a> 
+    <a onclick="$('input.source').each(function(e, elem){elem.checked=false})" href="javascript:;">Ни одной</a>
+    <br><br>
   <form method="post" action="/sources">
     <input type="hidden" name="authenticity_token" value="<%= form_authenticity_token %>"/>
     <input type="hidden" name="redirect_to" value="<%= request.fullpath %>">
-    <div id="sources_list" style="height: 141px; width: 200px; overflow-y: auto">
+    <!--div id="sources_list" style="height: 141px; width: 200px; overflow-y: auto"-->
+    <div id="sources_list">
       <% SOURCES.sort{|a,b| a.desc <=> b.desc}.each do |source| %>
         <div><input class="source" type="checkbox" <%= want_source?(source.name) ? 'checked="checked"' : '' %> id="source_<%= source.name %>" name="sources[<%= source.name %>]" value="1" /> <label for="source_<%=source.name%>"><img src="/images/icons/<%= source.name.underscore %>.gif" align="absmiddle" /> <%= source.desc %></label></div>
       <% end %>
     </div>
-    <br/><a href="javascript:;" onclick="$('input.source').each(function(e, elem){elem.checked=true})">Все</a> 
-    <a onclick="$('input.source').each(function(e, elem){elem.checked=false})" href="javascript:;">Ни одной</a><br/>
-    <br/><input type="submit" value="Применить" />
+    
+    <div style="clear: both">&nbsp;</div>
+
+    <center><input type="submit" value="Применить" />
+    <input type="button" class="jqmClose" value="Закрыть" /></center>
   </form>
-  <div id="twitter">
-    <a href="http://twitter.com/harumambu"><img src="/images/twitter.jpg" alt="" align="absmiddle" /></a>
-  </div>
+</div>
+
+
 
   <div id="feedback" class="invisible">
+    <h2>Написать</h2>
     <% form_tag :feedback, :remote => true  do |f| %>
       <%= text_area_tag :feedback_message, @feedback.message, :class => "hover"%><br/>
       <%= submit_tag 'Отправить' %>
@@ -70,6 +113,19 @@
     <% end %>
   </div>
 
+
+</div>
+
+
+<div id="copyright">
+На сайте чего-то не хватает? <a href="javascript:;" onclick="$('#feedback').removeClass('invisible');$('#feedback_message').focus()">напишите нам</a>.<br />
+© 2010 Павел Голубев
+    <a href="http://twitter.com/harumambu"><img src="/images/twitter.jpg" alt="" align="absmiddle" /></a>
+
+</div>
+
+<div id="arrow" onClick="window.location='#top'" style="cursor:pointer"></div>
+
 </div>
 
 <script type="text/javascript">
diff --git a/public/images/arrow.gif b/public/images/arrow.gif
new file mode 100644
index 0000000..d826fff
Binary files /dev/null and b/public/images/arrow.gif differ
diff --git a/public/images/arrow.jpg b/public/images/arrow.jpg
new file mode 100644
index 0000000..21ab155
Binary files /dev/null and b/public/images/arrow.jpg differ
diff --git a/public/images/bottom-message.png b/public/images/bottom-message.png
new file mode 100644
index 0000000..1fd9a53
Binary files /dev/null and b/public/images/bottom-message.png differ
diff --git a/public/images/bottom.png b/public/images/bottom.png
new file mode 100644
index 0000000..de6d09a
Binary files /dev/null and b/public/images/bottom.png differ
diff --git a/public/images/middle-message.png b/public/images/middle-message.png
new file mode 100644
index 0000000..8cfa6c0
Binary files /dev/null and b/public/images/middle-message.png differ
diff --git a/public/images/middle.png b/public/images/middle.png
new file mode 100644
index 0000000..1ffdc24
Binary files /dev/null and b/public/images/middle.png differ
diff --git a/public/images/ris.jpg b/public/images/ris.jpg
new file mode 100644
index 0000000..506f2e7
Binary files /dev/null and b/public/images/ris.jpg differ
diff --git a/public/images/top-message.png b/public/images/top-message.png
new file mode 100644
index 0000000..5c0cb6f
Binary files /dev/null and b/public/images/top-message.png differ
diff --git a/public/images/top.png b/public/images/top.png
new file mode 100644
index 0000000..70ce19a
Binary files /dev/null and b/public/images/top.png differ
diff --git a/public/javascripts/DD_belatedPNG.js b/public/javascripts/DD_belatedPNG.js
new file mode 100644
index 0000000..539d50a
--- /dev/null
+++ b/public/javascripts/DD_belatedPNG.js
@@ -0,0 +1,14 @@
+/**
+* DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>.
+* Author: Drew Diller
+* Email: drew.diller@gmail.com
+* URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/
+* Version: 0.0.7a
+* Licensed under the MIT License: http://dillerdesign.com/experiment/DD_belatedPNG/#license
+*
+* Example usage:
+* DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector
+* DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement
+**/
+
+eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 E={J:\'E\',Z:{},1E:7(){4(x.1l&&!x.1l[6.J]){x.1l.23(6.J,\'24:25-26-27:3\')}4(1F.11){1F.11(\'28\',7(){E=29})}},1G:7(){2 a=x.1m(\'8\');x.1H.1b.1n(a,x.1H.1b.1b);2 b=a.1o;b.1c(6.J+\'\\\\:*\',\'{12:2a(#1I#2b)}\');b.1c(6.J+\'\\\\:9\',\'Q:1p;\');b.1c(\'1J.\'+6.J+\'1K\',\'12:y; 1q:y; Q:1p; z-2c:-1; 1d:-1r; 1L:1M;\');6.1o=b},1N:7(){2 a=13.2d;4(13.1e.K(\'2e\')!=-1||13.1e.K(\'1q\')!=-1){E.1f(a)}4(13.1e==\'8.1s\'){2 b=(a.F.1s==\'y\')?\'y\':\'2f\';G(2 v M a.3){a.3[v].9.8.1s=b}}4(13.1e.K(\'14\')!=-1){E.1t(a)}},1t:7(a){4(a.F.14.K(\'2g\')!=-1){2 b=a.F.14;b=1u(b.2h(b.1v(\'=\')+1,b.1v(\')\')),10)/2i;a.3.N.9.8.14=a.F.14;a.3.C.I.2j=b}},15:7(a){2k(7(){E.1f(a)},1)},2l:7(a){2 b=a.1O(\',\');G(2 i=0;i<b.2m;i++){6.1o.1c(b[i],\'12:2n(E.1P(6))\')}},1f:7(a){a.S.1Q=\'\';6.1R(a);6.16(a);6.1t(a);4(a.O){6.1S(a)}},1T:7(b){2 c=6;2 d={2o:\'16\',2p:\'16\'};4(b.17==\'A\'){2 e={2q:\'15\',2r:\'15\',2s:\'15\',2t:\'15\'};G(2 a M e){d[a]=e[a]}}G(2 h M d){b.11(\'1w\'+h,7(){c[d[h]](b)})}b.11(\'2u\',6.1N)},1x:7(a){a.8.2v=1;4(a.F.Q==\'2w\'){a.8.Q=\'2x\'}},1S:7(a){2 b={\'2y\':P,\'2z\':P,\'2A\':P};G(2 s M b){a.3.N.9.8[s]=a.F[s]}},1R:7(a){4(!a.F){1g}U{2 b=a.F}G(2 v M a.3){a.3[v].9.8.1U=b.1U}a.S.18=\'\';a.S.19=\'\';2 c=(b.18==\'1V\');2 d=P;4(b.19!=\'y\'||a.O){4(!a.O){a.D=b.19;a.D=a.D.2B(5,a.D.1v(\'")\')-5)}U{a.D=a.1h}2 e=6;4(!e.Z[a.D]){2 f=x.1m(\'1J\');e.Z[a.D]=f;f.2C=e.J+\'1K\';f.S.1Q=\'12:y; Q:1p; 1y:-1r; 1d:-1r; 1q:y;\';f.11(\'2D\',7(){6.1i=6.2E;6.1j=6.2F;e.16(a)});f.1h=a.D;f.1W(\'1i\');f.1W(\'1j\');x.1X.1n(f,x.1X.1b)}a.3.C.I.1h=a.D;d=V}a.3.C.I.1w=!d;a.3.C.I.N=\'y\';a.3.N.9.8.18=b.18;a.S.19=\'y\';a.S.18=\'1V\'},16:7(e){2 f=e.F;2 g={\'W\':e.2G+1,\'H\':e.2H+1,\'w\':6.Z[e.D].1i,\'h\':6.Z[e.D].1j,\'L\':e.2I,\'T\':e.2J,\'1k\':e.2K,\'1z\':e.2L};2 i=(g.L+g.1k==1)?1:0;2 j=7(a,l,t,w,h,o){a.2M=w+\',\'+h;a.2N=o+\',\'+o;a.2O=\'2P,1Y\'+w+\',1Y\'+w+\',\'+h+\'2Q,\'+h+\' 2R\';a.8.1i=w+\'u\';a.8.1j=h+\'u\';a.8.1y=l+\'u\';a.8.1d=t+\'u\'};j(e.3.N.9,(g.L+(e.O?0:g.1k)),(g.T+(e.O?0:g.1z)),(g.W-1),(g.H-1),0);j(e.3.C.9,(g.L+g.1k),(g.T+g.1z),(g.W),(g.H),1);2 k={\'X\':0,\'Y\':0};2 m=7(a,b){2 c=P;2S(b){1a\'1y\':1a\'1d\':k[a]=0;1A;1a\'2T\':k[a]=.5;1A;1a\'2U\':1a\'2V\':k[a]=1;1A;1I:4(b.K(\'%\')!=-1){k[a]=1u(b)*.2W}U{c=V}}2 d=(a==\'X\');k[a]=2X.2Y(c?((g[d?\'W\':\'H\']*k[a])-(g[d?\'w\':\'h\']*k[a])):1u(b));4(k[a]==0){k[a]++}};G(2 b M k){m(b,f[\'2Z\'+b])}e.3.C.I.Q=(k.X/g.W)+\',\'+(k.Y/g.H);2 n=f.30;2 p={\'T\':1,\'R\':g.W+i,\'B\':g.H,\'L\':1+i};2 q={\'X\':{\'1B\':\'L\',\'1C\':\'R\',\'d\':\'W\'},\'Y\':{\'1B\':\'T\',\'1C\':\'B\',\'d\':\'H\'}};4(n!=\'1D\'){2 c={\'T\':(k.Y),\'R\':(k.X+g.w),\'B\':(k.Y+g.h),\'L\':(k.X)};4(n.K(\'1D-\')!=-1){2 v=n.1O(\'1D-\')[1].31();c[q[v].1B]=1;c[q[v].1C]=g[q[v].d]}4(c.B>g.H){c.B=g.H}e.3.C.9.8.1Z=\'20(\'+c.T+\'u \'+(c.R+i)+\'u \'+c.B+\'u \'+(c.L+i)+\'u)\'}U{e.3.C.9.8.1Z=\'20(\'+p.T+\'u \'+p.R+\'u \'+p.B+\'u \'+p.L+\'u)\'}},1P:7(a){a.8.12=\'y\';4(a.17==\'32\'||a.17==\'33\'||a.17==\'34\'){1g}a.O=V;4(a.17==\'35\'){4(a.1h.21().K(/\\.22$/)!=-1){a.O=P;a.8.1L=\'1M\'}U{1g}}U 4(a.F.19.21().K(\'.22\')==-1){1g}2 b=E;a.3={N:{},C:{}};2 c={9:{},I:{}};G(2 r M a.3){G(2 e M c){2 d=b.J+\':\'+e;a.3[r][e]=x.1m(d)}a.3[r].9.36=V;a.3[r].9.37(a.3[r].I);a.38.1n(a.3[r].9,a)}a.3.C.9.39=\'y\';a.3.C.I.3a=\'3b\';a.3.N.I.1w=V;b.1T(a);b.1x(a);b.1x(a.3c);b.1f(a)}};3d{x.3e("3f",V,P)}3g(r){}E.1E();E.1G();',62,203,'||var|vml|if||this|function|style|shape|||||||||||||||||||||px|||document|none||||image|vmlBg|DD_belatedPNG|currentStyle|for||fill|ns|search||in|color|isImg|true|position||runtimeStyle||else|false||||imgSize||attachEvent|behavior|event|filter|handlePseudoHover|vmlOffsets|nodeName|backgroundColor|backgroundImage|case|firstChild|addRule|top|propertyName|applyVML|return|src|width|height|bLW|namespaces|createElement|insertBefore|styleSheet|absolute|border|10000px|display|vmlOpacity|parseInt|lastIndexOf|on|giveLayout|left|bTW|break|b1|b2|repeat|createVmlNameSpace|window|createVmlStyleSheet|documentElement|default|img|_sizeFinder|visibility|hidden|readPropertyChange|split|fixPng|cssText|vmlFill|copyImageBorders|attachHandlers|zIndex|transparent|removeAttribute|body|0l|clip|rect|toLowerCase|png|add|urn|schemas|microsoft|com|onbeforeunload|null|url|VML|index|srcElement|background|block|lpha|substring|100|opacity|setTimeout|fix|length|expression|resize|move|mouseleave|mouseenter|focus|blur|onpropertychange|zoom|static|relative|borderStyle|borderWidth|borderColor|substr|className|onload|offsetWidth|offsetHeight|clientWidth|clientHeight|offsetLeft|offsetTop|clientLeft|clientTop|coordsize|coordorigin|path|m0|l0|xe|switch|center|right|bottom|01|Math|ceil|backgroundPosition|backgroundRepeat|toUpperCase|BODY|TD|TR|IMG|stroked|appendChild|parentNode|fillcolor|type|tile|offsetParent|try|execCommand|BackgroundImageCache|catch'.split('|'),0,{}));
\ No newline at end of file
diff --git a/public/javascripts/application.js b/public/javascripts/application.js
index 0825fca..4a600c3 100644
--- a/public/javascripts/application.js
+++ b/public/javascripts/application.js
@@ -2,6 +2,7 @@
 // This file is automatically included by javascript_include_tag :defaults
 //
 $(document).ready(function(){
+    
   $(window).scroll(function(){
     if ($(window).scrollTop() == $(document).height() - $(window).height()){
       $('div#loader').html('<img src="/images/bigLoader.gif">');
@@ -87,13 +88,18 @@ function appendProject(json, after){
         if (matches) { sound() }
       }
 
-      html = '<div style="background: ' + (window.first_id >= project.id ? '#cfcfcf' : 'rgb('+r+','+g+','+b+')') + '" class="project ' + ' '+ (matches ? 'match' : '') +'" id="' + project.id + '">' + 
-        '<img src="/images/icons/'+ project.icon +'.gif" alt="" />' + 
-        '<strong>' + project.budjet + '</strong>' +
+      html = 
+        '<div style="background: ' + (window.first_id >= project.id ? '#cfcfcf' : 'rgb('+r+','+g+','+b+')') + ' url(/images/middle-message.png) repeat-y;" class="project' + (matches ? ' match' : '') +'" id="' + project.id + '">' + 
+        '<div id="projectop"></div>'+
+        '<div id="projectzag"><img src="/images/icons/'+ project.icon +'.gif" alt="" />' + 
         '<h3>'+ (project.category != '' ? (project.category +' &raquo; ') : '') + '<a onclick="if($(\'#new_window:checked\').val()){window.open($(this).attr(\'href\'));return false;}else{return true}" href="' + project.url + '">' + project.title + '</a></h3>' +
+        '</div>' +
+        '<div id="projectzag_txt">'+
         '<p>' + project.desc + '</p>' +
-        '<a class="up" href="javascript:;" onclick="window.scroll(0,0)">↑</a>' +
-        '<div class="created_at">' + project.created_at + '</div>' +
+        '</div>' +
+        '<div id="projectdata">' + project.created_at + '</div>' +
+        '<div id="projectcena">' + project.budjet+ '</div>' +
+        '<div id="projectbottom"></div>'+
       '</div>';
 
       if( $('.project').length == 0 ) {
diff --git a/public/stylesheets/default.css b/public/stylesheets/default.css
index 6d7bc97..7440559 100644
--- a/public/stylesheets/default.css
+++ b/public/stylesheets/default.css
@@ -1,22 +1,27 @@
-body { font-family: Georgia; font-size: 16px }
+/*body { font-family: Georgia; font-size: 16px }
+
 .project { width: 600px; border-top: 1px solid #ddd; padding: 10px 15px 15px 15px }
+
 .project h3 { margin: 0 }
 .project strong { float: right }
-.project.match { border: 10px solid red }
+
+.project.match { border: 2px solid red }
+*/
+
 #nav { text-align: center }
 #loader { position: absolute; margin-top: -100px; margin-left: 650px; }
 #notifier { position: fixed; top: 10px; right: 45px; width: 220px; }
-textarea, select, input { font-family : Georgia; font-size: 20px; padding: 4px; color: #666; }
-#feedback { position : fixed; bottom: 0px; right: 20px; background: white; height: 100%; }
+/*textarea, select, input { font-family : Georgia; font-size: 20px; padding: 4px; color: #666; }*/
+#feedback { position : fixed; bottom: 0px; right: 20px; margin: 10px; background: white; height: 170px; }
 #feedback textarea { width: 200px; height: 100px; color: #666 }
-#feedback textarea.hover { color: #000; width: 100%; height: 90%; margin: 10px }
+#feedback textarea.hover { color: #000; width: 100%; height: 90%; margin-bottom: 10px }
 #feedback p { padding: 5px }
 #counter { position: fixed; bottom: 10px; right: 10px }
 #flashbanner { position: absolute; left: -1000px }
 #controls { margin-bottom: 10px }
-#stop_words { width: 300px }
-#sources { position: fixed; right: 30px; bottom: 0px }
-input[type="button"], input[type="submit"] { font-size: 14px }
+/*#stop_words { width: 300px }*/
+/*#sources { position: fixed; right: 30px; bottom: 0px }*/
+/*input[type="button"], input[type="submit"] { font-size: 14px }*/
 #twitter { margin: 10px; text-align:  right }
 a img { border: 0 }
 .project img { float: left; margin-right: 5px }
@@ -44,12 +49,14 @@ a.up { float: right; text-decoration: none }
     left: 50%;
     
     margin-left: -300px;
-    width: 600px;
+    width: 637px;
+    height: auto;
     
     background-color: #EEE;
     color: #333;
     border: 1px solid black;
     padding: 12px;
+    #background: url(/images/middle.png) repeat-y ;
 }
 
 .jqmOverlay { background-color: #000; }
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
new file mode 100644
index 0000000..0666b5b
--- /dev/null
+++ b/public/stylesheets/style.css
@@ -0,0 +1,87 @@
+body{margin: 0;padding: 0; height: 100%; max-height: 100%; background:#f1f1f1}
+
+#leftbl{position: absolute;top: 0;left: 0;width: 525px;height: 100%;color: #000; background:#f1f1f1}
+
+.project { margin: 5px 0 0 35px; width: 483px; background: #caffbe url("/images/middle-message.png") repeat-y;
+    z-index: 1;}
+
+/*.project h3 { margin: 0 }*/
+.project strong { float: right }
+
+.project.match { border: 2px solid red }
+    
+#projectop {width: 483px; height: 20px; background: url(/images/top-message.png) no-repeat;}
+
+#projectbottom {width: 483px; height: 20px; background: url(/images/bottom-message.png) no-repeat;}
+
+#projectzag {margin: 0 0 0 35px; font: italic 18px Georgia, "Times New Roman", Times, serif; color: #003cff;}
+
+#projectzag img {margin: 0 15px 0 0;}
+
+#projectdata {margin: 30px 0 0 35px; display: inline; font: italic 14px Georgia, "Times New Roman", Times, serif;}
+
+#projectcena {margin: 30px 30px 0 20px; display: inline; font: bold 20px Georgia, "Times New Roman", Times, serif; font-style: italic;}
+
+#projectzag_txt {margin: 15px 35px 0; font: italic 14px Arial, Helvetica, sans-serif;}
+
+#projectzag a {font: italic 18px Georgia, "Times New Roman", Times, serif; color: #003cff; text-decoration: underline;}
+
+#projectzag a:hover {text-decoration: none;}
+
+#arrow {position: absolute; left: -525px !important; left: 0; top: 15px; width: 32px; height: 85px; background:url(/images/arrow.jpg) no-repeat;}
+
+#content{position: fixed;top: 0; left: 525px;right: 0;bottom: 0;background: #f1f1f1; background:#fff}
+
+#content a { font: 14px Arial, Helvetica, sans-serif; color: #0000FF; text-decoration: underline;}
+
+#content a:hover {color: #FF0000; text-decoration: none}
+
+#namelogo {position: relative; padding: 0 0 0 50px; top: 25px; right: 25px; font: bold 30px Georgia, "Times New Roman", Times, serif; border: 0px solid coral; font-style: italic; text-align: right;}
+
+#namelogo a {color: #000; font: bold 30px Georgia, "Times New Roman", Times, serif; font-style: italic; text-decoration: underline;}
+
+#namelogo a:hover {color: #000; font: bold 30px Georgia, "Times New Roman", Times, serif; font-style: italic; text-decoration: underline;}
+
+#logo_txt {margin: 15px 0 0 0; font: italic 14px Georgia, "Times New Roman", Times, serif; color: #a6a6a6;}
+
+#ris {position: absolute; margin-left:-2px;top: 35px; width: 136px; height: 109px; background: url(/images/ris.jpg) no-repeat; border: 0px solid coral;}
+
+#search {position: absolute; top: 140px; left:0%; width: 100%; height: 100px; border: 0px solid coral; font: 14px Arial, Helvetica, sans-serif; background: #f1f1f1;}
+
+#stop_words {position: absolute; width: 70%; height: 25px; margin: 7px 0 0 20px; padding: 8px 0 0 0; font: 16px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000; color: #666;}
+
+#search p {margin: 0; padding: 0 0 0 18px; width: 400px;}
+
+
+
+* html body{ /*IE6 hack*/
+
+padding: 0 0 0 525px;
+
+}
+
+* html #content{ /*IE6 hack*/
+
+height: 100%; 
+
+width: 100%; 
+
+}
+
+
+#lay {position:absolute; top:170px; left: -220px; height: auto; width:627px; background: url(/images/middle.png) repeat-y ; visibility:hidden;}
+
+#laytop {margin: -30px 0 0 0 !important; margin: 0; height: 30px; width:627px; background: url(/images/top.png) repeat-y ;}
+
+#laybottom {position: relative; top: 30px; height: 30px; width:627px; background: url(/images/bottom.png) repeat-y ;}
+
+#layzag {padding: 0 15px 15px 15px; font: 30px Georgia, "Times New Roman", Times, serif; color: #fff; font-style: italic;}
+
+#laytxt {padding: 15px; font: italic 18px Arial, Helvetica, sans-serif; color: #fff;}
+
+
+
+#copyright {position: absolute; left: 35px !important; left: 535px; width:90%; bottom: 0; border: 0px solid coral; font: 12px Arial, Helvetica, sans-serif;}
+
+#copyright a { font: 12px Arial, Helvetica, sans-serif;}
+
