Jquery :: How To Implement Slideshow On Website

I can write the most basic codes but even then it really doesn't make sense. On my website I am trying to implement a JavaScript slideshow from this website: [URL]. I do everything as it says, but the images don't even show up. Here is a link to my website where the problem is, you can view the source to see my xhtml code (please note my site isn't even close to being done.): [URL]. The slideshow should be showing up in a right next to where it says "Design is our Passion."

Here is the code for the slideshow which the site I got the script said to do:
<div id="slider">
<img src="Assets/slideshow_assets/stereosound.jpg" alt="" title="Business Card design for StereoSound." />
<img src="Assets/slideshow_assets/triflex.jpg" alt="" title="Logo design for TriFlex Labs." />
</div>

Here are both of the CSS files that the slideshow uses:
nivo-slider.css:
/*
* jQuery Nivo Slider v2.0
* [URL]
*
* Copyright 2010, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* [URL]
*
* March 2010
*/


/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
} .....