diff --git a/assets/css/style.css b/assets/css/style.css
index bbb6246..065a1fc 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -3,6 +3,26 @@ body {
   background: #fff url(../img/grass-bg-small.png) repeat-x center 40px;
 }
 
+.section h1,
+.section .byline {
+  text-align: center;
+}
+
+.section h1 {
+  font-weight: 300;
+  font-size: 40px;
+  margin-bottom: 10px;
+}
+
+.section .byline {
+  text-align: center;
+  color: #999;
+  font-size: 18px;
+  font-weight: 300;
+  line-height: 24px;
+  margin-bottom: 20px;
+}
+
 .masthead {
   padding-bottom: 50px;
   border-bottom: 1px solid #e5e5e5;
@@ -93,14 +113,6 @@ body {
   font-size: 40px;
   margin-bottom: 10px;
 }
-.byline {
-  text-align: center;
-  color: #999;
-  font-size: 18px;
-  font-weight: 300;
-  line-height: 24px;
-  margin-bottom: 20px;
-}
 .features h2 {
   font-size: 22px;
   font-weight: 300;
@@ -134,8 +146,8 @@ body {
 
 
 .milestones {
-  border-top: 1px solid #e5e5e5;
-  padding-top: 50px;
+  /*border-top: 1px solid #e5e5e5;*/
+  /*padding-top: 50px;*/
   display: none;
 }
 .milestones h1 {
@@ -328,4 +340,32 @@ body {
     padding-top: 22px;
     margin-bottom: -5px;
   }
-}
\ No newline at end of file
+}
+
+.donators {
+  text-align: center;
+  margin-bottom: 50px;
+  margin-top: 50px;
+  padding-top: 50px;
+  padding-bottom: 50px;
+  border-top: 1px solid #e5e5e5;
+  border-bottom: 1px solid #e5e5e5;
+  background-image: -webkit-radial-gradient(center, 500px 500px, #f5f7ff, white);
+}
+
+.donator {
+  font-size: 30px;
+  margin: 0 auto;
+  display: inline-block;
+  margin-top: 30px;
+}
+
+.donator img {
+  padding: 5px;
+  background: white;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
+  width: 110px;
+  height: 110px;
+  border: 1px solid #ddd;
+  margin-right: 20px;
+}
diff --git a/index.html b/index.html
index 199d25a..df2c984 100644
--- a/index.html
+++ b/index.html
@@ -34,7 +34,7 @@ tab: overview
           </li>
         </ul>
         
-        <div class="players">
+        <div class="section players">
           <div class="player player-craftysaurus" title="visit my website">
             <iframe src="http://marcuswhybrow.github.com/minecraft-widgets/skin.html?playername=craftysaurus&amp;scale=2" allowtransparency="true" frameborder="0" scrolling="0" width="32" height="65"></iframe>
             <div class="shadow"></div>
@@ -44,7 +44,7 @@ tab: overview
         </div>
       </div>
     
-      <div class="features">
+      <div class="section features">
         <h1>Designed by admins, for admins.</h1>
         <p class="byline">Reasons while you'll love MSM</p>
       
@@ -130,7 +130,18 @@ tab: overview
           </div>
         </div>
       </div>
+
+      <div class="section donators">
+        <h1 id="donators">Donators</h1>
+        <p class="byline">A kind, kind person has <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=Z7XQDNF7U5GLL">donated</a> to MSM. This is him:</p>
+
+        <div class="donator">
+          <a href="https://github.com/joecabezas"><img src="https://secure.gravatar.com/avatar/a8f692e07db8ac26f52e80ad08e7f57c?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a>
+          <a href="https://github.com/joecabezas">Joe Cabezas</a>
+        </div>
+
+      </div>
     
-      <div class="milestones">
+      <div class="section milestones">
         <h1>Project Milestones</h1>
       </div>