diff --git a/Kirchhoff_files/.DS_Store b/Kirchhoff_files/.DS_Store
new file mode 100644
index 0000000000..5008ddfcf5
Binary files /dev/null and b/Kirchhoff_files/.DS_Store differ
diff --git a/css/application.css b/css/application.css
index 7647d86a9b..d5cc42c7c2 100644
--- a/css/application.css
+++ b/css/application.css
@@ -56,14 +56,14 @@ blockquote, q {
   font-weight: bold;
   src: local("Droid Sans Bold"), local("DroidSans-Bold"), url("http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMXbFhgvWbfSbdVg11QabG8w.woff") format("woff"); }
 
-.clearfix:after, .topbar:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, html body div.header-wrapper header:after, html body div.header-wrapper header nav ul:after, html body section.main-content:after, html body section.index-content:after, html footer:after, div.course-wrapper section.course-content ol.vert-mod li:after, div.book-wrapper section.book nav ul:after, div.wiki-wrapper div#wiki_panel div#wiki_create_form:after, header.announcement div section:after, section.index-content section:after, section.index-content section.about-course:after, section.index-content section.staff:after {
+.clearfix:after, .topbar:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, html body div.header-wrapper header:after, html body div.header-wrapper header nav ul:after, html body section.main-content:after, html footer:after, div.course-wrapper section.course-content ol.vert-mod li:after, div.book-wrapper section.book nav ul:after, div.wiki-wrapper div#wiki_panel div#wiki_create_form:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden; }
 
-.wrapper, html body div.header-wrapper header, html body section.main-content, html body section.index-content, html footer, header.announcement div, section.index-content, section.activation {
+.wrapper, html body div.header-wrapper header, html body section.main-content, html footer, section.activation {
   margin: 0 auto;
   max-width: 1235px;
   width: 100%;
@@ -298,7 +298,7 @@ html {
                   color: rgba(255, 255, 255, 0.7);
                   background-color: none;
                   text-decoration: none; }
-    html body section.main-content, html body section.index-content {
+    html body section.main-content {
       -webkit-box-shadow: 0 1px 0 white;
       -moz-box-shadow: 0 1px 0 white;
       -ms-box-shadow: 0 1px 0 white;
@@ -803,294 +803,6 @@ div.wiki-wrapper {
   div.wiki-wrapper section.wiki-body p {
     line-height: 1.6em; }
 
-@font-face {
-  font-family: 'Oswald';
-  font-style: normal;
-  font-weight: normal;
-  src: local("Oswald "), local("Oswald"), url("http://themes.googleusercontent.com/static/fonts/oswald/v3/qpy-UiLNKP-VfOdbcs6r6-vvDin1pK8aKteLpeZ5c0A.woff") format("woff"); }
-
-header.announcement {
-  background: #993333;
-  border-top: 3px solid #732626;
-  color: #fff; }
-  header.announcement div {
-    padding: 80px 22.652px 60px;
-    position: relative;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -ms-box-sizing: border-box;
-    -o-box-sizing: border-box;
-    box-sizing: border-box; }
-    header.announcement div nav {
-      position: absolute;
-      top: 20px;
-      right: 0; }
-      header.announcement div nav a.login {
-        text-transform: uppercase;
-        color: #fff;
-        font-size: 12px;
-        margin-right: 20px;
-        text-shadow: 0 -1px 0 #732626; }
-        header.announcement div nav a.login:hover {
-          color: rgba(255, 255, 255, 0.6); }
-    header.announcement div section {
-      padding-left: 23.482%; }
-      header.announcement div section h1 {
-        font-family: "Oswald";
-        font-size: 62px;
-        line-height: 1.2em;
-        margin: 0;
-        text-transform: uppercase;
-        text-shadow: 0 -2px 0 #732626; }
-      header.announcement div section p {
-        line-height: 1.6em;
-        max-width: 700px;
-        margin: 2em 0 0; }
-      header.announcement div section.course {
-        padding-left: 34.008%; }
-        header.announcement div section.course a.enroll {
-          border: 1px solid #dfd8d8;
-          -webkit-border-radius: 3px;
-          -moz-border-radius: 3px;
-          -ms-border-radius: 3px;
-          -o-border-radius: 3px;
-          border-radius: 3px;
-          -webkit-box-shadow: inset 0 1px 0 0 white;
-          -moz-box-shadow: inset 0 1px 0 0 white;
-          -ms-box-shadow: inset 0 1px 0 0 white;
-          -o-box-shadow: inset 0 1px 0 0 white;
-          box-shadow: inset 0 1px 0 0 white;
-          color: #333333;
-          display: inline;
-          font-size: 11px;
-          font-weight: bold;
-          background-color: white;
-          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e5e0e0));
-          background-image: -webkit-linear-gradient(top, white, #e5e0e0);
-          background-image: -moz-linear-gradient(top, white, #e5e0e0);
-          background-image: -ms-linear-gradient(top, white, #e5e0e0);
-          background-image: -o-linear-gradient(top, white, #e5e0e0);
-          background-image: linear-gradient(top, white, #e5e0e0);
-          padding: 6px 18px 7px;
-          text-shadow: 0 1px 0 white;
-          -webkit-background-clip: padding-box;
-          display: -moz-inline-box;
-          -moz-box-orient: vertical;
-          display: inline-block;
-          vertical-align: baseline;
-          zoom: 1;
-          *display: inline;
-          *vertical-align: auto;
-          -webkit-box-shadow: 0 1px 0 #bf4040;
-          -moz-box-shadow: 0 1px 0 #bf4040;
-          -ms-box-shadow: 0 1px 0 #bf4040;
-          -o-box-shadow: 0 1px 0 #bf4040;
-          box-shadow: 0 1px 0 #bf4040;
-          margin-top: 22.652px;
-          font-size: 18px;
-          padding: 11.326px;
-          border-color: #732626; }
-          header.announcement div section.course a.enroll:hover {
-            -webkit-box-shadow: inset 0 1px 0 0 white;
-            -moz-box-shadow: inset 0 1px 0 0 white;
-            -ms-box-shadow: inset 0 1px 0 0 white;
-            -o-box-shadow: inset 0 1px 0 0 white;
-            box-shadow: inset 0 1px 0 0 white;
-            cursor: pointer;
-            background-color: #f2f2f2;
-            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #ded8d8));
-            background-image: -webkit-linear-gradient(top, #f2f2f2, #ded8d8);
-            background-image: -moz-linear-gradient(top, #f2f2f2, #ded8d8);
-            background-image: -ms-linear-gradient(top, #f2f2f2, #ded8d8);
-            background-image: -o-linear-gradient(top, #f2f2f2, #ded8d8);
-            background-image: linear-gradient(top, #f2f2f2, #ded8d8); }
-          header.announcement div section.course a.enroll:active {
-            border: 1px solid #dfd8d8;
-            -webkit-box-shadow: inset 0 0 8px 4px #d7d1d1, inset 0 0 8px 4px #d7d1d1, 0 1px 1px 0 #eeeeee;
-            -moz-box-shadow: inset 0 0 8px 4px #d7d1d1, inset 0 0 8px 4px #d7d1d1, 0 1px 1px 0 #eeeeee;
-            -ms-box-shadow: inset 0 0 8px 4px #d7d1d1, inset 0 0 8px 4px #d7d1d1, 0 1px 1px 0 #eeeeee;
-            -o-box-shadow: inset 0 0 8px 4px #d7d1d1, inset 0 0 8px 4px #d7d1d1, 0 1px 1px 0 #eeeeee;
-            box-shadow: inset 0 0 8px 4px #d7d1d1, inset 0 0 8px 4px #d7d1d1, 0 1px 1px 0 #eeeeee; }
-          header.announcement div section.course a.enroll:hover {
-            text-decoration: none; }
-
-section.index-content {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 22.652px; }
-  section.index-content section {
-    width: 48.988%;
-    float: left; }
-    section.index-content section.about {
-      margin-right: 2.024%; }
-    section.index-content section.about-course {
-      width: 100%;
-      float: none; }
-      section.index-content section.about-course section {
-        width: 31.984%;
-        margin-right: 2.024%; }
-        section.index-content section.about-course section.requirements {
-          margin-right: 0; }
-    section.index-content section.staff {
-      border-top: 1px solid #eee;
-      float: none;
-      width: 100%;
-      margin-top: 22.652px;
-      padding-top: 22.652px; }
-      section.index-content section.staff ul {
-        list-style: none;
-        margin: 0; }
-        section.index-content section.staff ul li {
-          width: 23.482%;
-          list-style: none;
-          float: left;
-          margin-right: 2.024%; }
-          section.index-content section.staff ul li img {
-            float: left;
-            margin: 0 1em 1em 0; }
-          section.index-content section.staff ul li:last-child {
-            margin-right: 0; }
-    section.index-content section h1 {
-      font-size: 34px;
-      margin-top: 0;
-      font-family: "Oswald"; }
-    section.index-content section ul {
-      margin: 0 6.478% 1em;
-      list-style: disc outside none; }
-      section.index-content section ul li {
-        list-style: disc outside none; }
-    section.index-content section p {
-      line-height: 1.5; }
-    section.index-content section a.more-info {
-      border: 1px solid #691b1b;
-      -webkit-border-radius: 3px;
-      -moz-border-radius: 3px;
-      -ms-border-radius: 3px;
-      -o-border-radius: 3px;
-      border-radius: 3px;
-      -webkit-box-shadow: inset 0 1px 0 0 #bc5c5c;
-      -moz-box-shadow: inset 0 1px 0 0 #bc5c5c;
-      -ms-box-shadow: inset 0 1px 0 0 #bc5c5c;
-      -o-box-shadow: inset 0 1px 0 0 #bc5c5c;
-      box-shadow: inset 0 1px 0 0 #bc5c5c;
-      color: white;
-      display: inline;
-      font-size: 11px;
-      font-weight: bold;
-      background-color: #993333;
-      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #993333), color-stop(100%, #761e1e));
-      background-image: -webkit-linear-gradient(top, #993333, #761e1e);
-      background-image: -moz-linear-gradient(top, #993333, #761e1e);
-      background-image: -ms-linear-gradient(top, #993333, #761e1e);
-      background-image: -o-linear-gradient(top, #993333, #761e1e);
-      background-image: linear-gradient(top, #993333, #761e1e);
-      padding: 6px 18px 7px;
-      text-shadow: 0 1px 0 #5d1414;
-      -webkit-background-clip: padding-box;
-      display: -moz-inline-box;
-      -moz-box-orient: vertical;
-      display: inline-block;
-      vertical-align: baseline;
-      zoom: 1;
-      *display: inline;
-      *vertical-align: auto;
-      margin-top: 22.652px;
-      font-size: 18px;
-      padding: 11.326px; }
-      section.index-content section a.more-info:hover {
-        -webkit-box-shadow: inset 0 1px 0 0 #a44141;
-        -moz-box-shadow: inset 0 1px 0 0 #a44141;
-        -ms-box-shadow: inset 0 1px 0 0 #a44141;
-        -o-box-shadow: inset 0 1px 0 0 #a44141;
-        box-shadow: inset 0 1px 0 0 #a44141;
-        cursor: pointer;
-        background-color: #823030;
-        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #823030), color-stop(100%, #691c1c));
-        background-image: -webkit-linear-gradient(top, #823030, #691c1c);
-        background-image: -moz-linear-gradient(top, #823030, #691c1c);
-        background-image: -ms-linear-gradient(top, #823030, #691c1c);
-        background-image: -o-linear-gradient(top, #823030, #691c1c);
-        background-image: linear-gradient(top, #823030, #691c1c); }
-      section.index-content section a.more-info:active {
-        border: 1px solid #691b1b;
-        -webkit-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-        -moz-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-        -ms-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-        -o-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-        box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; }
-      section.index-content section a.more-info:hover {
-        text-decoration: none; }
-  section.index-content div.secondary {
-    border-top: 1px solid #eee;
-    margin-top: 22.652px;
-    padding-top: 22.652px; }
-    section.index-content div.secondary section {
-      text-align: center;
-      width: auto;
-      float: none; }
-      section.index-content div.secondary section a.enroll {
-        border: 1px solid #691b1b;
-        -webkit-border-radius: 3px;
-        -moz-border-radius: 3px;
-        -ms-border-radius: 3px;
-        -o-border-radius: 3px;
-        border-radius: 3px;
-        -webkit-box-shadow: inset 0 1px 0 0 #bc5c5c;
-        -moz-box-shadow: inset 0 1px 0 0 #bc5c5c;
-        -ms-box-shadow: inset 0 1px 0 0 #bc5c5c;
-        -o-box-shadow: inset 0 1px 0 0 #bc5c5c;
-        box-shadow: inset 0 1px 0 0 #bc5c5c;
-        color: white;
-        display: inline;
-        font-size: 11px;
-        font-weight: bold;
-        background-color: #993333;
-        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #993333), color-stop(100%, #761e1e));
-        background-image: -webkit-linear-gradient(top, #993333, #761e1e);
-        background-image: -moz-linear-gradient(top, #993333, #761e1e);
-        background-image: -ms-linear-gradient(top, #993333, #761e1e);
-        background-image: -o-linear-gradient(top, #993333, #761e1e);
-        background-image: linear-gradient(top, #993333, #761e1e);
-        padding: 6px 18px 7px;
-        text-shadow: 0 1px 0 #5d1414;
-        -webkit-background-clip: padding-box;
-        display: -moz-inline-box;
-        -moz-box-orient: vertical;
-        display: inline-block;
-        vertical-align: baseline;
-        zoom: 1;
-        *display: inline;
-        *vertical-align: auto;
-        margin-top: 22.652px;
-        font-size: 18px;
-        padding: 11.326px; }
-        section.index-content div.secondary section a.enroll:hover {
-          -webkit-box-shadow: inset 0 1px 0 0 #a44141;
-          -moz-box-shadow: inset 0 1px 0 0 #a44141;
-          -ms-box-shadow: inset 0 1px 0 0 #a44141;
-          -o-box-shadow: inset 0 1px 0 0 #a44141;
-          box-shadow: inset 0 1px 0 0 #a44141;
-          cursor: pointer;
-          background-color: #823030;
-          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #823030), color-stop(100%, #691c1c));
-          background-image: -webkit-linear-gradient(top, #823030, #691c1c);
-          background-image: -moz-linear-gradient(top, #823030, #691c1c);
-          background-image: -ms-linear-gradient(top, #823030, #691c1c);
-          background-image: -o-linear-gradient(top, #823030, #691c1c);
-          background-image: linear-gradient(top, #823030, #691c1c); }
-        section.index-content div.secondary section a.enroll:active {
-          border: 1px solid #691b1b;
-          -webkit-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-          -moz-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-          -ms-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-          -o-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-          box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; }
-        section.index-content div.secondary section a.enroll:hover {
-          text-decoration: none; }
-
 section.activation {
   -webkit-box-shadow: 0 1px 0 white;
   -moz-box-shadow: 0 1px 0 white;
diff --git a/css/images/.DS_Store b/css/images/.DS_Store
new file mode 100644
index 0000000000..5008ddfcf5
Binary files /dev/null and b/css/images/.DS_Store differ
diff --git a/css/marketing.css b/css/marketing.css
new file mode 100644
index 0000000000..1c05d53bdd
--- /dev/null
+++ b/css/marketing.css
@@ -0,0 +1,567 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-weight: inherit;
+  font-style: inherit;
+  font-size: 100%;
+  font-family: inherit;
+  vertical-align: baseline; }
+
+/* remember to define focus styles! */
+:focus {
+  outline: 0; }
+
+body {
+  line-height: 1;
+  color: black;
+  background: white; }
+
+ol, ul {
+  list-style: none; }
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+  border-collapse: separate;
+  border-spacing: 0; }
+
+caption, th, td {
+  text-align: left;
+  font-weight: normal; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: ""; }
+
+blockquote, q {
+  quotes: "" ""; }
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local("Open Sans"), local("OpenSans"), url("http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff") format("woff"); }
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 800;
+  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url("http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hqRDOzjiPcYnFooOUGCOsRk.woff") format("woff"); }
+
+.wrapper, header.announcement div, section.index-content, footer {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+  margin: 0 auto;
+  max-width: 1400px;
+  min-width: 810px;
+  padding: 25.888px;
+  width: 100%; }
+
+.clearfix:after, header.announcement div section:after, section.index-content:after, section.index-content section:after, section.index-content section.about section:after, footer:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden; }
+
+.button, header.announcement div section.course section a, section.index-content section.course a, section.index-content section.staff a, section.index-content section.about-course section.cta a.enroll {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  display: -moz-inline-box;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  vertical-align: baseline;
+  zoom: 1;
+  *display: inline;
+  *vertical-align: auto;
+  -webkit-transition-property: all;
+  -moz-transition-property: all;
+  -ms-transition-property: all;
+  -o-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.15s;
+  -moz-transition-duration: 0.15s;
+  -ms-transition-duration: 0.15s;
+  -o-transition-duration: 0.15s;
+  transition-duration: 0.15s;
+  -webkit-transition-timing-function: ease-out;
+  -moz-transition-timing-function: ease-out;
+  -ms-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+  -webkit-transition-delay: 0;
+  -moz-transition-delay: 0;
+  -ms-transition-delay: 0;
+  -o-transition-delay: 0;
+  transition-delay: 0;
+  background-color: #990000;
+  color: #fff;
+  margin: 25.888px 0 12.944px;
+  padding: 6.472px 12.944px;
+  text-decoration: none; }
+  .button:hover, header.announcement div section.course section a:hover, section.index-content section.course a:hover, section.index-content section.staff a:hover, section.index-content section.about-course section.cta a.enroll:hover {
+    background-color: #660000; }
+  .button span, header.announcement div section.course section a span, section.index-content section.course a span, section.index-content section.staff a span, section.index-content section.about-course section.cta a.enroll span {
+    font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
+    font-style: italic; }
+
+body {
+  background-color: #fff;
+  color: #444;
+  font: 16px Georgia, serif; }
+
+header.announcement {
+  color: #fff;
+  border-bottom: 1px solid #000;
+  background: #e3e3e3;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -ms-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover; }
+  @media screen and (min-width: 1200px) {
+    header.announcement.home {
+      background: #e3e3e3 url("/static/images/marketing/shot-1-large.jpg"); } }
+  @media screen and (max-width: 1199px) and (min-width: 700px) {
+    header.announcement.home {
+      background: #e3e3e3 url("/static/images/marketing/shot-1-medium.jpg"); } }
+  @media screen and (min-width: 1200px) {
+    header.announcement.course {
+      background: #e3e3e3 url("/static/images/marketing/course-bg-large.jpg"); } }
+  @media screen and (max-width: 1199px) and (min-width: 700px) {
+    header.announcement.course {
+      background: #e3e3e3 url("/static/images/marketing/course-bg-medium.jpg"); } }
+  @media screen and (max-width: 699px) {
+    header.announcement.course {
+      background: #e3e3e3 url("/static/images/marketing/course-bg-small.jpg"); } }
+  header.announcement div {
+    padding: 258.88px 25.888px 77.664px;
+    position: relative; }
+    header.announcement div nav {
+      position: absolute;
+      top: 0;
+      right: 25.888px;
+      -webkit-border-radius: 0 0 3px 3px;
+      -moz-border-radius: 0 0 3px 3px;
+      -ms-border-radius: 0 0 3px 3px;
+      -o-border-radius: 0 0 3px 3px;
+      border-radius: 0 0 3px 3px;
+      background: rgba(0, 0, 0, 0.7);
+      padding: 12.944px; }
+      header.announcement div nav h1 {
+        display: -moz-inline-box;
+        -moz-box-orient: vertical;
+        display: inline-block;
+        vertical-align: baseline;
+        zoom: 1;
+        *display: inline;
+        *vertical-align: auto;
+        margin-right: 25.888px; }
+        header.announcement div nav h1 a {
+          font: 800 18px "Open Sans", Helvetica, Arial, sans-serif;
+          color: #fff;
+          text-decoration: none; }
+      header.announcement div nav a.login {
+        text-decoration: none;
+        color: #fff;
+        font-size: 12px; }
+        header.announcement div nav a.login:hover {
+          color: rgba(255, 255, 255, 0.6); }
+    header.announcement div section {
+      display: -moz-inline-box;
+      -moz-box-orient: vertical;
+      display: inline-block;
+      vertical-align: baseline;
+      zoom: 1;
+      *display: inline;
+      *vertical-align: auto;
+      background: #990000;
+      margin-left: 34.171%;
+      padding: 25.888px 38.832px; }
+      header.announcement div section h1 {
+        display: -moz-inline-box;
+        -moz-box-orient: vertical;
+        display: inline-block;
+        vertical-align: baseline;
+        zoom: 1;
+        *display: inline;
+        *vertical-align: auto;
+        font-family: "Open Sans";
+        font-size: 30px;
+        font-weight: 800;
+        line-height: 1.2em;
+        margin: 0 25.888px 0 0; }
+      header.announcement div section h2 {
+        display: -moz-inline-box;
+        -moz-box-orient: vertical;
+        display: inline-block;
+        vertical-align: baseline;
+        zoom: 1;
+        *display: inline;
+        *vertical-align: auto;
+        font-family: "Open Sans";
+        font-size: 24px;
+        font-weight: 400;
+        line-height: 1.2em; }
+      header.announcement div section.course section {
+        width: 48.092%;
+        margin-right: 3.817%;
+        float: left;
+        margin-left: 0;
+        padding: 0; }
+        header.announcement div section.course section a {
+          background-color: #330000;
+          display: block;
+          padding: 12.944px 25.888px;
+          text-align: center; }
+          header.announcement div section.course section a:hover {
+            background-color: #660000; }
+      header.announcement div section.course p {
+        width: 48.092%;
+        line-height: 25.888px;
+        float: left; }
+
+section.index-content section {
+  float: left; }
+  section.index-content section h1 {
+    font-size: 24px;
+    font-weight: 800;
+    font-family: "Open Sans";
+    margin-bottom: 25.888px; }
+  section.index-content section p {
+    line-height: 25.888px;
+    margin-bottom: 25.888px; }
+  section.index-content section ul {
+    margin: 0; }
+  section.index-content section.about {
+    width: 65.829%;
+    margin-right: 1.256%;
+    border-right: 1px solid #e5e5e5;
+    padding-right: 1.256%; }
+    section.index-content section.about section {
+      margin-bottom: 25.888px; }
+      section.index-content section.about section p {
+        width: 48.092%;
+        float: left; }
+        section.index-content section.about section p:nth-child(odd) {
+          margin-right: 3.817%; }
+      section.index-content section.about section.features {
+        border-top: 1px solid #E5E5E5;
+        padding-top: 25.888px;
+        margin-bottom: 0; }
+        section.index-content section.about section.features h2 {
+          text-transform: uppercase;
+          letter-spacing: 1px;
+          color: #666;
+          margin-bottom: 25.888px; }
+        section.index-content section.about section.features p {
+          width: auto; }
+          section.index-content section.about section.features p strong {
+            font-family: "Open sans";
+            font-weight: 800; }
+          section.index-content section.about section.features p a {
+            color: #990000;
+            text-decoration: none;
+            -webkit-transition-property: all;
+            -moz-transition-property: all;
+            -ms-transition-property: all;
+            -o-transition-property: all;
+            transition-property: all;
+            -webkit-transition-duration: 0.15s;
+            -moz-transition-duration: 0.15s;
+            -ms-transition-duration: 0.15s;
+            -o-transition-duration: 0.15s;
+            transition-duration: 0.15s;
+            -webkit-transition-timing-function: ease-out;
+            -moz-transition-timing-function: ease-out;
+            -ms-transition-timing-function: ease-out;
+            -o-transition-timing-function: ease-out;
+            transition-timing-function: ease-out;
+            -webkit-transition-delay: 0;
+            -moz-transition-delay: 0;
+            -ms-transition-delay: 0;
+            -o-transition-delay: 0;
+            transition-delay: 0; }
+            section.index-content section.about section.features p a:hover, section.index-content section.about section.features p a:focus {
+              color: #4d0000; }
+        section.index-content section.about section.features ul {
+          margin-bottom: 0; }
+          section.index-content section.about section.features ul li {
+            line-height: 25.888px;
+            width: 48.092%;
+            float: left;
+            margin-bottom: 12.944px; }
+            section.index-content section.about section.features ul li:nth-child(odd) {
+              margin-right: 3.817%; }
+  section.index-content section.course, section.index-content section.staff {
+    width: 31.658%; }
+    section.index-content section.course h1, section.index-content section.staff h1 {
+      font: normal 16px Georgia, serif;
+      text-transform: uppercase;
+      letter-spacing: 1px;
+      color: #666;
+      margin-bottom: 25.888px; }
+    section.index-content section.course h2, section.index-content section.staff h2 {
+      font: 800 24px "Open Sans", Helvetica, Arial, sans-serif; }
+    section.index-content section.course h3, section.index-content section.staff h3 {
+      font: 400 18px "Open Sans", Helvetica, Arial, sans-serif; }
+    section.index-content section.course ul li img, section.index-content section.staff ul li img {
+      float: left;
+      margin-right: 12.944px; }
+  section.index-content section.course h2 {
+    padding-top: 129.44px;
+    background: url("/static/images/marketing/circuits-bg.jpg") 0 0 no-repeat;
+    -webkit-background-size: contain;
+    -moz-background-size: contain;
+    -ms-background-size: contain;
+    -o-background-size: contain;
+    background-size: contain; }
+    @media screen and (max-width: 998px) {
+      section.index-content section.course h2 {
+        background: url("/static/images/marketing/circuits-medium-bg.jpg") 0 0 no-repeat; } }
+  section.index-content section.about-course {
+    width: 65.829%;
+    margin-right: 1.256%;
+    border-right: 1px solid #e5e5e5;
+    padding-right: 1.256%; }
+    section.index-content section.about-course section {
+      width: 48.092%; }
+      section.index-content section.about-course section.about-info {
+        margin-right: 3.817%; }
+      section.index-content section.about-course section.requirements {
+        clear: both;
+        width: auto;
+        border-top: 1px solid #E5E5E5;
+        padding-top: 25.888px;
+        margin-bottom: 0; }
+        section.index-content section.about-course section.requirements p {
+          float: left;
+          width: 48.092%;
+          margin-right: 3.817%; }
+          section.index-content section.about-course section.requirements p:nth-child(odd) {
+            margin-right: 0; }
+      section.index-content section.about-course section.cta {
+        width: 100%; }
+        section.index-content section.about-course section.cta a.enroll {
+          padding: 12.944px 25.888px;
+          display: block;
+          text-align: center;
+          font: 800 18px "Open Sans", Helvetica, Arial, sans-serif; }
+
+footer {
+  padding-top: 0; }
+  footer div.footer-wrapper {
+    border-top: 1px solid #e5e5e5;
+    padding: 25.888px 0;
+    background: url("/static/images/marketing/mit-logo.png") right center no-repeat; }
+    footer div.footer-wrapper a {
+      color: #888;
+      text-decoration: none;
+      -webkit-transition-property: all;
+      -moz-transition-property: all;
+      -ms-transition-property: all;
+      -o-transition-property: all;
+      transition-property: all;
+      -webkit-transition-duration: 0.15s;
+      -moz-transition-duration: 0.15s;
+      -ms-transition-duration: 0.15s;
+      -o-transition-duration: 0.15s;
+      transition-duration: 0.15s;
+      -webkit-transition-timing-function: ease-out;
+      -moz-transition-timing-function: ease-out;
+      -ms-transition-timing-function: ease-out;
+      -o-transition-timing-function: ease-out;
+      transition-timing-function: ease-out;
+      -webkit-transition-delay: 0;
+      -moz-transition-delay: 0;
+      -ms-transition-delay: 0;
+      -o-transition-delay: 0;
+      transition-delay: 0; }
+      footer div.footer-wrapper a:hover, footer div.footer-wrapper a:focus {
+        color: #666; }
+    footer div.footer-wrapper p {
+      display: -moz-inline-box;
+      -moz-box-orient: vertical;
+      display: inline-block;
+      vertical-align: baseline;
+      zoom: 1;
+      *display: inline;
+      *vertical-align: auto;
+      margin-right: 25.888px; }
+    footer div.footer-wrapper ul {
+      display: -moz-inline-box;
+      -moz-box-orient: vertical;
+      display: inline-block;
+      vertical-align: baseline;
+      zoom: 1;
+      *display: inline;
+      *vertical-align: auto; }
+      footer div.footer-wrapper ul li {
+        display: -moz-inline-box;
+        -moz-box-orient: vertical;
+        display: inline-block;
+        vertical-align: baseline;
+        zoom: 1;
+        *display: inline;
+        *vertical-align: auto; }
+        footer div.footer-wrapper ul li:after {
+          content: ' |';
+          display: inline;
+          color: #ccc; }
+        footer div.footer-wrapper ul li:last-child:after {
+          content: none; }
+
+div#fancybox-overlay {
+  background: #333 !important; }
+
+div#fancybox-wrap {
+  width: auto  !important; }
+  div#fancybox-wrap div#fancybox-outer {
+    background: none;
+    max-width: 600px; }
+    div#fancybox-wrap div#fancybox-outer div.fancybox-bg {
+      display: none;
+      background: none; }
+    div#fancybox-wrap div#fancybox-outer div#fancybox-content {
+      -webkit-border-radius: 3px;
+      -moz-border-radius: 3px;
+      -ms-border-radius: 3px;
+      -o-border-radius: 3px;
+      border-radius: 3px;
+      -webkit-box-shadow: 0 0 6px black;
+      -moz-box-shadow: 0 0 6px black;
+      -ms-box-shadow: 0 0 6px black;
+      -o-box-shadow: 0 0 6px black;
+      box-shadow: 0 0 6px black;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      -ms-box-sizing: border-box;
+      -o-box-sizing: border-box;
+      box-sizing: border-box;
+      background: #fff;
+      border: none;
+      padding: 51.776px;
+      max-width: 600px;
+      width: auto !important; }
+      div#fancybox-wrap div#fancybox-outer div#fancybox-content h1 {
+        font-size: 24px;
+        margin-top: 0;
+        font-family: "Oswald";
+        padding-bottom: 25.888px;
+        border-bottom: 1px solid #eee;
+        margin-bottom: 25.888px; }
+      div#fancybox-wrap div#fancybox-outer div#fancybox-content form {
+        text-align: left; }
+        div#fancybox-wrap div#fancybox-outer div#fancybox-content form div#enroll_error {
+          padding-bottom: 25.888px;
+          color: #DF8B2C;
+          text-transform: uppercase;
+          letter-spacing: 1px;
+          font-weight: bold; }
+        div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li {
+          margin-bottom: 25.888px;
+          width: 485px;
+          float: left; }
+          div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li:nth-child(odd) {
+            margin-right: 25px; }
+          div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li.terms, div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li.remember {
+            float: none;
+            width: auto;
+            clear: both;
+            padding-top: 25.888px;
+            border-top: 1px solid #eee; }
+          div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li.honor-code {
+            width: auto;
+            float: none; }
+          div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li label {
+            display: block;
+            font-weight: bold; }
+          div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="email"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="number"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="password"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="search"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="tel"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="text"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="url"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="color"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="date"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="datetime"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="datetime-local"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="month"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="time"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="week"] {
+            width: 100%;
+            -webkit-box-sizing: border-box;
+            -moz-box-sizing: border-box;
+            -ms-box-sizing: border-box;
+            -o-box-sizing: border-box;
+            box-sizing: border-box; }
+          div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="checkbox"] {
+            margin-right: 10px; }
+        div#fancybox-wrap div#fancybox-outer div#fancybox-content form input[type="button"] {
+          border: 1px solid #520000;
+          -webkit-border-radius: 3px;
+          -moz-border-radius: 3px;
+          -ms-border-radius: 3px;
+          -o-border-radius: 3px;
+          border-radius: 3px;
+          -webkit-box-shadow: inset 0 1px 0 0 #dc0909;
+          -moz-box-shadow: inset 0 1px 0 0 #dc0909;
+          -ms-box-shadow: inset 0 1px 0 0 #dc0909;
+          -o-box-shadow: inset 0 1px 0 0 #dc0909;
+          box-shadow: inset 0 1px 0 0 #dc0909;
+          color: white;
+          display: inline;
+          font-size: 11px;
+          font-weight: bold;
+          background-color: #990000;
+          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #990000), color-stop(100%, #610000));
+          background-image: -webkit-linear-gradient(top, #990000, #610000);
+          background-image: -moz-linear-gradient(top, #990000, #610000);
+          background-image: -ms-linear-gradient(top, #990000, #610000);
+          background-image: -o-linear-gradient(top, #990000, #610000);
+          background-image: linear-gradient(top, #990000, #610000);
+          padding: 6px 18px 7px;
+          text-shadow: 0 1px 0 #3d0000;
+          -webkit-background-clip: padding-box;
+          font-size: 18px;
+          padding: 12.944px; }
+          div#fancybox-wrap div#fancybox-outer div#fancybox-content form input[type="button"]:hover {
+            -webkit-box-shadow: inset 0 1px 0 0 #ac0606;
+            -moz-box-shadow: inset 0 1px 0 0 #ac0606;
+            -ms-box-shadow: inset 0 1px 0 0 #ac0606;
+            -o-box-shadow: inset 0 1px 0 0 #ac0606;
+            box-shadow: inset 0 1px 0 0 #ac0606;
+            cursor: pointer;
+            background-color: #7d0303;
+            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d0303), color-stop(100%, #520000));
+            background-image: -webkit-linear-gradient(top, #7d0303, #520000);
+            background-image: -moz-linear-gradient(top, #7d0303, #520000);
+            background-image: -ms-linear-gradient(top, #7d0303, #520000);
+            background-image: -o-linear-gradient(top, #7d0303, #520000);
+            background-image: linear-gradient(top, #7d0303, #520000); }
+          div#fancybox-wrap div#fancybox-outer div#fancybox-content form input[type="button"]:active {
+            border: 1px solid #520000;
+            -webkit-box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 0 1px 1px 0 #eeeeee;
+            -moz-box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 0 1px 1px 0 #eeeeee;
+            -ms-box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 0 1px 1px 0 #eeeeee;
+            -o-box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 0 1px 1px 0 #eeeeee;
+            box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 0 1px 1px 0 #eeeeee; }
+      div#fancybox-wrap div#fancybox-outer div#fancybox-content div#login {
+        min-width: 300px; }
+        div#fancybox-wrap div#fancybox-outer div#fancybox-content div#login ol li {
+          width: auto;
+          float: none; }
+      div#fancybox-wrap div#fancybox-outer div#fancybox-content div.lost-password {
+        text-align: left;
+        margin-top: 25.888px; }
+        div#fancybox-wrap div#fancybox-outer div#fancybox-content div.lost-password a {
+          color: #999; }
+          div#fancybox-wrap div#fancybox-outer div#fancybox-content div.lost-password a:hover {
+            color: #444; }
diff --git a/images/.DS_Store b/images/.DS_Store
new file mode 100644
index 0000000000..5008ddfcf5
Binary files /dev/null and b/images/.DS_Store differ
diff --git a/images/marketing/.DS_Store b/images/marketing/.DS_Store
new file mode 100644
index 0000000000..5008ddfcf5
Binary files /dev/null and b/images/marketing/.DS_Store differ
diff --git a/images/marketing/circuits-bg.jpg b/images/marketing/circuits-bg.jpg
new file mode 100644
index 0000000000..c1bb2bae6d
Binary files /dev/null and b/images/marketing/circuits-bg.jpg differ
diff --git a/images/marketing/circuits-medium-bg.jpg b/images/marketing/circuits-medium-bg.jpg
new file mode 100644
index 0000000000..a362efc515
Binary files /dev/null and b/images/marketing/circuits-medium-bg.jpg differ
diff --git a/images/marketing/course-bg-large.jpg b/images/marketing/course-bg-large.jpg
new file mode 100644
index 0000000000..d73ed705ae
Binary files /dev/null and b/images/marketing/course-bg-large.jpg differ
diff --git a/images/marketing/course-bg-medium.jpg b/images/marketing/course-bg-medium.jpg
new file mode 100644
index 0000000000..0633dd588f
Binary files /dev/null and b/images/marketing/course-bg-medium.jpg differ
diff --git a/images/marketing/course-bg-small.jpg b/images/marketing/course-bg-small.jpg
new file mode 100644
index 0000000000..c939c8d604
Binary files /dev/null and b/images/marketing/course-bg-small.jpg differ
diff --git a/images/marketing/link-arrow.png b/images/marketing/link-arrow.png
new file mode 100644
index 0000000000..7d9a4914a3
Binary files /dev/null and b/images/marketing/link-arrow.png differ
diff --git a/images/marketing/mit-logo.png b/images/marketing/mit-logo.png
new file mode 100644
index 0000000000..53549ae509
Binary files /dev/null and b/images/marketing/mit-logo.png differ
diff --git a/images/marketing/shot-1-large.jpg b/images/marketing/shot-1-large.jpg
new file mode 100644
index 0000000000..21384de85a
Binary files /dev/null and b/images/marketing/shot-1-large.jpg differ
diff --git a/images/marketing/shot-1-medium.jpg b/images/marketing/shot-1-medium.jpg
new file mode 100644
index 0000000000..2deab81dc4
Binary files /dev/null and b/images/marketing/shot-1-medium.jpg differ