.grid {	background:#fff; /*width:750px; margin:auto;*/ text-align:left; }
.grid .col { float:left; margin:0 20px 0 0; }

.grid .x1  { width:236px; }
.grid .x2  { width:493px; } 
.grid .x3  { width:750px; margin-right:0; }
.grid .end { margin-right:0; }

.grid .debug { border:1px solid red; }

.grid .leftCol { width:605px; margin-right:20px; float:left; }
.grid .rightCol { width:125px; float:left; }

/* not gonna use this cuz of funky top of col alignment stuff and inconsistent col widths
.grid {	background:#fff; width:770px; margin:auto; text-align:left; }
.grid .col { float:left; margin:0 20px 0 0; }

.grid .x1  { width:138px; }
.grid .x2  { width:296px; }
.grid .x3  { width:454px; }
.grid .x4  { width:612px; }
.grid .x5  { width:930px; margin-right:0; }
.grid .end { margin-right:0; }

.grid .debug { border:thin solid red; }
*/

/* old: imported from ihwy.css
.grid {	background:#fff; width:930px; margin:auto; text-align:left; }
.grid .col { float:left; margin:0 20px 0 0; }

.grid .x1  { width:170px; border:1px solid red; }
.grid .x2  { width:360px; }
.grid .x3  { width:550px; }
.grid .x4  { width:740px; }
.grid .x5  { width:930px; margin-right:0; }
.grid .end { margin-right:0; }

.grid .debug { border:thin solid red; }
*/