/* Below are styles for a three-column layout. Bit Group recommends putting all styles for your various column layouts in this one CSS file. Here's how this will work. You will add a class to the body tag of each page, such as: Then, all three-column styles will start with .III-col, for example: .III-col #suba { width:25%; } You can do the same with your two-column, one-column, and even additional three-column layouts. Using this technique, it's very clear indicated in the which layout you're using, and there's only one CSS file to edit to make necessary changes to that layout. */ #header,#content,#suba,#subb,#footer { overflow: hidden; display: inline-block; } #header,#footer { position: relative; width: 100%; } #suba,#subb,#content { float: left; padding-top: 2px; } #content .pad { padding: 0 10px; } /* Column widths have been changed from 25/50/25 to 25/53/22 to better fit with design provided to Bit Group. */ #suba { width: 18%; padding-left: 10px; padding-top: 8px; } #content { width: 60%; padding-top: 8px; } #subb { width: 20%; padding-top: 8px; } #footer { clear: left; color: #666666; padding-top: 5px; font-size: 10px; line-height: 10px; margin-bottom:10px; margin-top:15px; } #header{ }