/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base Big Grid
================================================== */

.full, .half, .third, .twothirds, .quarter {
	border-radius: 6px;
  margin: 15px;
  float: left;
	box-sizing: border-box;
}

.full {			width: calc(100% - 30px); }
.half {			width: calc(50% - 30px); }
.third {			width: calc(33.33% - 30px); }
.twothirds {	width: calc(66.66% - 30px); }
.quarter {		width: calc(25% - 30px); }



    .container  { 
	 /*overflow: hidden;*/ 
	 position: relative;
	  max-width: 1440px; 
	  	width: 100%;
	  margin: 0px auto !important; 
	  padding: 0px; }
   
/* #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;
    }
@media only screen and (max-width: 747px) {
	 
	.full, .half, .third, .twothirds, .quarter {
		margin: 15px 15px 0px 15px;
	}
	.half {		width: calc(100% - 30px); }
	.quarter {		width: calc(50% - 30px); }
	.twothirds{		width: calc(66.66% - 30px); }
	.twothirds.no_padding{		width: calc(100% - 30px); }
}
	 
@media only screen and (max-width: 459px) {
	 
	.full, .half, .third, .twothirds, .quarter {
		margin: 6px 12px;
	}
	.full {			width: calc(100% - 24px); }
	.half {			width: calc(100% - 24px); }
	.third {			width: calc(33.33% - 24px); }
	.twothirds {	width: calc(66.66% - 24px); }
	.quarter {		width: calc(100% - 24px); }
	.twothirds.no_padding{		width: calc(100% - 30px); }
}
	 
	 
	 
	
.m_t_0 {
	margin-top: 0px!important;
}
.m_b_0 {
	margin-bottom: 0px!important;
}