The bottom1-bottom4 positions do not seem to be evenly centered within the template. If you put content into all four positions there is a big wide space on the right hand side. It seems that space is wasted space.

As well when you reduce the width of the template it presses the four columns together rather than responding and maybe creating a two column layout first and then a single column layout as the template gets narrower.

I have attached two images.

Try

adding these

@media screen and (min-width:801px) {
#bottomwrap .span_3 { width: 24.9%;}
}

@media screen and (min-width:620px) and (max-width:800px) {
#bottomwrap .span_3 { width: 50%;}
}

Better! Thank you very much!
Sean

No problem

Cheers
Paul