/*!
 * Gridpak Beta CSS
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */
 
 

/* Reusable column setup */
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}



    /* 1. 3 Column Grid 0px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    33.3333333333%
    Span 2:    66.6666666667%
    Span 3:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 0px) {
        
        .row {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	height: auto;
	margin-bottom: 40px;
        }
        .col {
            border-left-width:0px;
        	padding:0 1.5%;
        }
        
        
        
        /*
        Add your semantic classnames in alongside their corresponding spans here. e.g.
        
        .span_3,
        .my_semantic_class_name {
            ...
        }
        */
        
        .span_1 {
	width: 300px;
	float: left;
	padding-right: 12px;
	padding-left: 12px;
	margin-bottom: 20px;
        }

        .span_2 {
            width:66.6666666667%;
        }
        .span_3 {
            margin-left:0;
            width:100%;
  
#right_col ul {
	color: #333;
	margin-top: 12px;
	margin-bottom: 12px;
}