/*
 * 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
 */


	.container                      { width: 100%; max-width:1200px;margin: 0 auto; }
	.container .columns,
.container .column { float: left; }
.container .twelve.columns, .container .twelve.column{float: none;}

.row                          { margin-bottom: 20px; }
.container .list .four.columns{width: 32%;}
@media only screen and (max-width: 699px) {
		h2{font-size:1.4em;}
	.container .one.column          { width: 8%; }
	.container .two.columns         { width: 16%; }
	.container .three.columns       { width: 32%; }
	.container .four.columns        { width: 48%; }
	.container .five.columns        { width: 60%; }
	.container .six.columns         { width: 98%; }
	.container .seven.columns       { width: 98%; }
	.container .eight.columns       { width: 98%; }
	.container .nine.columns        { width: 98%; }
	.container .ten.columns         { width: 98%; }
	.container .eleven.columns      { width: 98%; }
	.container .twelve.columns      { width: 98%; }
	
	.container .one-third.column    { width: 48%; }
	.container .two-thirds.column   { width: 98%; }

}

@media only screen and (max-width: 480px) {
	h2{font-size:1.1em;}
	

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .one-third.column,
	.container .two-thirds.column ,.symple-one-half{ width: 98%; margin:0 auto; }
}
@media only screen and (min-width: 700px) {
	.container .one.column          { width: 8%; }
	.container .two.columns         { width: 16%; }
	.container .three.columns       { width: 23.5%; }
	.container .four.columns        { width: 31.5%; }
	.container .five.columns        { width: 40%; }
	.container .six.columns         { width: 49%; }
	.container .seven.columns       { width: 56%; }
	.container .eight.columns       { width: 64%; }
	.container .nine.columns        { width: 72%; }
	.container .ten.columns         { width: 80%; }
	.container .eleven.columns      { width: 88%; }
	.container .twelve.columns      { width: 98%; }
	
	.container .one-third.column    { width: 32%; }
	.container .two-thirds.column   { width: 64%; }

}
/* #Mobile - Landscape
================================================== */

	/* Note: Design for a width of 480px */


/* #Setting up margins on the grid for everything greater than mobile landscape sizes.
 * Zeroing out column margins with .alpha, and .omega
==================================================  */

@media only screen and (min-width: 480px) {
	.container .column,
	.container .columns             { margin-left: 1%; margin-right: 1%;  }
	.column.alpha, .columns.alpha   { margin-left: 0; }
	.column.omega, .columns.omega   { margin-right: 0; }
	.column.alpha.omega, .columns.alpha.omega { margin-left: 0; margin-right: 0; }

}



.container .list.isotope .three.columns {
    width: 23%;
}

/* #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;
    }