/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


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

/* 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 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;

}



/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha_margin {
	margin-left: 0;
}

.omega_margin {
	margin-right: 0;
}

.alpha_padding {
	padding-left: 0;
}

.omega_padding {
	padding-right: 0;
}

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

.container_12 .grid_1 {  width:60px;  }
.container_12 .grid_2 {  width:140px; }
.container_12 .grid_3 {  width:220px; }
.container_12 .grid_4 {  width:300px; }
.container_12 .grid_5 {  width:380px; }
.container_12 .grid_6 {  width:460px; }
.container_12 .grid_7 {  width:540px; }
.container_12 .grid_8 {  width:620px; }
.container_12 .grid_9 {  width:700px; }
.container_12 .grid_10 { width:780px; }
.container_12 .grid_11 { width:860px; }
.container_12 .grid_12 { width:940px; }


.container_12 .inner.grid_1 {	width:58px;		}
.container_12 .inner.grid_2 {	width:136px;	}
.container_12 .inner.grid_3 {	width:214px;	}
.container_12 .inner.grid_4 {	width:292px;	}
.container_12 .inner.grid_5 {	width:370px;	}
.container_12 .inner.grid_6 {	width:448px;	}
.container_12 .inner.grid_7 {	width:526px;	}
.container_12 .inner.grid_8 {	width:604px;	}
.container_12 .inner.grid_9 {	width:682px;	}
.container_12 .inner.grid_10 {	width:760px;	}
.container_12 .inner.grid_11 {	width:838px;	}
.container_12 .inner.grid_12 {	width:916px;	}


/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {	margin-left:80px;}
.container_12 .prefix_2 {	margin-left:160px;}
.container_12 .prefix_3 {	margin-left:240px;}
.container_12 .prefix_4 {	margin-left:320px;}
.container_12 .prefix_5 {	margin-left:400px;}
.container_12 .prefix_6 {	margin-left:480px;}
.container_12 .prefix_7 {	margin-left:560px;}
.container_12 .prefix_8 {	margin-left:640px;}
.container_12 .prefix_9 {	margin-left:720px;}
.container_12 .prefix_10 {	margin-left:800px;}
.container_12 .prefix_11 {	margin-left:880px;}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {	padding-right:80px;}
.container_12 .suffix_2 {	padding-right:160px;}
.container_12 .suffix_3 {	padding-right:240px;}
.container_12 .suffix_4 {	padding-right:320px;}
.container_12 .suffix_5 {	padding-right:400px;}
.container_12 .suffix_6 {	padding-right:480px;}
.container_12 .suffix_7 {	padding-right:560px;}
.container_12 .suffix_8 {	padding-right:640px;}
.container_12 .suffix_9 {	padding-right:720px;}
.container_12 .suffix_10 {	padding-right:800px;}
.container_12 .suffix_11 {	padding-right:880px;}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {	left:80px;}
.container_12 .push_2 {	left:160px;}
.container_12 .push_3 {	left:240px;}
.container_12 .push_4 {	left:320px;}
.container_12 .push_5 {	left:400px;}
.container_12 .push_6 {	left:480px;}
.container_12 .push_7 {	left:560px;}
.container_12 .push_8 {	left:640px;}
.container_12 .push_9 {	left:720px;}
.container_12 .push_10 {left:800px;}
.container_12 .push_11 {left:880px;}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {	left:-80px;}
.container_12 .pull_2 {	left:-160px;}
.container_12 .pull_3 {	left:-240px;}
.container_12 .pull_4 {	left:-320px;}
.container_12 .pull_5 {	left:-400px;}
.container_12 .pull_6 {	left:-480px;}
.container_12 .pull_7 {	left:-560px;}
.container_12 .pull_8 {	left:-640px;}
.container_12 .pull_9 {	left:-720px;}
.container_12 .pull_10 {left:-800px;}
.container_12 .pull_11 {left:-880px;}

/* box ----------------------------------------------------- */

.box {
	display:inline-block;
	float:left;
	margin-top: 10px;
	margin-bottom: 10px;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}

.t,.m {
	clear: both;
	overflow: visible;
}
.h_big {
	height:30px;  
	line-height: 30px;
	padding: 0px 10px;
	background: #8377b1;
	position: relative;
	overflow: visible;
}
.h_small {
	height: 20px;
	line-height: 20px;
	padding: 0px 10px;
	background: #8377b1;
}
.m {
	border-left: 1px solid #8377b1;
	border-right: 1px solid #8377b1;
	border-bottom: 1px solid #8377b1;
	padding: 1px;
	background-color: #f2f2f2;
}
.m_inner {
	border-width: 3px;
	border-style: solid;
	border-color: #8377b1;
	padding: 0px;
	background-color: #fff;
}
.m_plain {
	border-top: 1px solid #8377b1;
	padding: 0px;
}