slider images and a shadow.gif

Hello Code Gurus

I'm an amateur hobbyist building a website for a friend, and am having difficulty with 2 elements:
1) a jquery slideshow displaying correctly and
2) positioning a shadow.gif directly under a coloured div

Here is what the website should look like (a mockup in photoshop):
http://dl.dropbox.com/u/6457741/PSF/development/01%20homepage_3_v2.jpg

Here is the url for the page in its broken form:
http://factor-10.org/psf/

As you can see, the slideshow is only displaying a fraction of the image.
After about 2 hours trying to fix it, I have admitted defeat and would be grateful for solutions.

Also, could anyone tell me how to position this shadow image:
http://dl.dropbox.com/u/6457741/PSF/development/shadow.gif
under the coloured textbox, so it looks like this?
http://dl.dropbox.com/u/6457741/PSF/development/home_shadowbox.gif
Again, I have tried for about 2 hours, consulting various online resources to help me, but nothing seems to work.

Thanks for your time and patience.

As you can see, the slideshow is only displaying a fraction of the image.
After about 2 hours trying to fix it, I have admitted defeat and would be grateful for solutions. One fix would be to just remove the overflow: hidden for .col1.Also, could anyone tell me how to position this shadow image:
http://dl.dropbox.com/u/6457741/PSF/development/shadow.gif
under the coloured textbox, so it looks like this? Create a div to wrap both the textbox and the image, then put them inside as blocks:<div class="twrapper">
<div class="textbox">

<!-- This is the div with all the text in it. Make sure it doesn't have any margins (just move them to .twrapper). -->

</div>

<img src="http://dl.dropbox.com/u/6457741/PSF/development/shadow.gif" alt="" style="display: block" />

<!-- The shadow image. It should not have margins either. -->

</div>

Deep Thought, you're a gem. Thanks so much. It works perfectly! :thumbsup: