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

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

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

.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; }

/* Gutter Management */
.no-gutter {margin-left:0; margin-right:0;}
.gutter-left {margin-left:20px; margin-right:0;}
.gutter-right {margin-left:0px; margin-right:20px;}
.gutter {margin-left:10px; margin-right:10px;}

/* alpha ~ first, omega ~ last */
.alpha { margin-left:0; }
.omega { margin-right: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}

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

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

/* Push Space >> 12 Columns */
.push1 { left:78px; }
.push2 { left:156px; }
.push3 { left:234px; }
.push4 { left:312px; }
.push5 { left:390px; }
.push6 { left:468px; }
.push7 { left:546px; }
.push8 { left:624px; }
.push9 { left:702px; }
.push10 { left:780px; }
.push11 { left:858px; }

/* Pull Space >> 12 Columns */
.pull1 { left:-78px; }
.pull2 { left:-156px; }
.pull3 { left:-234px; }
.pull4 { left:-312px; }
.pull5 { left:-390px; }
.pull6 { left:-468px; }
.pull7 { left:-546px; }
.pull8 { left:-624px; }
.pull9 { left:-702px; }
.pull10 { left:-780px; }
.pull11 { left:-858px; }


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

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


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

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 970px) {
}

/* 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 */
	.col9, .col10, .col11, .col12 { width:682px; margin-left:0; margin-right:0; }

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

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	/* Containers */
	.full-width {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: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;}
	.container_12 {width:478px;}
	.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 */
	.col6, .col7, .col8, .col9, .col10, .col11, .col12 { width:448px; margin-left:0; margin-right:0; }
}

/* 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_12 {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 */
	.col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { width:292px; margin-left:0; margin-right:0; }
}