/*
	IE6 requires text-align:center over margin auto
	Absolute Header requires a width
	Pixel Widths on floats match up in IE, but make the header kick out - percentages keep the header, but introduce a tiny gap in IE6
	If the page needs to be full height, use a background image to do it
*/
#header{position:absolute; top:0; left:0px;}

body{text-align:center;}
.row{text-align:center; width:100%; clear:both;}
.centred{width:946px; margin:0 auto; padding:0 15px; position:relative; text-align:left; overflow:hidden;} /* overflow:auto clears floats */

.col{float:left; margin:0px 5px;}
.first{clear:left;}
.firstNested{margin-left:0;}

/* each increment accounts for the column (70px) times the number of margins of 10px between each */
.one{width:70px;}
.two{width:150px;}
.three{width:230px;}
.four{width:310px;}
.five{width:390px;}
.six{width:470px;}	
.seven{width:600px;}
.eight{width:630px;}
.nine{width:710px;}
.ten{width:790px;}
.eleven{width:870px;}

.shift-one{margin-left:80px;}
.shift-two{margin-left:165px;}
.shift-three{margin-left:245px;}
.shift-four{margin-left:325px;}
.shift-five{margin-left:405px;}
.shift-six{margin-left:485px;}
.shift-seven{margin-left:565px;}
.shift-eight{margin-left:645px;}
.shift-nine{margin-left:725px;}
.shift-ten{margin-left:805px;}
.shift-eleven{margin-left:885px;}

.left{float:left;}
.right{float:right;}


 /* .clearfix{display:inline-table; padding-bottom:2em;} an semantically valid alternative to <br style="clear:both" /> that requires padding-bottom of at least 5px, but broke shifted columns in Safari & Chrome */