diff --git a/doc-src/assets/images/compass.png b/doc-src/assets/images/compass.png
new file mode 100644
index 00000000..2aece0af
Binary files /dev/null and b/doc-src/assets/images/compass.png differ
diff --git a/doc-src/content/index.haml b/doc-src/content/index.haml
index e2c6bfa9..cfe0d09f 100644
--- a/doc-src/content/index.haml
+++ b/doc-src/content/index.haml
@@ -1,10 +1,28 @@
 ---
-title: Home
+title: Compass Documentation
+crumb: Docs
+body_id: home
 ---
-%h1 Compass Documentation
+%h1 Compass
 
 %p
-  Welcome to the compass docs.
+  Compass is a stylesheet authoring tool that uses the Sass stylesheet
+  language to make your stylesheets smaller and your web site easier to
+  maintain. Compass provides ports of the best of breed css frameworks
+  that you can use without forcing you to use their presentational class
+  names. It’s a new way of thinking about stylesheets that must be seen
+  in action!
 
-%ul
-  %li= link_to "Blueprint Reference", reference_path(:stylesheet => "blueprint.sass")
+%h2 Screencast Tutorial
+
+%p
+  This screencast will walk you through getting set up,
+  learning Sass, and then how to use Compass to style a webpage.
+
+<object width="660" height="371"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4335944&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4335944&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="660" height="371"></embed></object>
+
+%h2 Bugs Reports, Discussions, Support
+
+:markdown
+  Send a note to the [mailing list](http://groups.google.com/group/compass-users)
+  and/or [File a bug](http://github.com/chriseppstein/compass/issues).
\ No newline at end of file
diff --git a/doc-src/content/stylesheets/main.sass b/doc-src/content/stylesheets/main.sass
index 92fd809c..5e0b43b2 100644
--- a/doc-src/content/stylesheets/main.sass
+++ b/doc-src/content/stylesheets/main.sass
@@ -81,4 +81,7 @@ ol#breadcrumbs
   li.last:after
     content: ""
   li.last
-    visibility: hidden
\ No newline at end of file
+    visibility: hidden
+body#home h1
+  +replace-text("compass.png", 0px)
+  height: 159px
\ No newline at end of file
diff --git a/doc-src/lib/default.rb b/doc-src/lib/default.rb
index 7809063f..9bb9198f 100644
--- a/doc-src/lib/default.rb
+++ b/doc-src/lib/default.rb
@@ -11,10 +11,10 @@ def body_class(item)
 end
 
 def body_id(item)
-  if id = item.identifier.chop[1..-1]
+  if item[:body_id]
+    item[:body_id]
+  elsif id = item.identifier.chop[1..-1]
     id.gsub(/\/|_/, "-")
-  else
-    nil
   end
 end