diff --git a/bills.html b/bills.html
index 25245ee..d14c16f 100644
--- a/bills.html
+++ b/bills.html
@@ -7,17 +7,17 @@
     <title>Open States API | Bills</title>
     
     
-  <link rel="shortcut icon" type="image/ico" href="http://openstates.org/favicon.ico">
+  <link rel="shortcut icon" type="image/ico" href="http://s3.amazonaws.com/assets.sunlightfoundation.com/brisket/1.0/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="documentup.css">
   <script type="text/javascript" src="//use.typekit.net/egj6wnp.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 
 </head>
-  <body><div id="container">
+  <body><div class="sf-header"><div class="container"><a class="sf-logo" href="http://www.sunlightfoundation.com">Sunlight Foundation</a></div></div><div id="container">
   <div id="nav">
     
       <div id="header">
-        <a href="index.html" id="logo">Open States API</a>
+        <h1><a href="index.html" id="logo">Open States API</a>
       </div>
     
     <ul id="sections">
diff --git a/committees.html b/committees.html
index a9c2771..dd050c1 100644
--- a/committees.html
+++ b/committees.html
@@ -7,17 +7,17 @@
     <title>Open States API | Committees</title>
     
     
-  <link rel="shortcut icon" type="image/ico" href="http://openstates.org/favicon.ico">
+  <link rel="shortcut icon" type="image/ico" href="http://s3.amazonaws.com/assets.sunlightfoundation.com/brisket/1.0/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="documentup.css">
   <script type="text/javascript" src="//use.typekit.net/egj6wnp.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 
 </head>
-  <body><div id="container">
+  <body><div class="sf-header"><div class="container"><a class="sf-logo" href="http://www.sunlightfoundation.com">Sunlight Foundation</a></div></div><div id="container">
   <div id="nav">
     
       <div id="header">
-        <a href="index.html" id="logo">Open States API</a>
+        <h1><a href="index.html" id="logo">Open States API</a>
       </div>
     
     <ul id="sections">
diff --git a/districts.html b/districts.html
index 896aed0..2f3d1e6 100644
--- a/districts.html
+++ b/districts.html
@@ -7,17 +7,17 @@
     <title>Open States API | Districts</title>
     
     
-  <link rel="shortcut icon" type="image/ico" href="http://openstates.org/favicon.ico">
+  <link rel="shortcut icon" type="image/ico" href="http://s3.amazonaws.com/assets.sunlightfoundation.com/brisket/1.0/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="documentup.css">
   <script type="text/javascript" src="//use.typekit.net/egj6wnp.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 
 </head>
-  <body><div id="container">
+  <body><div class="sf-header"><div class="container"><a class="sf-logo" href="http://www.sunlightfoundation.com">Sunlight Foundation</a></div></div><div id="container">
   <div id="nav">
     
       <div id="header">
-        <a href="index.html" id="logo">Open States API</a>
+        <h1><a href="index.html" id="logo">Open States API</a>
       </div>
     
     <ul id="sections">
diff --git a/documentup.css b/documentup.css
index 51da67f..08aca63 100644
--- a/documentup.css
+++ b/documentup.css
@@ -153,26 +153,33 @@ a img {
   border: none;
 }
 body {
-  margin: 10px;
+	margin: 0;
+	background: url(http://assets.sunlightfoundation.com/sfapp/static/img/sfapp_bg.jpg) center 48px repeat-x #FFFFFF;
+	color: #3B3633;
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+	font-size: 13px;
+	line-height: 19px;
+	margin-top: -9px;
 }
 html {
   height: 100%;
 }
 body {
   padding: 0;
-  margin: 0;
   font: 14px/22px "adelle", Georgia, sans-serif;
   font-size-adjust: none;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
-  background: #f4f6ec;
 }
 a {
-  color: #369;
+  color: #78bcbf;
+}
+a:hover {
+  color: #635F5C;
 }
-#container {
-  width: 922px;
+#container, .container {
+  width: 940px;
   margin: 0 auto;
 }
 #header {
@@ -181,9 +188,6 @@ a {
   margin-bottom: 10px;
 }
 #header #logo {
-  color: #111;
-  font-size: 25px;
-  font-weight: bold;
   padding: 10px 0;
   text-decoration: none;
 }
@@ -191,7 +195,9 @@ a {
   float: left;
   width: 230px;
   margin-right: 30px;
-  margin-top: 40px;
+  margin-top: 53px;
+  position: fixed;
+  top: 86px;
 }
 #nav a {
   display: block;
@@ -209,6 +215,9 @@ a {
   color: #444;
   font-size: 16px;
 }
+#nav #sections > li > ul > li > a {
+  color: #1E7275;
+}
 #nav #sections ul {
   margin-bottom: 15px;
 }
@@ -246,15 +255,18 @@ a {
 #content {
   padding: 30px 30px 20px 30px;
   min-height: 100px;
-  width: 600px;
+  width: 618px;
   background: #fff;
   float: left;
   border: 1px solid rgba(0,0,0,0.20);
-  -webkit-border-radius: 3px 3px 0 0;
-  -moz-border-radius: 3px 3px 0 0;
-  border-radius: 3px 3px 0 0;
+  -webkit-border-radius: 3px 30px 0 0;
+  -moz-border-radius: 3px 30px 0 0;
+  border-radius: 3px 30px 0 0;
   margin-top: 15px;
-/* From Tripoli  */
+  background: white url(https://assets-sfcom.s3.amazonaws.com/img/bg_foldedCorner.png) right top no-repeat;
+  border: 1px solid #eceae3;
+  padding: 40px 30px 50px;
+  margin-left: 260px;
 }
 #content #loader {
   color: #888;
@@ -297,21 +309,34 @@ a {
 #content h4,
 #content h5,
 #content h6 {
-  font-weight: bold;
   line-height: 1.2em;
+  font-family: Georgia, "Times New Roman", Times, serif;
+  font-weight: normal;
+  color: #635f5c;
 }
-#content h1 {
+#content h1, h1 {
   font-size: 2.125em;
   margin-bottom: 0.4em;
+  font-family: "prenton-condensed","Helvetica Neue","Helvetica","Arial",sans-serif;
+  line-height: 1.1em;
+  text-transform: uppercase;
+}
+#content h1 {
+	font-size: 343.36%;
+	text-transform: uppercase;
+}
+
+h1 a{
+	color: #C9A70D;
 }
 #content h2 {
   font-size: 1.7em;
   margin: 0.855em 0 0.4em;
-  color: #cc333f;
 }
 #content h3 {
   font-size: 1.3em;
   margin: 0.956em 0 0.4em;
+  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 }
 #content h4 {
   font-size: 1.1em;
@@ -432,7 +457,7 @@ a {
   line-height: 1.5;
 }
 #content code {
-  background: #f7f8f1;
+  background: #f9f8f8;
   padding: 1px 2px;
   border: 1px solid #ccc;
 }
@@ -481,6 +506,8 @@ a {
     width: 100%;
     margin-top: 10px;
     float: none;
+    position: relative;
+    top: 0;
   }
   #nav #sections,
   #nav #header,
@@ -488,6 +515,9 @@ a {
     padding-left: 30px;
     padding-right: 30px;
   }
+  .container {
+  	width: 100%;
+  }
   #content {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
@@ -501,20 +531,54 @@ a {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
+    margin-left: 0;
+    background: none;
   }
   #github-ribbon img {
     width: 100px;
   }
+  #nav .thanks {
+  	margin-left: 30px;
+  }
 }
 
 
 
 /* user-added stuff */
 
-#content ul, ol {color: #444;}
-#header #logo {
-  font-size: 20px; line-height: 36px;
-  padding-bottom: 0;
+#content ul, ol {
+	color: #444;
+}
+
+#nav .thanks {
+	color: #8e908c; 
+	font-size: 80%;
+}
+#nav .thanks a {
+	display: inline; 
+	font-weight: normal; 
+	font-size: 100%;
+}
+.sf-header {
+    background: url(http://assets.sunlightfoundation.com/sfapp/static/img/sfapp_bg_header.jpg) center bottom repeat-x;
+    background-color: rgb(234, 245, 240);
+    height: 60px;
+    margin-bottom: 50px;
+}
+.sf-header a.sf-logo {
+    background: url(http://assets.sunlightfoundation.com/sfapp/static/img/sfapp_logo.png) top right no-repeat;
+    display: block;
+    float: right;
+    height: 40px;
+    text-indent: -9999px;
+    width: 128px;
+    margin-top: 15px;
 }
-#nav .thanks {color: #8e908c; font-size: 80%;}
-#nav .thanks a {display: inline; font-weight: normal; font-size: 100%;}
\ No newline at end of file
+
+
+
+
+
+
+
+
diff --git a/events.html b/events.html
index f8b59bc..61adb37 100644
--- a/events.html
+++ b/events.html
@@ -7,17 +7,17 @@
     <title>Open States API | Events</title>
     
     
-  <link rel="shortcut icon" type="image/ico" href="http://openstates.org/favicon.ico">
+  <link rel="shortcut icon" type="image/ico" href="http://s3.amazonaws.com/assets.sunlightfoundation.com/brisket/1.0/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="documentup.css">
   <script type="text/javascript" src="//use.typekit.net/egj6wnp.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 
 </head>
-  <body><div id="container">
+  <body><div class="sf-header"><div class="container"><a class="sf-logo" href="http://www.sunlightfoundation.com">Sunlight Foundation</a></div></div><div id="container">
   <div id="nav">
     
       <div id="header">
-        <a href="index.html" id="logo">Open States API</a>
+        <h1><a href="index.html" id="logo">Open States API</a>
       </div>
     
     <ul id="sections">
diff --git a/index.html b/index.html
index 4224a75..47361be 100644
--- a/index.html
+++ b/index.html
@@ -7,17 +7,17 @@
     <title>Open States API</title>
     
     
-  <link rel="shortcut icon" type="image/ico" href="http://openstates.org/favicon.ico">
+  <link rel="shortcut icon" type="image/ico" href="http://s3.amazonaws.com/assets.sunlightfoundation.com/brisket/1.0/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="documentup.css">
   <script type="text/javascript" src="//use.typekit.net/egj6wnp.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 
 </head>
-  <body><div id="container">
+  <body><div class="sf-header"><div class="container"><a class="sf-logo" href="http://www.sunlightfoundation.com">Sunlight Foundation</a></div></div><div id="container">
   <div id="nav">
     
       <div id="header">
-        <a href="index.html" id="logo">Open States API</a>
+        <h1><a href="index.html" id="logo">Open States API</a>
       </div>
     
     <ul id="sections">
@@ -56,8 +56,7 @@
   </div>
   <div id="content">
     
-    <h1>Open States API</h1>
-<p>Open States provides a JSON API for accessing state legislative information.
+    <p>Open States provides a JSON API for accessing state legislative information.
 
 </p>
 <h2 id='basics'>Basics</h2 id='basics'>
diff --git a/legislators.html b/legislators.html
index 28dcfa0..d779cd2 100644
--- a/legislators.html
+++ b/legislators.html
@@ -7,17 +7,17 @@
     <title>Open States API | Legislators</title>
     
     
-  <link rel="shortcut icon" type="image/ico" href="http://openstates.org/favicon.ico">
+  <link rel="shortcut icon" type="image/ico" href="http://s3.amazonaws.com/assets.sunlightfoundation.com/brisket/1.0/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="documentup.css">
   <script type="text/javascript" src="//use.typekit.net/egj6wnp.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 
 </head>
-  <body><div id="container">
+  <body><div class="sf-header"><div class="container"><a class="sf-logo" href="http://www.sunlightfoundation.com">Sunlight Foundation</a></div></div><div id="container">
   <div id="nav">
     
       <div id="header">
-        <a href="index.html" id="logo">Open States API</a>
+        <h1><a href="index.html" id="logo">Open States API</a>
       </div>
     
     <ul id="sections">
diff --git a/metadata.html b/metadata.html
index 41965ca..d28fb07 100644
--- a/metadata.html
+++ b/metadata.html
@@ -7,17 +7,17 @@
     <title>Open States API | Metadata</title>
     
     
-  <link rel="shortcut icon" type="image/ico" href="http://openstates.org/favicon.ico">
+  <link rel="shortcut icon" type="image/ico" href="http://s3.amazonaws.com/assets.sunlightfoundation.com/brisket/1.0/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="documentup.css">
   <script type="text/javascript" src="//use.typekit.net/egj6wnp.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 
 </head>
-  <body><div id="container">
+  <body><div class="sf-header"><div class="container"><a class="sf-logo" href="http://www.sunlightfoundation.com">Sunlight Foundation</a></div></div><div id="container">
   <div id="nav">
     
       <div id="header">
-        <a href="index.html" id="logo">Open States API</a>
+        <h1><a href="index.html" id="logo">Open States API</a>
       </div>
     
     <ul id="sections">
diff --git a/source/compile.rb b/source/compile.rb
index 167c0a9..d71ee87 100644
--- a/source/compile.rb
+++ b/source/compile.rb
@@ -26,7 +26,7 @@
 google_analytics = settings['google_analytics']
 
 header = '
-  <link rel="shortcut icon" type="image/ico" href="http://openstates.org/favicon.ico">
+  <link rel="shortcut icon" type="image/ico" href="http://s3.amazonaws.com/assets.sunlightfoundation.com/brisket/1.0/images/favicon.ico">
   <link rel="stylesheet" type="text/css" href="documentup.css">
   <script type="text/javascript" src="//use.typekit.net/egj6wnp.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -70,11 +70,15 @@
   # add in our own header (custom styles)
   content.sub! /<link.*?<\/head>/im, "#{header}\n</head>"
 
+  content.sub! "<body><div id=\"container\">", "<body><div class=\"sf-header\"><div class=\"container\"><a class=\"sf-logo\" href=\"http://www.sunlightfoundation.com\">Sunlight Foundation</a></div></div><div id=\"container\">"
+
   # add in our own footer (Google Analytics)
   content.sub! "</body>", "#{footer}\n</body>"
 
   # link the main header to the index page
-  content.sub! "<a href=\"#\" id=\"logo\">", "<a href=\"index.html\" id=\"logo\">"
+  content.sub! "<a href=\"#\" id=\"logo\">", "<h1><a href=\"index.html\" id=\"logo\">"
+
+  content.sub! "</div><ul id=\"sections\">", "</h1></div><ul id=\"sections\">"
 
   # custom title for non-index pages
   if filename != "index"
diff --git a/source/index.md b/source/index.md
index 8126c2a..ca3c872 100644
--- a/source/index.md
+++ b/source/index.md
@@ -1,6 +1,3 @@
-Open States API
-===============
-
 Open States provides a JSON API for accessing state legislative information.
 
 Basics
