DD Ultimate Fade-in slideshow (v2.4) alignment help

[christopherowait]

1) Script Title: Ultimate Fade-in slideshow (v2.4)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem:

First, great script, works lovely!

However, I'm building my first site and am having trouble getting the entire slideshow centered between 2 other divs in my main content section. I've tried a few things (right/left float, display: block/inline-block, text-align: center etc.) but can't seem to get it right where I want it.

I completely understand that it's probably my error so I'm hoping that someone can point me to where I'm going wrong and provide a tip or 2 to try.
I've included my HTML and CSS for the section. Any help would be greatly appreciated!

<div class="content">
  	<div class="contentwrap">
    <div class="contentscript">
    
    	<h1></h1>
        <p><br />
	<p><br />
        <p><br />
        <p></p>
        </div>
    
    <div class="slideshowwrap">
    	<div id="fadeshow1"></div>
    </div>

<div class="contentofferswrap">
    
    <ul class="contentoffers">
  
      <li><img src="Images/offerbox.png" width="188" height="165" /></li>
      <li><img src="Images/offerbox.png" width="188" height="165" /></li>
      <li><img src="Images/offerbox.png" width="188" height="165" /></li>
      <li><img src="Images/offerbox.png" width="188" height="165" /></li>
    </ul>
  </div>
</div>
----------------------------------------------------------------------------
.content {
	width: 78%;
	float: left;
	margin: 2px;
	padding-bottom: 10px;}

.contentwrap {
	}

.contentcopy {
	float: left;
	padding-left: 5px;
	padding-bottom: 5px;}

.slideshowwrap {
       float: right;
       margin-top: 15px;
	}

.fadeshow1 {
	}

.contentofferswrap {
	float: right;
	text-align:center;
	display: block;}

[jscheuer1]

Please include a link to the page on your site that contains the problematic code so we can check it out.