diff --git a/css/structure.css b/css/structure.css
index a743ac2..93dd173 100644
--- a/css/structure.css
+++ b/css/structure.css
@@ -31,14 +31,21 @@
 }
 
 body {
-    background: url(img/testbg.jpg) no-repeat;
+    background: url(img/bg_texture.png) repeat-x repeat-y;
     background-size: 100%;
     margin: 0;
     padding: 0;
 }
-.slide {
-    font-size: 100px;
-}
+/*.slide {
+    width:100%;
+    height:100%;
+    overflow: hidden;
+}*/
+
+   #bx-wrapper {
+    margin: 0 auto !important;
+    width: 100% !important;
+   }
 
 .arrow {
 }
@@ -89,3 +96,10 @@ body {
 
     right: 0;
 }
+
+.content {
+    margin-top: 2em;
+    width: 85%;
+    margin-right: auto;
+    margin-left: auto;
+}
diff --git a/js/javascript.js b/js/javascript.js
index f2f8dd7..a89fbd9 100644
--- a/js/javascript.js
+++ b/js/javascript.js
@@ -46,11 +46,19 @@ function get_html(file, prefix, extension, last ){
         ).done( function(data) {
         //alert('<li class="slide"><div>' + data + "</div></li>");
         $("#slider").append('<li class="slide"><div class="span12">' + data + "</div></li>");
+        //$("ul.nav-pills").append('<li><a href="#">' + $(data).find('h1').text() + '</a></li>');
         if (last) {
             set_sliders();
-
+            fill_menu();
         }
         //return data;
     });
 
 }
+
+
+function fill_menu() {
+    $($(".slide").get()).each(function() {
+        $("ul.nav-pills").append('<li><a href="#">' + $(this).find('h1').html() + '</a></li>');
+    });
+}
diff --git a/main.html b/main.html
index 870dfde..32725fd 100644
--- a/main.html
+++ b/main.html
@@ -38,25 +38,7 @@
         <div id="topbar">
             <div class="navigation">
                 <ul class="nav nav-pills" >
-                    <li class="active">
-                    <a class="image-link"  >
-                        <img class="chapter-image" src="img/firefox.png" >
-
-                        <p>Subtitle</p>
-                    </a>
-                    </li>
-                    <li class="">
-                    <a class="image-link"  >
-                        <img class="chapter-image" src="img/firefox.png" >
-                        <p>Subtitle</p>
-                    </a>
-                    </li>
-                    <li class="">
-                    <a class="image-link"  >
-                        <img class="chapter-image" src="img/firefox.png" >
-                        <p>Subtitle</p>
-                    </a>
-                    </li>
+                    
                 </ul>
             </div>
             <a id="nav-button" class="pull-right" href="#">Nav me!! <i class="icon-chevron-down
@@ -72,7 +54,9 @@
                 load_slides();
 
                 // set them sliding
-                var original_height = $(".navigation").height();
+                var original_height =  100;//$(".navigation").height();
+
+                
 
                 $(".navigation").height('0em');