CSS - Move Containers To The Right

<ul id="headerfooter">
<li><a href="link1.html">header link 1</a></li>
<li><a href="link2.html">header link 2</a></li>
<li><a href="link3.html">header link 3</a></li>
</ul>

<ul id="headerfooter">
<li><a href="link1.html">footer link 1</a></li>
<li><a href="link2.html">footer link 2</a></li>
<li><a href="link3.html">footer link 3</a></li>
</ul>

<div id="container">
 <div class="logo"></div><div class="top"></div>
 <div class="navline"></div>
<div class="navbar">

<div class="navsquare"><img src="images/faq.gif" alt="Taz Limousine Service Policy" width="43" height="41" /><br />F.A.Q.</div>
<div class="navsquare"><img src="images/fleet.gif" alt="Our Vehicles" width="43" height="41" /><br />Fleet</div>
<div class="navsquare"><img src="images/contact.gif" alt="Contact Us" width="43" height="41" /><br />Contact</div>
<div class="navsquare"><img src="images/maps.gif" alt="Maps & Directions" /><br />Maps</div>
</div>

<div class="content">
<div id="left">
 <div class="about">
   <p><br />
       <br />

     Taz Limousine is dedicated to dependable,courteous and quality service for business or personal transportation at competitive pricing. In order to achieve that goal in a secure and comfortable environment we rely on experienced chauffeurs and well maintained vehicles that meet city, state and federal regulations. Thank you for considering Taz Limousine Service.</p>
   <p>&nbsp;</p>
   <div class="weather">
     <div align="center">
    <br />
       <p></p>
     </div>
   </div>

   <div style="float:right; width:150px;"><br /><br />
     <h2>       Atlanta, GA</h2>
   </div>
 </div>
</div>
<div id="mid"> <div class="rotate"><img src="images/rotate/rotate.php" alt="Limousine Service Atlanta" /></div></div>
<div id="right"><div class="special">
  <h1>  Reserve A Limo Today!</h1>

</div></div>
</div>
</div>

body, html {
font-family:Arial, Helvetica, sans-serif;
color:white;
height:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}
a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}
a:visited {
	text-decoration: none;
	color: #0066FF;
}
a:hover {
	text-decoration: underline;
	color: #0000FF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
#container {
width:800px;
margin: 0px auto;
position:relative;
background:#000033;
border: thin #0000ff solid;
}
.top {
	height: 108px;
	width: 800px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image:url(images/gradient.jpg);
	background-repeat: repeat;
	z-index: 2;
}
.logo {
	background-image: url(images/taz-logo.gif);
	background-repeat: no-repeat;
	background-position:top;
	height: 60px;
	width: 305px;
	left: 0px;
	top: 25px;
	z-index:4;
	position:absolute;
}
.navline {
	background-image: url(images/blk-gradient.jpg);
	background-repeat: repeat-x;
	position: absolute;
	height: 42px;
	width: 100%;
	left: 0px;
	top: 108px;
	z-index: 3;
}
.content {
	background:#000033;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 1;
	border:solid #0000ff thin;
}
.navbar {
	position: absolute;
	height: 60px;
	left: 60%;
	top: 75px;
	z-index: 15;
	width:288px;
}
.navsquare {
	position:relative;
	float:left;
	height:60px;
	width:72px;
	background-image:url(images/nav-square.gif);
	background-repeat:no-repeat;
	text-align:center;
	font-size:9px;
	font-style:italic;
}

.about {
	position:relative;
	left:5%;
	top:40%;
	background-image:url(images/about_taz_limousine.gif);
	background-repeat:no-repeat;
	width:225px;
	height:150px;
	font-size:10px;
	padding-left:25px;
	z-index:4;
	}
.rotate {
	position:relative;

	top:10%;
	z-index:3;
}
.weather {
	position:absolute;
	background-color:#000033;
	top:159px;
	background-image:url(images/weatherbox.jpg);
	background-position:left;
	background-repeat:no-repeat;
	height:81px;
	width:94px;
	left: 6px;
}
.special {
	background-image:url(images/special.gif);
	width:271px;
	height:88px;
	position:absolute;
	text-align:center;
	top:15%;
	
}
#left {
float:left;
position:relative;
top:200px;
width:35%;
z-index:50;
}
#mid {
float:left;
position:relative;
top:175px;
width:35%;

}
#right {
float:left;
position:relative;
top:200px;
height:300px;
width:30%;
z-index:30;

}
h2 {
font-size:15px;
}
h1 {
font-size:18px;
font-variant:small-caps;
}

--The HTML--
<table border='0' cellpadding='2' cellspacing='2' bgcolor='#000000' width=100%>
<tr><td>
<div id='HomepagePrd'>
  <div class='Section'>
     <div class='product'>
       <div class='prodImage'><a href='Product URL'><img Border='0' src='Image URL' height=150 align='top' /></a>
       </div>
       <div class='desc'>
          <h3><a href='$PDurl' ><font color=white face=georgia,arial>Product Name</font></a></h3>
       </div>
     </div>
  </div>
</div>
</td></tr>
</table>


--The CSS--
#HomepagePrd{width:100%;clear:both;min-width:472px;}
.Section{float:left;width:240px;}

.product{
	position:relative;
	width:100%;
	margin:5px 2px 2px 5px;
	height:180px;
}
.prodImage{text-align: center;position:relative;width:100%;}
.desc{position:relative;width:100%;margin:0px;padding:0px;}
.desc h3{text-align: center;font-size:12px;margin:0px;padding:0px;}

        <div class="ESContainer">
	        <p class="Title1">Control</p>
            <div class="Icon"><img src="Images/Remote.jpg" align="Zone All Control Remote Control" /></div>
            <p class="ElevatorSpeech ES2">Control your surroundings with confidence, get the results you deserve.</p>
            <p class="ElevatorFull"><span class="EFLargeText">Zone-All</span> has been manufacturing room comfort temperature controls for more than two decades. Its variable air volume and variable temperature solutions for zone controls are applicable to heating and cooling systems that are designed using both incremental HVAC units and central station air handlers.</p>
        </div>

.Icon {
float: left;
margin-left: 10px;
padding: 0px;
height: 100px;
background-color:#FF0000;
}

.ElevatorSpeech {
font-size: 19px;
margin-left: 10px;
margin-right: 10px;
float: left;
padding: 0px;
/*width: 225px;*/
background-color:#FFFF00;
}

<body>

  <!-- This is 'empty_center' -->
  <div id="empty_centre" >

	<div id="contentContainer" >
	
		<div id="midContainer">
			<div id="content" class="textcontent" >
				Main content goes here
						</div>
			<div class="clear"></div>
			<div id="content2" class="textcontent" >
				Another content set goes here
				
			</div>
		</div>
		
		<div id="sidebarContainerLeft" >
			<div id="phonebar" >
				phone number
			</div>
			<div id="adbar1" >
				advert 1
			</div>
			<div id="adbar2"  >
				advert 2
			</div>
		</div>
				
		<div id="sidebarContainerRight" >
			<div id="twitter" >
				twitter posts go here
			</div>
			<div id="newsletter"  >
				newsletter signup goes here
						</div>
		</div>

		<div class="clear"></div>
	
		<div id="footer" class="textcontent"  >
				footer goes here
		</div>
		
	</div>
   
 </body>
</html>

#empty_centre {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 940px;
  margin-left: -470px;
  height: auto;
  z-index: 1;
  }


.clearpad {
	width: 100%;
	height: 65px;
	margin: 0 0 -1px;
	clear: both;
	}

.clear { clear: both; }


/* Page */

#contentContainer {
	border-style: dotted;
	height: auto;
	position: absolute;
	width: 940px;
}

#midContainer {
	float: left;
	border-style: dotted;
	position: absolute;
	left: 190px;
	width: 460px;
}

#content {
	position: relative;
	background-image:url('./opaquefiller.png');
	padding-right: 10px;
	width: 400px;
	margin-left: 20px;
	padding: 10px 10px 10px 10px;
	}

#content2 {
	position: relative;
	background-image:url('./opaquefiller.png');
	width: 400px;
	height: auto;
	margin-left: 20px;
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	}

#reviews {
	position: relative;
	background-image:url('./opaquefiller.png');
	margin-top: 10px;
	padding-right: 10px;
	width: 490px;
	padding: 10px 10px 10px 10px;
	margin-left: 10px;
}


/* Sidebar */

#sidebarContainerRight {
	border-style: dotted;
	position: relative;
	float: right;
	width: 270px;
}

#sidebarContainerLeft {
	border-style: dotted;
	position: relative;
	float: left;
	width: 180px;
}


#phonebar {
	background-image:url('./opaquefiller.png');
	position: relative;
	width: 160px;
	min-height: 30px;
	height: auto;
	padding: 10px 10px 10px 10px;
	}
	
#adbar1 {
	background-image:url('./opaquefiller.png');
	position: relative;
	width: 160px;
	height: auto;
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	}
	
#adbar2 {
	background-image:url('./opaquefiller.png');
	position: relative;
	width: 160px;
	height: auto;
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	}
	
adbar3 {
	background-image:url('./opaquefiller.png');
	position: relative;
	width: 160px;
	height: auto;
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	}

#twitter {
	background-image:url('./opaquefiller.png');
	position: relative;
	width: 210px;
	height: auto;
	padding: 10px 10px 10px 10px;
}


#newsletter {
	background-image:url('./opaquefiller.png');
	position: relative;
	width: 210px;
	min-height: 150px;
	height: auto;
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
}

/* Footer */

#footer {
  position: relative;
  background-image:url('./opaquefiller.png');
  margin-top: 10px;
  width: 940px;
  height: auto;
  z-index: 3;
}