/* #Base 960 Grid
================================================== */
.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; min-width:960px}
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row                                        { margin-bottom: 20px; }

/* Nested Column Classes */
.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }

.container .col-left.columns                {width: 220px;margin-bottom:0px;min-height:550px;}
.container .col-right.columns               {width: 700px;margin-bottom:0px}

/* Base Grid */
.container .col-01.column,
.container .col-01.columns                  { width: 40px;  }
.container .col-02.columns                  { width: 100px; }
.container .col-03.columns                  { width: 160px; }
.container .col-04.columns                  { width: 220px; }
.container .col-05.columns                  { width: 280px; }
.container .col-06.columns                  { width: 340px; }
.container .col-07.columns                  { width: 400px; }
.container .col-08.columns                  { width: 460px; }
.container .col-09.columns                  { width: 520px; }
.container .col-10.columns                  { width: 580px; }
.container .col-11.columns                  { width: 640px; }
.container .col-12.columns                  { width: 700px; }
.container .col-13.columns                  { width: 760px; }
.container .col-14.columns                  { width: 820px; }
.container .col-15.columns                  { width: 880px; }
.container .col-16.columns                  { width: 940px;}

.container .one-third.column                { width: 300px; }
.container .one-quarter.column              { width: 227px; }
.noright { margin-right:0px !important; }
.container .two-thirds.column               { width: 620px; }

/* Offsets */
.container .offset-by-01                    { padding-left: 60px;  }
.container .offset-by-02                    { padding-left: 120px; }
.container .offset-by-03                    { padding-left: 180px; }
.container .offset-by-04                    { padding-left: 240px; }
.container .offset-by-05                    { padding-left: 300px; }
.container .offset-by-06                    { padding-left: 360px; }
.container .offset-by-07                    { padding-left: 420px; }
.container .offset-by-08                    { padding-left: 480px; }
.container .offset-by-09                    { padding-left: 540px; }
.container .offset-by-10                    { padding-left: 600px; }
.container .offset-by-11                    { padding-left: 660px; }
.container .offset-by-12                    { padding-left: 720px; }
.container .offset-by-13                    { padding-left: 780px; }
.container .offset-by-14                    { padding-left: 840px; }
.container .offset-by-15                    { 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 columns,
    or wrap each row of columns 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 columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
.clear2{ clear:both;display: block; width:100%; height:0px; line-height:0px;font-size:0; line-height:0;}