new screenshots for getting started steps and new styles and centered alignment

assets/scripts/app/templates/no_owned_repos.hbs

@@ -4,22 +4,18 @@
   <h2>Hey, it looks like you're new around here and have yet to set up your first repository on Travis CI. We're here to help you get started, it's easy!</h2>
 
 
-  <span class="steps">1. Enabling your projects</span>
+  <span class="steps">STEP 1: &nbsp; Enabling your projects</span>
 
-  <p>
+  <img src="/images/getting-started/project-switch.png">
-    <img src="/images/getting-started/project-switch.png" width="600px"/>
-  </p>
 
   <p>
     Start by going to your {{#linkTo "profile.index"}}profile{{/linkTo}} and enable one of your projects. We've been
     synchronizing all repositories you have administrative access to. Pick one and flip the switch next to it.
   </p>
 
-  <span class="steps">2. Adding Travis</span>
+  <span class="steps">STEP 2: &nbsp; Adding Travis</span>
 
-  <p>
+  <img src="/images/getting-started/first-build.png">
-    <img src="/images/getting-started/first-build.png" width="600px"/>
-  </p>
 
   <p>
     Once you've enabled one of your projects, add a <a
@@ -27,19 +23,15 @@
     whee while and reload the page, and your newly setup and built project will show up on the right.
   </p>
 
-  <span class="steps">3. Wait for your build to finish</span>
+  <span class="steps">STEP 3: &nbsp; Wait for your build to finish</span>
 
-  <p>
+  <img src="/images/getting-started/build-email.png">
-    <img src="/images/getting-started/build-email.png" width="600"/>
-  </p>
 
-  <p>
+  <p class="end-of-steps">
     We'll be sending you an email once the build has finished. Then, it's up to you to do the happy dance.
   </p>
 
-  </br></br></br>
+  <p class="after-steps">
-
-  <p>
     We use sensible defaults for <a href="http://about.travis-ci.org/docs/">most languages</a>, but you can customize
     both the <a href="http://about.travis-ci.org/docs/user/build-configuration/">build process</a> and the <a
     href="http://about.travis-ci.org/docs/user/build-configuration/">build

assets/styles/getting_started.sass

@@ -1,7 +1,10 @@
 #getting-started
-  width: 600px
+  min-width: 600px
-  margin: 30px 0 0 20px
+  max-width: 800px
+  margin: 0 auto
+  padding-top: 30px
   font-family: 'Source Sans Pro'
+  text-align: center
 
   h2
     color: #919191
@@ -13,26 +16,38 @@
     color: #337389
 
   span
+    display: inline-block
     margin-top: 50px
 
   .steps
     font-size: 20px
-    color: #40454f
+    font-weight: 600
+    color: #939386
 
   p
     font-size: 15px
 
+  .end-of-steps
+    padding-bottom: 50px
+    border-bottom : 1px solid #AAAAAA
+
+  .after-steps
+    padding-top: 50px
+
   a
-    font-weight: bold
+    color: #a53230
+    text-decoration: none
 
     &:hover
+      color: #607a84
       text-decoration: underline
 
   img
-    border: 1px solid #ddd
     padding: 0 
     float: none
-    margin: 15px 0 15px 0
+    margin: 15px 0 0 0
+    max-width: 800px
+    min-width: 600px
 
     &.spinner
       border: 0px