* { margin: 0; padding: 0; } body { font-family: Geneva, Arial, Helvetica, sans-serif; } #container { width: 885px; margin: 0 auto; background: url(images/mainbg.gif); height: 100%; padding-bottom: 30px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline; } * html .clearfix {height: 1%;} .clearfix {display: block;} h1 { background-image: url(images/title.gif); text-indent: -9999px; height: 97px } h2 { background-image: url(images/header_03.gif); text-indent: -9999px; height: 144px; background-repeat: no-repeat; } #nav { background-image: url(images/header_05.gif); width: 703px; float: left; height: 29px; border-bottom: 3px solid #478bab; text-align: center; padding-left: 3px; } #nav li { list-style-type: none; float: left; width: 174px; } #nav a { padding-top: 7px; display: block; font-size: 12px; font-weight: bold; color: #333; text-decoration: none; height: 20px; } #nav a:hover { background: #E0F8FE; height: 17px; margin-top: 3px; } #navright { float: left; background-image: url(images/header_06.gif); width: 176px; height: 37px; } #packages { background: url(images/packagesbg_10.gif); width: 685px; height: 63px; padding: 10px; float: left; } #packages li { list-style-type: none; float: left; } #packages a { background-image: url(images/package_11.gif); width: 223px; height: 196px; margin-right: 5px; } #testimonials { background: #e0f5ff; width: 160px; float: right; margin-top: 5px; margin-right: 10px; } #testimonials p { font-size: 12px; color: #666; margin: 10px 5px;; border-bottom: 1px dashed #666; } #testimonials b { margin-left: 40px; color: #333; font-size: 12px; } #updates { margin-top: 10px; background: #FFF; border: 10px solid #4b92b4; width: 387px; float: left; } h3 { background-image: url(images/updates_13.gif); text-indent: -9999px; } h4 { margin: 5px; font-size: 14px; color: #666; border-bottom: 1px dashed #666; } #updates p { font-size: 12px; color: #999; margin: 6px; } #offer { margin: 10px; width: 275px; height: 275px; float: left; background: url(images/promo.gif); text-indent: -9999px; } #footer { margin: 0 auto; width: 885px; height: 25px; background: url(images/footer.gif); margin-top: -25px; text-align: center; } #footer p, a { font-size: 12px; color: #333; font-weight: bold; padding-top: 2px; text-decoration: none; } #testimonials { margin-right: 5px; }