I am new here if you have not already noticed. Here is mmy issue. I want mmy website split into thirds. The first part being the logo and navigation menu. The second part is the body split into four sections. The last part in the limo image with a contact form. Now as you can from my link how far I have gotten. http://www.metropolitanvip.com

This is my first time developing html/css webpages. It has been a very long day! The part I am banging my head against is centering the body and spliting the limo and contact formm to merge next to each other. Can anyone provide the direction I need to go? You do not have to give me the full answer. If you point me in the right direction I can figure it out.

I am using the reset style provided by man in blue and the following:

#header {
background: #000000;
height: 150px;
padding: 10px 0 10px 0;
color: #FFFFFF;
}

body {
background: #FFFFFF;
font-family: sans-serif;
font-size: 62.5%;
margin: 0 auto;
}

h2 {
font-size: 1.5em;
padding: 0 0 10px 0;
}

img {
padding: 0 0 5px 0;
}

#contentSpecialEvents, #contentCorporate, #contentAirport, #contentWedding {
padding: 5px 5px 5px 5px;
width: 200px;
height: 500px;
float: left;
margin: 5px;
text-align: justify;
background: #FFDFBF;
border: thin solid;
border-top-color: #E5E5E5;
border-right-color: #B2B2B2;
border-bottom-color: #999999;
border-left-color: #CCCCCC;
}

#contactForm {
background: #FFC080;
}

#limo {
position: fixed;
bottom: 0;
left: 0;
background: #FFFFFF url('../images/imgLimo.png') no-repeat fixed left bottom;
width: 600px;
height: 150px;
}

#footer {
background: #FF8000;
position: absolute;
bottom: 1%;
height: 25px;
}