/* #Base 960 Grid
================================================== */
    .container                    { position:relative; width:980px; margin:0 auto; padding:0; }
    .container .cols	          { float:left; display:inline; margin-left:10px; margin-right:10px; }
    .row                          { margin-bottom:20px; }
    .full                  		  { width:100%; min-width:980px; }
    .full.cols                    { width:100%; margin-left: 0; margin-right: 0; min-width:inherit }
    /* Nested Column Classes */
    .cols.first { margin-left:0; }
    .cols.last   { margin-right:0; }
    /* Base Grid */
    .container .c1.cols     { width:40px; }
    .container .c2.cols     { width:100px; }
    .container .c3.cols     { width:160px; }
    .container .c4.cols     { width:220px; }
    .container .c5.cols     { width:280px; }
    .container .c6.cols     { width:540px; }
    .container .c7.cols     { width:400px; }
    .container .c8.cols     { width:460px; }
    .container .c9.cols     { width:520px; }
    .container .c10.cols    { width:580px; }
    .container .c11.cols    { width:640px; }
    .container .c12.cols    { width:700px; }
    .container .c13.cols  	{ width:760px; }
    .container .c14.cols  	{ width:820px; }
    .container .c15.cols   	{ width:880px; }
    .container .c16.cols   	{ width:940px; }

    .container .c1-3.cols 	{ width:300px; }
    .container .c2-3.cols	{ width:620px; }

    /* Offsets */
    .container .off1  { padding-left:60px;  }
    .container .off2  { padding-left:120px; }
    .container .off3  { padding-left:180px; }
    .container .off4  { padding-left:240px; }
    .container .off5  { padding-left:300px; }
    .container .off6  { padding-left:360px; }
    .container .off7  { padding-left:420px; }
    .container .off8  { padding-left:480px; }
    .container .off9  { padding-left:540px; }
    .container .off10 { padding-left:600px; }
    .container .off11 { padding-left:660px; }
    .container .off12 { padding-left:720px; }
    .container .off13 { padding-left:780px; }
    .container .off14 { padding-left:840px; }
    .container .off15 { padding-left:900px; }


/* #Clearing
================================================== */
    /* Self Clearing Goodness */
    .container:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; }

    /* Use clearfix class on parent to clear nested cols,
    or wrap each row of cols in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
	.row:after,
    .clearfix:after { clear:both; }
    .row,
    .clearfix { zoom:1; }

    /* You can also use a <br class="clear" /> to clear cols */
    .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
	