problem placing .swf in a theme template

I’ve had a difficult time implementing a flash movie file into my wordpress template. I have learned that you need to put all of your flash related files in the root WP directory so I have a .swf file and a .js file and I have called them as such:

<script src="http://localhost/carpetandhardwood/intromovie.js" language="javascript" type="text/javascript"></script>
Note: this I have entered just below <?php get_header(); ?> and then I have called the .swf with this:

<div id="promo-movie">

  <noscript>
  <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="590" height="362" id="intromovie" align="middle">
						<param name="allowScriptAccess" value="sameDomain" />
						<param name="allowFullScreen" value="false" />
						<param name="movie" value="http://localhost/carpetandhardwood/intromovie.swf" /><param name="loop" value="false" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />	<embed src="http://localhost/carpetandhardwood/intromovie.swf" loop="false" quality="high" bgcolor="#ffffff" width="590" height="362" name="intromovie" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
						</object>
					</noscript>
  </div>

It shows up but I cannot style that div that has a class of promo-movie. Currently the movie file is resting against my navigation bar but I want to add padding. No matter what CSS I write nothing happens. I wonder if it doesn’t have something to do with the .js file being in the body of the page rather than in the header but I didn’t want to put it in my header.php file because I don’t want to call that file on every page of my website. Any help would be greatly appreciated! Thanks!