just quickly looking at your source and two css files I would say that you should fix the footer to the bottom using
Code:
footer2 {bottom: 0;} //or however far from the bottom you want it.
then adjust the height of the #main element to fit in with it. You can stretch it as it is a block element by specifying the height from the top of the page and the height from the bottom of the page like this:
Code:
#main {
top: 60px; //or wherever you want the main elelment to start
bottom: 30px; //this should be the total height of the footer + the amount of space below the footer
}
can't be 100% sure of this without testing it out myself
Bookmarks