PrestaSweet1.2 Shadow Border?

[SkydiveUK24]

Hello,

I have installed this theme into my test site and am very impressed with the design. I would like to add a border around the main content with a shadow so as to create a 3d effect if you know what I mean? I tried doing this by adding:

background: url(shadowAlpha.png) no-repeat bottom right;
background: url(shadow.gif) no-repeat bottom right;

to the #page { in the .css file, this worked but is too small.

Please see attachment for what I am trying to do.

Any help or advice would be appreciated.

Thanks for your time.

Dale
--

[SkydiveUK24]

Ok, I am very nearlly there now.. I created a .gif with the shadow in, added the code to the .css it now looks like this:

How can I get a space on the left hand side of the image, as you can see it overlaps slightly.

#page {
width: 980px;
margin: 0 auto 2px auto;
text-align:left;
background-image: url(..img/contentBg.gif);
background-repeat: repeat;

What do I need to add to this in order to create a bit of space on the left please?

I tried adding padding-left:2px; however this messed up the right hand side.

Any help would be appreciated.