Fixed screenshots

public/css/master.css

@@ -60,15 +60,62 @@ h3 i
     background-repeat: no-repeat;
     height: 627px;
     margin-bottom: 30px;
+    font-size: 0.8em;
+    line-height: 1.3em;
+    position: relative;
+    left: 0; top: 0;
+}
+
+.promo .slogan
+{
+    position: absolute;
+    left: 0;
+    top: 62px;
+}
+
+.promo .q1,
+.promo .q2,
+.promo .q3
+{
+    position: absolute;
+    text-align: right;
+    width: 210px;
+    left: 0;
+    top: 194px;
+}
+
+.promo .q2
+{
+    top: 370px;
+}
+
+.promo .q3
+{
+    top: 518px;
+}
+
+#mac .promo .q1
+{
+    top: 167px;
+}
+
+#mac .promo .q2
+{
+    top: 342px;
+}
+
+#mac .promo .q3
+{
+    top: 512px;
 }
 
-.promo_win
+#win .promo
 {
     background: url(../i/win/promo.png);
     background-repeat: no-repeat;
 }
 
-.promo_win-chrome
+#win-chrome .promo
 {
     background: url(../i/win-chrome/promo.png);
     background-repeat: no-repeat;

public/index.html

@@ -72,9 +72,15 @@ <h1>Rails <b>S</b>ea<b>rch</b>able API Doc <sup>alpha :)</sup></h1>
             Internet Explorer is currently unsupported
         </div>
     </div>
-    <div class="promo promo_mac mac"></div>
-    <div class="promo promo_win win"></div>
-    <div class="promo promo_win-chrome win-chrome"></div>
+    <div class="promo">
+        <div class="slogan">
+            <b>Find</b> functions, classes and files<br />
+            Exact match is unnecessary
+        </div>
+        <div class="q1">Starts with query</div>
+        <div class="q2">Contains query</div>
+        <div class="q3">Smart match</div>
+    </div>
 
     <div class="features">
         <h2>Features</h2>