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


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



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

    .column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }  
    /* Base Grid */
    .container .sixteen.columns                 { width: 900px; }
    .tooltip_4                                  { margin-top:18px; }
    
/* #Tablet (Portrait)
================================================== */

    @media only screen and (min-width: 723px) and (max-width: 902px) 
    {      
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .tooltip_4                                  { margin-top:0px; }
    }
   
    @media only screen and (min-width: 590px) and (max-width: 722px)
    {
        .columns, .column { margin: 0; }        
        .tooltip_4    { margin-top:18px; }
    }
    
    @media only screen and (min-width: 461px) and (max-width: 589px)
    {
        .columns, .column { margin: 0; }        
        .tooltip_4    { margin-top:18px; }
    }

    @media only screen and (min-width: 402px) and (max-width: 460px)
    {
        .columns, .column { margin: 0; }        
        .tooltip_4    { margin-top:0px; }
    }
    
    @media only screen and (min-width: 343px) and (max-width: 401px)
    {
        .columns, .column { margin: 0; }        
        .tooltip_4    { margin-top:18px; }
    }
    
    @media only screen and (max-width: 342px)
    {
        .columns, .column { margin: 0; }        
        .tooltip_4    { margin-top:0px; }
    }