[FEATURE] Center site

css/custom.css

@@ -1 +1,27 @@
 /* Additional Styling */
+
+.header .left {
+	float: none;
+	max-width: 1024px;
+	margin: auto;
+}
+
+.header-subnav-wrapper {
+	background: #f3f6fb;
+	border-bottom: solid 1px #dfe2e7;
+}
+
+.header-subnav {
+	max-width: 1024px;
+	margin: auto;
+	border-bottom: none !important;
+}
+
+.content-root {
+	max-width: 1024px;
+	margin: auto;
+}
+
+.menubar.fixed {
+	left: 23%;
+}

index.html

@@ -101,6 +101,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
       <iframe src="https://dev.ripple.com/vendor/ghbtn.html?user=ripple&repo=ripple-dev-portal&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
     </div>
   </div>
+  <div class="header-subnav-wrapper">
   <div class='header-subnav'>
     <ul>
         <li><a href='?p=introduction' id='subnav-intro'>Introduction</a></li>
@@ -109,7 +110,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
     </ul>
     <div class='clearer'>&nbsp;</div>
   </div>
-
+</div>
   <div class='content-root'>
     <div class='menubar'>
       <div class='menu section' role='flatdoc-menu'></div>