/* #Base 960 Grid


================================================== */





    .container                    { position:relative; width:960px; 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:960px; }


    .full.cols                    { width:100%; margin-left: 0; margin-right: 0; min-width:inherit }





    /* Nested Column Classes */


    .cols.first { margin-left:0; clear:left }


    .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:340px; }


    .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; }