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

/*

Grid 1200px
Nicolas Poliquin
polikin.ca

*/


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

.columns, 
.column { 	
	-webkit-transition: all 0.2s ease;
	  -moz-transition: all 0.2s ease;
	  -moz-transition: all 0.2s ease;
	  -ms-transition: all 0.2s ease;
	  -o-transition: all 0.2s ease;
	  transition: all 0.2s ease;
}

/* #Base 1200 Grid
================================================== */
/* =Containers
--------------------------------------------------------------------------------*/
.container{margin-left: auto;margin-right: auto;	width: 1032px; position: relative; }

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {	display: inline;	float: left;	margin-left: 15px;	margin-right: 15px;}
.row                                        { margin-bottom: 20px; }

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.grid_1 {width: 56px;}
.grid_2 {width: 142px;}
.grid_3 {width: 228px;}
.grid_4 {width: 314px;}
.grid_5 {width: 400px;}
.grid_6 {width: 486px;}
.grid_7 {width: 572px;}
.grid_8 {width: 658px;}
.grid_9 {width: 744px;}
.grid_10 {width: 830px;}
.grid_11 {width: 916px;}
.grid_12 {width: 1002px;}

.side1, .side2, .side3{display: inline;	float: left;margin-left:0px; }
.side1{width:152px; margin-left: 15px; margin-right: 20px;}
.side2{width:625px; padding-right: 20px;}
.side3{width:205px;}




/* Note: Design for a width 1024 Desktop	================================================== */
@media only screen and (min-width: 960px) and (max-width: 1199px) 
{
	.container{	margin-left: auto;	margin-right: auto;	width: 960px;}
	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {	margin-left: 10px;	margin-right: 10px;}
	.grid_1{width:60px;}
	.grid_2{width:140px;}
	.grid_3{width:220px;}
	.grid_4{width:300px;}
	.grid_5{width:380px;}
	.grid_6{width:460px;}
	.grid_7{width:540px;}
	.grid_8{width:620px;}
	.grid_9{width:700px;}
	.grid_10{width:780px;}
	.grid_11{width:860px;}
	.grid_12{width:940px;}
	.side2 {width: 566px;}
	
	
}

@media only screen and (min-width: 768px) and (max-width: 959px) 
{
	.container{	margin-left: auto;	margin-right: auto;	width: 768px;}
	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {	margin-left: 10px;	margin-right: 10px;}
	.grid_1{width:44px;}
	.grid_2{width:108px;}
	.grid_3{width:172px;}
	.grid_4{width:236px;}
	.grid_5{width:300px;}
	.grid_6{width:364px;}
	.grid_7{width:428px;}
	.grid_8{width:492px;}
	.grid_9{width:556px;}
	.grid_10{width:620px;}
	.grid_11{width:684px;}
	.grid_12{width:748px;}
	.side1, .side2, .side3{margin-left:1.5%; margin-right:1.5%; width:97%;}
	
	
}

 @media only screen and (max-width: 767px) {
.container{	margin-left: auto;	margin-right: auto;	width:100%;}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {margin-left:4.5%; margin-right:4.5%; width:90%;}
.side1, .side2, .side3{margin-left:4.5%; margin-right:4.5%; width:90%;}




}