Need "small" help!

Why not create a div after main-inner and give it a width of 100%?

Like This:
CSS
.grey-space{
width:100%;
background-color:grey;
}

<div class="main">
  <div class="main-inner">
   *Your Content*
  </div>
  <div class="grey-space">
  </div>
 </div>

It’s because your site is using the “boxed” layout, and the theme demo site is using the “full-width” layout. You could achieve the same affect by adding this to your custom css:

.boxed #page {
  padding-bottom: 60px;
}

You changed your site to the full-width layout and now there is more space above your footer. What’s not working?