In your CSS file (style.css) on about line 175 find the content_wrapper selector and change it’s height like this:
content_wrapper {
background: #7F7968 url(img/ATESWT_Flip.jpg) top center repeat;
height: auto !important;
min-height: 800px;
}
Setting height to auto will allow it to stretch to just the right height, although you may need to add some padding if you want the content to be away from the bottom edge a bit, like this:
content_wrapper {
background: #7F7968 url(img/ATESWT_Flip.jpg) top center repeat;
height: auto !important;
min-height: 800px;
padding-bottom: 30px;
}
Also, I notice you have an empty div below the content called .alignright that is empty and really tall, pushing down the footer. To see what I am seeing, install the web developer plugin for your FireFox browser.
Once it is installed, click “Outline” in the new toolbar it adds, and then scroll down to Outline Current Element and choose it. Then hover over your website, you’ll see all of the div’s outlined in red and see the empty ones and how stuff is too wide etc.
