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

	Table of Contents
        #Base 960 Grid    
        #Clearing 

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

/* #Base 960 Grid ================================================== */ 

	.container			{margin: 0; padding: 0.75% 0.1%; float: left; width: 99.8%; display: block; }
	.column, .columns 	{ float: left; display: inline; margin-left: 10px; margin-right:10px;} /*check this out margin: 0px 5px;*/
	.row				{ margin-bottom: 20px; }
	.article			{ overflow: hidden; width: auto; float: none; padding: 10px; margin: 0px; position: relative; }
	
	.default article.container {display: block; float: left;}

/* Nested Column Classes */
    
    .panelFormSmall                 { margin: 10px; }

    .panelForm.alpha                { margin-left: 0px; }
    .panelForm.omega                { margin-right: 0px; }

    .panelFormSmall.alpha           { margin-left: 0px; }
    .panelFormSmall.omega           { margin-right: 0px; }

    .panelFormLong.alpha                { margin-left: 0px; }
    .panelFormLong.omega                { margin-right: 0px; }

	.column.alpha, .columns.alpha               { margin-left: 0px; } /*margin-right: 10px;*/
	.column.omega, .columns.omega               { margin-right: 0px; } /*margin-left: 10px;*/

/* Base Grid */
    .container .one.column                      { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 193px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 510px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    /* .container .sixteen.columns                 { width: 940px; } */

    .container .one-half                        { width: 49%; display: inline-block;}
    
    /* fix for sixteen columns layout for fullWidth Page */
    .container .sixteen.columns                 { width: 930px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

/* Offsets Left */
    .container .offset-left-by-one                   { padding-left: 60px; }
    .container .offset-left-by-two                   { padding-left: 120px; }
    .container .offset-left-by-three                 { padding-left: 180px; }
    .container .offset-left-by-four                  { padding-left: 240px; }
    .container .offset-left-by-five                  { padding-left: 300px; }
    .container .offset-left-by-six                   { padding-left: 360px; }
    .container .offset-left-by-seven                 { padding-left: 420px; }
    .container .offset-left-by-eight                 { padding-left: 480px; }
    .container .offset-left-by-nine                  { padding-left: 540px; }
    .container .offset-left-by-ten                   { padding-left: 600px; }
    .container .offset-left-by-eleven                { padding-left: 660px; }
    .container .offset-left-by-twelve                { padding-left: 720px; }
    .container .offset-left-by-thirteen              { padding-left: 780px; }
    .container .offset-left-by-fourteen              { padding-left: 840px; }
    .container .offset-left-by-fifteen               { padding-left: 900px; }

/* Offsets Right */
    .container .offset-right-by-one 				 { padding-right: 60px; }
    .container .offset-left-by-two                   { padding-right: 120px; }
    .container .offset-left-by-three                 { padding-right: 180px; }
    .container .offset-left-by-four                  { padding-right: 240px; }
    .container .offset-left-by-five                  { padding-right: 300px; }
    .container .offset-left-by-six                   { padding-right: 360px; }
    .container .offset-left-by-seven                 { padding-right: 420px; }
    .container .offset-left-by-eight                 { padding-right: 480px; }
    .container .offset-left-by-nine                  { padding-right: 540px; }
    .container .offset-left-by-ten                   { padding-right: 600px; }
    .container .offset-left-by-eleven                { padding-right: 660px; }
    .container .offset-left-by-twelve                { padding-right: 720px; }
    .container .offset-left-by-thirteen              { padding-right: 780px; }
    .container .offset-left-by-fourteen              { padding-right: 840px; }
    .container .offset-left-by-fifteen               { padding-right: 900px; }



/*Push Pull Position */
    .push-one, .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten, .push-eleven, .push-twelve, .push-thirteen, .push-fourteen, .push-fifteen, .push-sixteen, .push-seventeen, .push-eighteen, .push-nineteen, .push-twenty, .push-twentyone, .push-twentytwo, .push-twentythree { position: relative; }
    .pull-one, .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten, .pull-eleven, .pull-twelve, .pull-thirteen, .pull-fourteen, .pull-fifteen, .pull-sixteen, .pull-seventeen, .pull-eighteen, .pull-nineteen, .pull-twenty, .pull-twentyone, .pull-twentytwo, .pull-twentythree { position: relative; }

/* `Push Space >> 24 Columns */

    .container .push-one                   { left: 60px; }
    .container .push-two                   { left: 120px; }
    .container .push-three                 { left: 180px; }
    .container .push-four                  { left: 240px; }
    .container .push-five                  { left: 300px; }
    .container .push-six                   { left: 360px; }
    .container .push-seven                 { left: 420px; }
    .container .push-eight                 { left: 480px; }
    .container .push-nine                  { left: 540px; }
    .container .push-ten                   { left: 600px; }
    .container .push-eleven                { left: 660px; }
    .container .push-twelve                { left: 720px; }
    .container .push-thirteen              { left: 780px; }
    .container .push-fourteen              { left: 840px; }
    .container .push-fifteen               { left: 900px; }


/* `Pull Space >> 24 Columns */

    .container .pull-one                   { left: -60px; }
    .container .pull-two                   { left: -120px; }
    .container .pull-three                 { left: -180px; }
    .container .pull-four                  { left: -240px; }
    .container .pull-five                  { left: -300px; }
    .container .pull-six                   { left: -360px; }
    .container .pull-seven                 { left: -420px; }
    .container .pull-eight                 { left: -480px; }
    .container .pull-nine                  { left: -540px; }
    .container .pull-ten                   { left: -600px; }
    .container .pull-eleven                { left: -660px; }
    .container .pull-twelve                { left: -720px; }
    .container .pull-thirteen              { left: -780px; }
    .container .pull-fourteen              { left: -840px; }
    .container .pull-fifteen               { left: -900px; }


/* `Clear Floated Elements */

    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

    .clearfix:before,
    .clearfix:after,
    .container:before,
    .container:after {
      content: '.';
      display: block;
      overflow: hidden;
      visibility: hidden;
      font-size: 0;
      line-height: 0;
      width: 0;
      height: 0;
    }

    .clearfix:after,
    .container:after {
        clear: both;
    }

    .clearfix,
    .container {
        zoom: 1;
    }
	 .container .five.trips.columns                    { width: 140px; }
    .container .six.trips.columns                    { width: 170px; margin-right:10px; }