it works... nice

public/css/my.css

@@ -1,8 +1,25 @@
-align_right {
+.align_right {
  text-align: right;
 }
 
 .align_center {
  text-align: center;
 }
 
+
+
+            #header {
+
+    background: -moz-linear-gradient(center top , #434343, #191919) repeat scroll 0 0 transparent;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+    margin-bottom: 20px;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 999;
+
+            }
+
+            #main {
+ padding-top: 60px;
+            }

templates/faq.html.ep

@@ -1,15 +1,20 @@
 % stash title => 'About';
 
 <div class="grid-12">
+<a name="what">
 <h4>What is this all about?</h4>
+</a>
 
-<P>It's all about <a href="about">making money</a></P>
+<P>It's all about putting the golden rule into action for you, so
+you can <a href="about">make money</a></P>
 
 </div>
 
 <div class="grid-12">
 
+<a name="how">
 <h4>How does it work?</h4>
+</a>
 
 <P>
 Well, it's simple. You buy a slot in the payment queue. And when 2

templates/layouts/cam.html.ep

@@ -24,76 +24,75 @@
 
     <div class="grids">
 
-      <div class="grid-3">
-	<h3>
-	  <a href="root">elcaminoclaro.com</a>
-	</h3>
-      </div>
+      <div id="header">
 
-      <div class="grid-3 align_center">
-	give and ye shall receive <a href="faq#fold">2-fold</a>
-      </div>
+	<div class="grid-3">
+	  <h3>
+	    <a href="root">elcaminoclaro.com</a>
+	  </h3>
 
-      <div class="grid-6 align_right">
-
-	<h6>
+	</div>
+
+	<div class="grid-3">
+	  give and ye shall receive <a href="faq#fold">2-fold</a>
+	</div>
+
+	<div class="grid-6 align_right">
+
 	  <a href="about">About</a> | 
 	  <a href="faq">FAQ</a> | 
 	  <a href="starting">Getting Started</a> | 
 	  <a href="http://elcaminoclaro.userrules.com/forum">Forum</a> | 
 	  <a href="chat">Chat</a> 
-	</h6>
 
+	</div>
       </div>
 
-      <hr>
 
-      <div class="grid-12">
+      <div id="main">
 
-	<%= content %>
+	<div class="grid-12">
 
-      </div>
+	  <%= content %>
 
-      <hr>
-
-      <div class="grid-12">
-	<h2>Payment Queues</h2>
-      </div>
-
-
-      <hr>
+	</div>
 
 
 
-      <div class="grid-6">
-	<h3>Recent Transactions</h3>
+	<div class="grid-12">
+	  <h2>Payment Queues</h2>
+	</div>
+
 
-        <% my $xacts = recent_transactions %>
-	<UL>
-          <% for my $xact (@$xacts) { %>
-	  <LI> <%= $xact->{ts} %> <%= $xact->{action}  %> -> <%= $xact->{username} %> ( <%= $xact->{value} %> ) </LI>
-          <% } %>
-	</UL>
 
-      </div>
-      <div class="grid-6 align_right">
 
-	<a href="https://github.com/metaperl/cleartrader">Source Code</a> |
-	<a href="terms">Terms of Service</a> |
-	<a href="logout">Logout</a> 
-      </div>      
 
-      <div class="grid-12">
-	<div class="footer">
-	  You can have anything in the world that you want, simply by helping enough other people to get what they want -- Zig Ziglar.
-	</div>
-      </div>
 
+	<div class="grid-6">
+	  <h3>Recent Transactions</h3>
 
+          <% my $xacts = recent_transactions %>
+	  <UL>
+            <% for my $xact (@$xacts) { %>
+	    <LI> <%= $xact->{ts} %> <%= $xact->{action}  %> -> <%= $xact->{username} %> ( <%= $xact->{value} %> ) </LI>
+            <% } %>
+	  </UL>
 
+	</div>
+	<div class="grid-6 align_right">
 
+	  <a href="https://github.com/metaperl/cleartrader">Source Code</a> |
+	  <a href="terms">Terms of Service</a> |
+	  <a href="logout">Logout</a> 
+	</div>      
 
+	<div class="grid-12">
+	  <div class="footer">
+	    You can have anything in the world that you want, simply by helping enough other people to get what they want -- Zig Ziglar.
+	  </div>
+	</div>
 
+      </div>
     </div>
   </body>
 </html>