/*=== 956 Grid System ===*/

/* Containers */
.full-width,
.container_12 {margin-left:auto; margin-right:auto; position: relative;}

/* Containers */
.full-width,
.container_12, 
.container_11, 
.container_10, 
.container_9, 
.container_8, 
.container_7, 
.container_6, 
.container_5, 
.container_4,
.container_3,
.container_2,
.container_1 {margin-left:auto; margin-right:auto; position: relative;}

.full-width {width:956px;}
.container_12 { width:936px;}
.container_11 { width:858px;}
.container_10 { width:780px;}
.container_9 { width:702px;}
.container_8 { width:624px;}
.container_7 { width:546px;}
.container_6 { width:468px;}
.container_5 { width:390px;}
.container_4 { width:312px;}
.container_3 { width:234px;}
.container_2 { width:156px;}
.container_1 { width:78px;}

/* Global */
.col1,.col2,.col3,.col4,.col5,.col6,
.col7,.col8,.col9,.col10,.col11,.col12 {display:inline;float:left;position:relative; margin-left:10px; margin-right:10px; box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -webkit-box-sizing: content-box; }

	.main-col1,.main-col2,.main-col3,.main-col4,.main-col5,.main-col6,
	.main-col7,.main-col8,.main-col9,.main-col10,.main-col11,.main-col12 {float:left; position:relative; margin-left:10px; margin-right:10px;}

	.push1,.pull1,.push2,.pull2,.push3,.pull3,.push4,.pull4,.push5,
	.pull5,.push6,.pull6,.push7,.pull7,.push8,.pull8,.push9,.pull9,
	.push10,.pull10,.push11,.pull11,.push12,.pull12 { position:relative; }

	/* alpha ~ first, omega ~ last */
	.alpha { margin-left:0; }
	.omega { margin-right:0; }

	/* Flushed Designs */
	.flushed {margin-right:0; margin-left:0;}

	/* Left & Right Borders */
	.border-left{margin-left:-1px;padding-left:10px;border-left:1px solid #dbdbdb}
	.border-right{margin-right:0px;padding-right:9px;border-right:1px solid #dbdbdb}

	.flushed.border-left,.flushed.border-right {padding:0;}

	/* main-col ~ main structure, col ~ modular structures */
	.col1, .main-col1 { width:58px; }	
	.col2, .main-col2 { width:136px; }
	.col3, .main-col3 { width:214px; }
	.col4, .main-col4 { width:292px; }
	.col5, .main-col5 { width:370px; }
	.col6, .main-col6 { width:448px; }
	.col7, .main-col7 { width:526px; }
	.col8, .main-col8 { width:604px; }	
	.col9, .main-col9 { width:682px; }
	.col10, .main-col10 { width:760px; }
	.col11, .main-col11 { width:838px; }
	.col12, .main-col12 { width:916px; }
	
	.col1.flushed {width:78px;}
	.col2.flushed { width:156px; }
	.col3.flushed { width:224px; }
	.col4.flushed { width:312px; }
	.col5.flushed { width:390px; }
	.col6.flushed { width:468px; }
	.col7.flushed { width:546px; }
	.col8.flushed { width:624px; }	
	.col9.flushed { width:702px; }
	.col10.flushed { width:780px; }
	.col11.flushed { width:858px; }
	.col12.flushed { width:936px; }

	/* Prefix Extra Space >> 12 Columns */
	.prefix1 { padding-left:78px; }
	.prefix2 { padding-left:156px; }
	.prefix3 { padding-left:234px; }
	.prefix4 { padding-left:312px; }
	.prefix5 { padding-left:390px; }
	.prefix6 { padding-left:468px; }
	.prefix7 { padding-left:546px; }
	.prefix8 { padding-left:624px; }
	.prefix9 { padding-left:702px; }
	.prefix10 { padding-left:780px; }
	.prefix11 { padding-left:858px; }

	/* Suffix Extra Space >> 12 Columns */
	.suffix1 { padding-right:78px; }
	.suffix2 { padding-right:156px; }
	.suffix3 { padding-right:234px; }
	.suffix4 { padding-right:312px; }
	.suffix5 { padding-right:390px; }
	.suffix6 { padding-right:468px; }
	.suffix7 { padding-right:546px; }
	.suffix8 { padding-right:624px; }
	.suffix9 { padding-right:702px; }
	.suffix10 { padding-right:780px; }
	.suffix11 { padding-right:858px; }


/* Desktop + */
@media only screen and (min-width: 971px) {
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 970px) {
	.suffix1,
	.suffix2,
	.suffix3,
	.suffix4,
	.suffix5,
	.suffix6,
	.suffix7,
	.suffix8,
	.suffix9,
	.suffix10,
	.suffix11 {padding-right:0;}
	
	.prefix1,
	.prefix2,
	.prefix3,
	.prefix4,
	.prefix5,
	.prefix6,
	.prefix7,
	.prefix8,
	.prefix9,
	.prefix10,
	.prefix11 {padding-left:0;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 970px) {

	/* Containers */
	.full-width {width:742px;}
	.container_12 {width:704px;}

	/* Tablet Specific Grid Structure */
	.tablet-col1 { width:58px; }	
	.tablet-col2 { width:136px; }
	.tablet-col3 { width:214px; }
	.tablet-col4 { width:292px; }
	.tablet-col5 { width:370px; }
	.tablet-col6 { width:448px; }
	.tablet-col7 { width:526px; }
	.tablet-col8 { width:604px; }	
	.tablet-col9 { width:682px; }

	/* Column Fix for columns that don't exist on Tablet */
	.col10, .col11, .col12, .main-col10, .main-col11, .main-col12 { width:682px; }

	/* Mobile, Tablet, & Desktop Show/Hide */
	.mobile-only {display:none;}
	.tablet-only {display:block;}
	.desktop-only {display:none;}

	.mobile-hide {display:block;}
	.tablet-hide {display:none;}
	.desktop-hide {display:block;}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	/* Containers */
	.full-width {width:auto;}
	.container_4 {width:100%;}
	.main-col1,.main-col2,.main-col3,.main-col4,.main-col5,.main-col6,.main-col7,.main-col8,.main-col9,.main-col10,.main-col11,.main-col12 {/*width:100%;*/ margin-left:auto; margin-right:auto; float:none;}

	/* REMOVE BORDERS ON BORDER-RIGHT AND BORDER LEFT IF NEEDED */
	.border-left {margin-left:0; margin-right:0; padding-left:0; border:none;}
	.border-right {margin-left:0; margin-right:0; padding-right:0; border:none;}

	/* Mobile, Tablet, & Desktop Show/Hide */
	.mobile-only {display:block;}
	.tablet-only {display:none;}
	.desktop-only {display:none;}

	.mobile-hide {display:none;}
	.tablet-hide {display:block;}
	.desktop-hide {display:block;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.full-width {min-width:478px; width:auto;}
	.main-col1,.main-col2,.main-col3,.main-col4,.main-col5,.main-col6,.main-col7,.main-col8,.main-col9,.main-col10,.main-col11,.main-col12 {/*width:448px;*/ margin-left:auto; margin-right:auto; float:none;}

	/* Column Fix for columns that don't exist on Tablet */
	.col7, .col8, .col9, .col10, .col11, .col12 { width:448px; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.full-width {min-width:322px; width:auto;}
/*	.container_4 {width:322px;}
*/	.main-col1,.main-col2,.main-col3,.main-col4,.main-col5,.main-col6,.main-col7,.main-col8,.main-col9,.main-col10,.main-col11,.main-col12 {width:292px; margin-left:auto; margin-right:auto; float:none;}

	/* Column Fix for columns that don't exist on Tablet */
	.col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { width:292px; }
}