Different background images on different pages

I found a post regarding putting different background images on different pages, so I tried it, but I'm not getting it to work.
I used Firebug to find out where I would want to change the middle & footer background images as well, but I'm not having any luck, so I don't know if I'm using the correct id for the footer and the main content section.

Here is the code I used:

body.page-id-2 {background-image: url("/wp-content/themes/atahualpa/images/header1.jpg");}
footer.page-id-2 {background-image: url("/wp-content/themes/atahualpa/images/footer1.jpg");}
middle.page-id-2 {background-image: url("/wp-content/themes/atahualpa/images/main_bg1.jpg");}

URL is http://wildwildwesthomes.com/listings/

I also turned off the right sidebar on that page, but what am I missing?