/*
	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: 0 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;
	position: relative;
	float: left;
	margin: 0 10px;
}

.inner {
	margin: 10px;
}

.footer .grid_1,
.footer .grid_2,
.footer .grid_3,
.footer .grid_4,
.footer .grid_5,
.footer .grid_6,
.footer .grid_7,
.footer .grid_8,
.footer .grid_9,
.footer .grid_10,
.footer .grid_11,
.footer .grid_12 {
	display:inline;
	position: relative;
	float: left;
	margin: 0 10px;
}



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

.alpha {
	margin-left: 0;
}

.omega {
	margin-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;	}



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



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


.container_12 .footer .prefix_1 {	margin-left:90px;}


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




/* 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/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

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


.clearfix{
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}



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

.box {
	display:block;
	float:left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.box .t,
.box .m {
	clear: both;
	overflow: visible;
}
.box .t {
	border: 1px solid #051829;
	height:30px;  
	line-height: 30px;
	padding: 0px 10px;
	background: url(../img/elements/box/header_bg.png) left top repeat-x;
	position: relative;
	overflow: visible;
}
.box.inner .t {
	height: 20px;
	border: 1px solid #c2c290;
	line-height: 20px;
	background: url(../img/elements/box/header_inner_bg.png) left top repeat-x;
}
.box .m {
	border-left: 1px solid #9a9a79;
	border-right: 1px solid #9a9a79;
	border-bottom: 1px solid #9a9a79;
	padding: 11px;
	background-color: #e8e8d2;
}
.box.inner .m {
	border-width: 3px;
	border-style: solid;
	border-color: #c2c290;
	padding: 0px;
}
.box.plain .m {
	border-top: 1px solid #9a9a79;
}
.m:after{
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}


.footer .box .l,
.footer .box .r			{	width:6px;	}

.footer .box .m 		{	padding:0.2em 0.5em 0;}

.footer .box .t,
.footer .box .t .l,
.footer .box .t .c,
.footer .box .t .r{			height:37px;}

.footer .box .t .l{			background:url('../img/elements/box_footer/top-left.png') no-repeat;		}
.footer .box .t .c{			background:url('../img/elements/box_footer/top-center.png') repeat-x;		}
.footer .box .t .r{			background:url('../img/elements/box_footer/top-right.png') no-repeat;		}



.footer .box.grid_3 .c {	width:208px;	}
.footer .box.grid_4 .c {	width:288px;	}
.footer .box.grid_5 .c {	width:368px;	}
.footer .box.grid_6 .c {	width:448px;	}
.footer .box.grid_7 .c {	width:528px;	}
.footer .box.grid_8 .c {	width:608px;	}
.footer .box.grid_9 .c {	width:688px;	}
.footer .box.grid_12 .c {	width:928px;	}

.footer .box .m {			background:url('../img/elements/box_footer/center.png') repeat;		}

.footer .box .b .l	{		background:url('../img/elements/box_footer/bottom-left.png') no-repeat;		}
.footer .box .b .c	{		background:url('../img/elements/box_footer/bottom-center.png') repeat-x;	}
.footer .box .b .r	{		background:url('../img/elements/box_footer/bottom-right.png') no-repeat;	}