.container { 
	margin: 0 auto; 
	position: relative; /* needed for footer positioning */
	overflow: hidden; /* if you break out container you will NOT be visiable */
	width: 966px; 
	}

/* 
 * If you wish to view the grid create child div inside of container
 * Note if we add the .grid class to container our site will no longer
 * be centered due to the float: left property
 */
.grid { background: url(images/grid.png); float: left; }

.left-1, .left-2, .left-3, .left-4, .left-5, .left-6, .left-7, .left-8, .left-9, .left-10, .left-11, .left-12, .left-13, .left-14 { float: left; margin-right: 7px; }

.right-1, .right-2, .right-3, .right-4, .right-5, .right-6, .right-7, .right-8, .right-9, .right-10, .right-11, .right-12, .right-13, .right-14 { float: right; margin-left: 7px; }
	
.left-1 { width: 62px; }
.left-2 { width: 131px; }
.left-3 { width: 200px; }
.left-4 { width: 269px; }
.left-5 { width: 338px; }
.left-6 { width: 407px; }
.left-7 { width: 476px; }
.left-8 { width: 545px; }
.left-9 { width: 614px; }
.left-10 { width: 683px; }
.left-11 { width: 752px; }
.left-12 { width: 821px; }
.left-13 { width: 890px; }
.left-14 { width: 966px; }

.right-1 { width: 62px; }
.right-2 { width: 131px; }
.right-3 { width: 200px; }
.right-4 { width: 269px; }
.right-5 { width: 338px; }
.right-6 { width: 407px; }
.right-7 { width: 476px; }
.right-8 { width: 545px; }
.right-9 { width: 614px; }
.right-10 { width: 683px; }
.right-11 { width: 752px; }
.right-12 { width: 821px; }
.right-13 { width: 890px; }
.right-14 { width: 959px; }

/* use in conjuction with left-x or right-x to
 * add 'blocks' before or after */
.before-1 { padding-left: 69px; }
.before-2 { padding-left: 138px; }
.before-3 { padding-left: 207px; }
.before-4 { padding-left: 276px; }
.before-5 { padding-left: 345px; }
.before-6 { padding-left: 414px; }
.before-7 { padding-left: 483px; }
.before-8 { padding-left: 552px; }
.before-9 { padding-left: 621px; }
.before-10 { padding-left: 690px; }
.before-11 { padding-left: 759px; }
.before-12 { padding-left: 828px; }
.before-13 { padding-left: 897px; }

.after-1 { padding-right: 69px; }
.after-2 { padding-right: 138px; }
.after-3 { padding-right: 207px; }
.after-4 { padding-right: 276px; }
.after-5 { padding-right: 345px; }
.after-6 { padding-right: 414px; }
.after-7 { padding-right: 483px; }
.after-8 { padding-right: 552px; }
.after-9 { padding-right: 621px; }
.after-10 { padding-right: 690px; }
.after-11 { padding-right: 759px; }
.after-12 { padding-right: 828px; }
.after-13 { padding-right: 897px; }

.last { margin-left: 0px; margin-right: 0px; } 

.left-14, .right-14 { margin-left: 0px; margin-right: 0px; }

/*
 * Add this class to highlight your div's for testing reasons
 *
 */
.test { background: lightgoldenrodyellow; }