Vantage Body Background Image not Appearing

Hi

I’m trying to set a central single background image which will cover both areas of the header, body and footer.

I used this code from the developers which they gave

/* Background Image Cover */

body {
background-image: url('http://www.pdcsky.com/wp-content/uploads/2014/11/eden_planet.jpg');
background-repeat: no-repeat;
background-position: center center !important;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

/* Vantage Set Page Opacity */

header#masthead {
background: rgba(0, 0, 0, 0.0) !important; 

#main {
background: rgba(0, 0, 0, 0.5) !important; 
}

#colophon {
background: rgba(0, 0, 0, 0.5) !important; 
}

It looks like the header is working fine, but the body and footer are still covered in darkness

http://gyazo.com/2466bf7f2707a6eb85a3b211e4f1d76d

URL: http://www.pdcsky.com/