/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/



/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	width: 960px;
	margin: 0 auto;
}

.special_content {
	width: 1120px;
	margin: 0 auto;
}

	.footer-default .special_content {
		width: 1120px;
		background: transparent 0;
		margin: 30px auto 0 auto;
	}

/* `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 {
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	display: inline;
	float: left;
}


/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {width: 3.75em;}

.container_12 .grid_2 {width: 8.75em;}

.container_12 .grid_3 {width: 13.75em;}

.container_12 .grid_4 {width: 18.75em;}

.container_12 .grid_5 {width: 23.75em;}

.container_12 .grid_6 {width: 28.75em;}

.container_12 .grid_7 {width: 33.75em;}

.container_12 .grid_8 {width: 38.75em;}

.container_12 .grid_9 {width: 43.75em;}

.container_12 .grid_10 {width: 48.75em;}

.container_12 .grid_11 {width: 53.75em;}

.container_12 .grid_12 {width: 58.75em;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {zoom: 1;}


@media (min-width: 1px) and (max-width: 1050px) {

	.container_12,
	.container_16 {
		width: 100%;
		margin: 0 auto;
	}

		.special_content {
			width: 100%;
			margin: 0 auto;
		}

			.footer-default .special_content {
				width: 100%;
				background: transparent none;
				margin: 30px auto 10px auto;
				display:  inline;
				float:  left;
			}	

			.container_12 .grid_1, 
			.container_12 .grid_2,
			.container_12 .grid_3,
			.container_12 .grid_4,
			.container_12 .grid_5,
			.container_12 .grid_6,
			.container_12 .grid_7,
			.container_12 .grid_8,
			.container_12 .grid_9,
			.container_12 .grid_10,
			.container_12 .grid_11,
			.container_12 .grid_12 {
				width: calc(100% - 40px);
				text-align: left;
				margin-left: 20px;
				margin-right: 20px;
				display: inline; 
				float: left;
			}
	

}