.col_1 {
	width:8.33333333333%;
}
.col_2 {
	width:16.6666666667%;
}
.col_3 {
	width:25.0%;
}
.col_4 {
	width:33.3333333333%;
}
.col_5 {
	width:41.6666666667%;
}
.col_6 {
	width:50.0%;
}
.col_7 {
	width:58.3333333333%;
}
.col_8 {
	width:66.6666666667%;
}
.col_9 {
	width:75.0%;
}
.col_10 {
	width:83.3333333333%;
}
.col_11 {
	width:91.6666666667%;
}
.col_12 {
	margin-left:0;
	width:100%;
}
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
	float: left;
	display: block;
}
.col_1.center,
.col_2.center,
.col_3.center,
.col_4.center,
.col_5.center,
.col_6.center,
.col_7.center,
.col_8.center,
.col_9.center,
.col_10.center,
.col_11.center,
.col_12.center{
	margin-left: auto;
	margin-right: auto;
	float: none;
}


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

/* Viewable Grids 
	To view your grids, add the class .visible to any grid container.
	This will add a background color so you can see the layout of your grids. 
*/
.col_1.visible,
.col_2.visible,
.col_3.visible,
.col_4.visible,
.col_5.visible,
.col_6.visible,
.col_7.visible,
.col_8.visible,
.col_9.visible,
.col_10.visible,
.col_11.visible,
.col_12.visible {
background:#efefef;
}

/* Default .inner Padding 
	The inside of a column is automatically wrapped with div.inner by Javascript. 
	This allows for more flexible styling and layout without breaking your columns.
*/
.column .inner{
	padding:0 10px;
}

.column.close .inner{
	padding:0px;
}

.column.narrow .inner{
	padding:0 1px 1px 1px;
}
.column.narrow{
	margin:0;
	padding:0;}

.column.first .inner{
	padding-left:0px;
}
.column.last .inner{
	padding-right:0px;
}

.ie .column{
	position:relative;}

.box{
	padding: 15px 15px 5px 15px;
	border: 1px solid #eee;
	background-color:#f5f5f5;
	margin-bottom:1em;
	}
.frame{
	padding: 15px 15px 5px 15px;
	border: 1px solid #669;
	}