Background color and image

How can I change the background image or color of the main body of the template(it is grey color by default). I would prefer to place a background image. Thanks.

eater change this or it's bg image (in layout.css):

.bg_bottom {
background: url(../images/bg_transparent_bottom.png) no-repeat top center;
}


or use

.bg_bottom .hotwrapper{
...
}

but note that second solution is hitting main body aux menu and content itself as two same objects so you would get background image starting form aux menu and then again starting in area below the menu.

It didn't work and I still need help
I did the following:

in layout.css, i replaced
.bg_bottom {
background: url(../images/bg_transparent_bottom.png) no-repeat top center;
}
with
.bg_bottom {
background: url(../images/dj_wallpaper.jpg) no-repeat top center;
}

I then uploaded dj_wallpaper.jpg to templates/hot_rockin/images directory on my server. My website still shows a grey background, same as before. Please help.

Ok give me link so I could check whats wrong.

I emailed the website administrator link to forum@hotjoomlatemplates.com with id and password.

I figured out the problem. The image (jpg) file was in the wrong directory. Once I put it in the right place, it worked just fine. Thanks.