diff --git a/app/views/deliverables/_sidebar.html.erb b/app/views/deliverables/_sidebar.html.erb
new file mode 100644
index 0000000..c1773c9
--- /dev/null
+++ b/app/views/deliverables/_sidebar.html.erb
@@ -0,0 +1,3 @@
+<h3>Budget</h3>
+<%= link_to l(:label_issue_view_all), { :controller => 'issues', :action => 'index', :project_id => @project, :set_filter => 1 } %><br />
+<%= link_to_function "New Deliverable", "$('new-deliverable').toggle();" %><br />
diff --git a/app/views/deliverables/index.html.erb b/app/views/deliverables/index.html.erb
index 9cd09c9..35935cb 100644
--- a/app/views/deliverables/index.html.erb
+++ b/app/views/deliverables/index.html.erb
@@ -1 +1,47 @@
-<h1>Deliverables</h1>
+<div id="budget-summary">
+<h2>Budget</h1>
+
+<p>
+  Project Budget: TODO
+</p>
+<p>
+  Budget Spent: TODO
+</p>
+<p>
+  Budget Remaining: TODO
+</p>
+<p>
+  Progress: TODO
+</p>
+<p>
+  Budget Score: TODO
+</p>
+<p>
+  Overruns: TODO
+</p>
+<p>
+  Next Due Date: TODO
+</p>
+<p>
+  Completion: TODO
+</p>
+<p>
+  Profit: TODO
+</p>
+</div>
+
+<div id="new-deliverable" style="display:none;">
+  TODO
+</div>
+
+<div id="budget-list">
+
+</div>
+
+<% content_for :sidebar do %>
+    <%= render :partial => 'deliverables/sidebar' %>
+<% end %>
+
+<% content_for :header_tags do %>
+  <%= stylesheet_link_tag "budget.css", :plugin => "budget_plugin", :media => "screen" %>
+<% end %>
diff --git a/assets/stylesheets/budget.css b/assets/stylesheets/budget.css
new file mode 100644
index 0000000..ee90ea5
--- /dev/null
+++ b/assets/stylesheets/budget.css
@@ -0,0 +1,2 @@
+#budget-summary { background-color:#507AAA;padding:10px; }
+#budget-list {  }