@charset "UTF-8";
/* --- Grid-Stylesheet --- */

.grid{ 
	width:960px; 
	position:relative; 
	margin:0 auto;
}

.grid:after { 
	content:" "; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}

.grid .row {
}

.grid .row:before,.row:after { 
	content:" "; 
	display:block; 
	overflow:hidden; 
	visibility:hidden; 
	width:0; 
	height:0;
}

.grid .row:after {
	clear:both;
}

.grid .row {
	zoom:1;
	
}

.grid .col-1-2, .grid .col-1-3, .grid .col-2-3, .grid .col-1-4, .grid .col-2-4, .grid .col-3-4, .grid .col-1-5, .grid .col-2-5, .grid .col-3-5, .grid .col-4-5, .grid .col-1-6, .grid .col-2-6, .grid .col-3-6, .grid .col-4-6, .grid .col-5-6{
	float:left; 
	display:inline-block;
}

.grid .col-full {
	width:100%;
}

.grid .col-1-2 {
	width:50%;
}

.grid .col-1-3 {
	width:33.33%;
}

.grid .col-2-3 {
	width:66.66%;
}

.grid .col-1-4 {
	width:25%;
}

.grid .col-2-4 {
	width:50%;
}

.grid .col-3-4 {
	width:75%;
}

.grid .col-1-5 {
	width:20%;
}

.grid .col-2-5 {
	width:40%;
}

.grid .col-3-5 {
	width:60%;
}

.grid .col-4-5 {
	width:80%;
}

.grid .col-1-6 {
	width:16.66%;
}

.grid .col-2-6 {
	width:33.33%;
}

.grid .col-3-6 {
	width:50%;
}

.grid .col-4-6 {
	width:66.66%;
}

.grid .col-5-6 {
	width:83.33%;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.grid {
		width:768px;
	}
}

@media only screen and (max-width: 767px) {
	.grid {
		width:100%;
	}
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	.grid {
		width:100%;
	}
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	.grid {
		width:100%;
	}
	
	.grid .col-1-3, .grid .col-2-3 {
		width:100%;
	}
	
	.grid .col-1-4 {
		width:50%;
	}
	
	.grid .col-1-6, .grid .col-2-6, .grid .col-3-6, .grid .col-4-6, .grid .col-5-6 {
		width:100%;
	}
}

@media only screen and (max-width: 479px) {
	.grid .grid .col-1-2, .grid .col-1-3, .grid .col-2-3, .grid .col-1-4, .grid .col-2-4, .grid .col-3-4, .grid .col-1-5, .grid .col-2-5, .grid .col-3-5, .grid .col-4-5, .grid .col-1-6, .grid .col-2-6, .grid .col-3-6, .grid .col-4-6, .grid .col-5-6 {
		width:100%;
	}
}