Columns in CSS breaking

The site is www.greatvalleyresources.com. I coded this site in pure CSS. My first site every in pure CSS

It looks fine in explorer 7 but all the pictures on the right jump down to the second line in explorer 6. I would like to continue to code using pure css but I since resort to tables because I cannot fix this problem.

I sure hope somone can help me because this is really driving me up the wall not being able to fix this.

Thanks in advance for any help.

*************HTML CODE*********************************************

Great Valley Resources - Printing Services

 

Why Printing Matters
Printing tips to help grow your business, whether you are just a beginner or you are a seasoned pro.

read more

 

Understand your companies goal and the right method of advertising
Print ads are not only an excellent means of advertising your business, it's also one of the cheaper ways that you get to inform prospective clients of your products and services.

read more

 

************************CSS CODE****************************************

/*entire body tags*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

/* hide from IE mac \*/

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

}

.links { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #ffffff}
.links:hover {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FF3399; text-decoration: none}

#main {
margin-left: auto ;
margin-right: auto;
height: 780px;
width: 800px;
float: inherit;
background-color: #339966;
}

.header {
height: 289px;
width: 800px;
float: inherit;
background-color: #99cc99;
background-image: url(images/header.gif);
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #339966;
}

.homenav {
float: right;
background-color:;
padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bolder;
color: #ffffff;
margin: 10px;
text-align: center;
}

.maincontent {
height: 360px;
width: 800px;
float: inherit;
padding: 10px 0px 0px 0px;
background-color: #FFFFFF;
}

.leftside {
height: 345px;
width: 175px;
float: left;
background-color: ;
border: thin #CCCCCC dotted;
}

.title {
height: 10px;
width: 145px;
float: left;
background-color: #ffff00;
padding: 5px 10px 15px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bolder;
color: #339966;
margin: 0px 0px 0px 5px;
text-align: center;

}

.contentleftside {
height: 130px;
width: 145px;
float: left;
background-color:;
padding: 5px 10px 5px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
margin: 0px 0px 0px 5px;
text-align: left;
line-height: 18px;
background-position: center;
}

.middle {
height: 345px;
width: 395px;
float: left;
background-color:;
border: thin #99cc99 solid;
margin: 0px 10px 10px 10px;
}

.contentmiddle {
float: left;
background-color:;
padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
margin: 5px;
text-align: left;
line-height: 18px;
background-position: center;

}

.right {

height: 345px;
width: 200px;
float: left;
background-color:;
text-align: center;
}

.pic {
height: 300px;
width: 200px;
float: left;
text-align: center;
background-position: center center;
}

.bottomcontent {
height: 80px;
width: 800px;
float: inherit;
padding: 0px 0px 10px 0px;
background-color: #FFFFFF;
}

.partners {
height: 80px;
width: 250px;
float: left;
background-color: #e8e8e8;
padding: 5px 10px 5px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bolder;
color: #339966;
margin: auto;
text-align: ;

}

.partnersinfo {
float: left;
background-color:;
padding: 5px 5px 5px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 200;
color: #339966;
margin: 0px;
text-align: left;
line-height: 16px;
background-position: center;

}

.bottommiddle {
height: 80px;
width: 505px;
float: left;
padding: 5px 0px 0px 10px;
background-color: #FFFFFF;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font: small-caps;
margin: auto;
border: #CCCCCC thin dotted;
color: #FF3399;
font-stretch: extra-condensed;
line-height: 20px;
text-align: center;
}

.telephone {
height: 30px;
width: 400px;
float: left;
background-color: #ffff00;
padding: 5px 10px 15px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bolder;
color: #339966;
margin: 5px 0px 0px 40px;
text-align: center;

}

.footer {
float: none;
background-color:;
padding: 5px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:;
color: #99cc99;
margin: auto;
text-align: center;
line-height: 13px;
background-position: center;

}

.about {
height: 345px;
width: 485px;
float: left;
background-color:;
border: thin #99cc99 solid;
margin: 0px 10px 10px 0px;
}

.aboutright {

height: 345px;
width: 285px;
float: left;
background-color:;
text-align: center;
margin: 0px 0px 0px 15px;
}

.producttitle {
height: 10px;
width: 150px;
float: left;
background-color: #ffff00;
padding: 5px 10px 15px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bolder;
color: #339966;
margin: 0px 0px 0px 5px;
text-align: right;

}

.design {
height: 100px;
width: 150px;
float: left;
background-color: #ff6699;
border:;
padding: 5px 10px 5px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bolder;
color: #ffffff;
margin: 0px 10px 10px 10px;
}

.design2 {
height: 100px;
width: 150px;
float: left;
background-color: ;
border:;
padding: 5px 10px 5px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:;
color: #339966;
margin: 0px 10px 10px 10px;
}

.productcontent {
height: 380px;
width: 800px;
float: inherit;
padding: 10px 0px 0px 0px;
background-color: #FFFFFF;
}

.productcontentmiddle {
height: 295px;
width: 145px;
float: left;
background-color:;
padding: 5px 10px 5px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
margin: 0px 0px 0px 5px;
text-align: left;
line-height: 18px;
background-position: ;
}

.productleftside {
height: 345px;
width: 355px;
float: left;
background-color:;
text-align: left;
margin: 0px 10px 10px 0px;
border: thin #CCCCCC dotted;
background-position: center center;

}

.contentproductleftside{
height: 269px;
width: 355px;
float: left;
background-color:;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
margin: 0px;
text-align: left;
line-height: 18px;
background-position: center;
border: ;
}

.productmiddle {
height: 345px;
width: 175px;
float: left;
background-color: ;
border: thin #99cc99 solid;
}

.productcontentright {
height: 135x;
width: 220px;
float: left;

padding:;
margin: 0px 0px 0px 10px;
border: ;
}

.productright {
height: 163px;
width: 220px;
float: left;
padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
margin: 0px 0px 0px 0px;
text-align: left;
line-height: 18px;
background-position: center;
border: ;
background-color: #e8e8e8;
}

.productrightbottom {
height: 126px;
width: 220px;
float: left;
padding: 10px 10px 10px 10px;
background-color: #ff6699;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #ffffff;
margin: 20px 0px 0px 10px;
text-align: left;
line-height: 18px;
background-position: center;
border: ;
}

.contactright {

height: 345px;
width: 285px;
float: left;
background-color: #e8e8e8;
text-align: center;
margin: 0px 0px 0px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
line-height: 18px;
}

#printingmain {
margin-left: auto ;
margin-right: auto;
height: 1090px;
width: 800px;
float: inherit;
background-color: #339966;
}

.printingmaincontent {
height: 670px;
width: 800px;
float: inherit;
padding: 10px 0px 0px 0px;
background-color: #FFFFFF;
}

.printingright {

height: 630px;
width: 455px;
float: left;
background-color: #e8e8e8;
padding: 10px;
text-align: left;
margin: 0px 0px 0px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
line-height: 18px;
}

.printingtitle {
height: 80px;
width: 250px;
float: left;
background-color: #Ff6699;
padding: 5px 10px 15px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bolder;
color: #339966;
margin: 0px 0px 0px 20px;
text-align: center;

}

.printingleftside {
height: 645px;
width: 305px;
float: left;
background-color: ;
border: thin #99cc99 solid;
}

.printingcontentleftside {
height: 550px;
width: 275px;
float: left;
background-color:;
padding: 5px 10px 5px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
margin: 0px 0px 0px 5px;
text-align: left;
line-height: 18px;
background-position: center;
}

.factsright {

height: 300px;
width: 260px;
float: left;
background-color: #e8e8e8;
padding: 10px 10px 10px 30px;
text-align: left;
margin: 0px 0px 0px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
line-height: 18px;
}

.factsmiddle {

height: 300px;
width: 450px;
float: left;
background-color:;
padding: 10px;
text-align: left;
margin: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
line-height: 18px;
border: thin #e8e8e8 dotted;
}

.factstitle {
height: 80px;
width: 250px;
float: left;
background-color: #Ff6699;
padding: 5px 10px 15px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bolder;
color: #339966;
margin: 0px 0px 0px 20px;
text-align: center;

}

.factsleftside {
height: 280px;
width: 795px;
float: left;
background-color: ;
border: thin #99cc99 solid;
}

.factscontentleftside {
height: 270px;
width: 770px;
float: left;
background-color:;
padding: 10px 15px 5px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
margin: 0px 0px 0px 5px;
text-align: left;
line-height: 18px;
background-position: center;
}

.tourphoto {
height: 600px;
width: 407px;
float: inherit;
background-color:;
background-image: url(images/jamaica.gif);
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: 336699;
}

#tour {
margin-left: auto ;
margin-right: auto;
height: 780px;
width: 800px;
float: inherit;
background-color: #336699;
}

.tourrightup {

float: right;
height: 200px;
width: 300px;
background-color: #FFFFFF;
padding: 20px 20px 10px 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: ;
color: #336699;
margin: 20px;
text-align: ;
display: inline; /* <---Solution for bug IE6 */

}