I'm currently try to build my first site from scratch and I'm having some CSS issues. What I would like to happen is my slideshow on the homepage to always stay within the navigation bar and the footer. However when the screen is adjusted the footer will sometimes go under the slideshow; I adjusted the zindex so it did not overlap it. I'd like to fix the CSS so that the center div always stays within the and footer.

My Site: http://artsatheart.atwebpages.com/