.col {

	margin-right: 48px;

	float: left;

}


.one	  	{ width: 44px; }

.two 	 	{ width: 136px; }

.three		{ width: 228px; }

.four		{ width: 320px; }

.five	  	{ width: 412px; }

.six	  	{ width: 504px; }

.seven  	{ width: 596px; }

.eight  	{ width: 688px; }

.nine		{ width: 780px; }

.ten		{ width: 872px; }

.eleven		{ width: 964px; }

.twelve		{ width: 1056px; }

.thirteen	{ width: 1148px; }

.fourteen	{ width: 1240px; }

.fifteen		{ width: 1332px; }

.sixteen		{ width: 1424px; }

.seventeen	{ width: 1516px; }

.eighteen	{ width: 1608px; }

.nineteen	{ width: 1700px; }

.twenty		{ width: 1792px; }

            
.wf-one	  		{ background:#eee;padding:px; width: 44px; }

.wf-two 	 		{ background:#eee;padding:px; width: 136px; }

.wf-three		{ background:#eee;padding:px; width: 228px; }

.wf-four			{ background:#eee;padding:px; width: 320px; }

.wf-five	  		{ background:#eee;padding:px; width: 412px; }

.wf-six	  		{ background:#eee;padding:px; width: 504px; }

.wf-seven  		{ background:#eee;padding:px; width: 596px; }

.wf-eight  		{ background:#eee;padding:px; width: 688px; }

.wf-nine			{ background:#eee;padding:px; width: 780px; }

.wf-ten			{ background:#eee;padding:px; width: 872px; }

.wf-eleven		{ background:#eee;padding:px; width: 964px; }

.wf-twelve		{ background:#eee;padding:px; width: 1056px; }

.wf-thirteen	{ background:#eee;padding:px; width: 1148px; }

.wf-fourteen	{ background:#eee;padding:px; width: 1240px; }

.wf-fifteen		{ background:#eee;padding:px; width: 1332px; }

.wf-sixteen		{ background:#eee;padding:px; width: 1424px; }

.wf-seventeen	{ background:#eee;padding:px; width: 1516px; }

.wf-eighteen	{ background:#eee;padding:px; width: 1608px; }

.wf-nineteen	{ background:#eee;padding:px; width: 1700px; }

.wf-twenty		{ background:#eee;padding:px; width: 1792px; }






.last {

	margin-right: 0 !important;

}




#grid{

    /* Vertical grid lines */
    background: url(bg-grid-980.gif) repeat-y 0 0;

    /* Dimensions - same width as your grid with gutters */
    width: 1002px;

    /* Grid (left-aligned)
    position: absolute;
    top: 0;
    left: 0;
    */

    /* Grid (centered) */
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -501px;

}

/**
 * Classes for multiple grids
 *
 * When using more than one grid, remember to set the numberOfGrids 
 * option in the hashgrid.js file.
 */
#grid.grid-1{

    /* Vertical grid lines for grid 1 */
    background: url(grid.png) repeat-y 0 0;

}
#grid.grid-2{

    /* Vertical grid lines for grid 2 */
    background: url(bg-grid-660.gif) repeat-y 160px 0;

    /* Adjustments */
    padding: 0 160px;
    width: 660px;

}

/**
 * Horizontal grid lines, defined by your base line height
 *
 * Remember, the CSS properties that define the box model:
 * visible height = height + borders + margins + padding
 */
#grid div.horiz{

    /* 20px line height */
    height: 19px;
    border-bottom: 1px dotted #aaa;
    margin: 0;
    padding: 0;

}