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/dynamicindex14/fadeinslideshow.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.