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

/* 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;
	margin: 0 2px;
}

.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;
	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:76px;		}
.container_12 .grid_2 {	width:156px;	}
.container_12 .grid_3 {	width:236px;	}
.container_12 .grid_4 {	width:316px;	}
.container_12 .grid_5 {	width:396px;	}
.container_12 .grid_6 {	width:476px;	}
.container_12 .grid_7 {	width:556px;	}
.container_12 .grid_8 {	width:636px;	}
.container_12 .grid_9 {	width:716px;	}
.container_12 .grid_10 {width:796px;	}
.container_12 .grid_11 {width:876px;	}
.container_12 .grid_12 {width:956px;	}


.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,
.box .l,
.box .c,
.box .r{
	display:block;
	float:left;
}

.box .t,
.box .m,
.box .b{
	clear:left;	
}

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

.box .m {	
			padding:0 17px;
}

.box .b,
.box .b .l,
.box .b .c,
.box .b .r{	height:19px;}

.box.grid_3 .c {	width:202px;	}
.box.grid_4 .c {	width:282px;	}
.box.grid_5 .c {	width:362px;	}
.box.grid_6 .c {	width:442px;	}
.box.grid_7 .c {	width:522px;	}
.box.grid_8 .c {	width:602px;	}
.box.grid_9 .c {	width:682px;	}
.box.grid_12 .c {	width:922px;	}

.box .l,
.box .r{	width:17px;}


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


.box.grid_3 .m {	background:url('../img/elements/box/center_3.png') repeat-y;		}
.box.grid_4 .m {	background:url('../img/elements/box/center_4.png') repeat-y;		}
.box.grid_5 .m {	background:url('../img/elements/box/center_5.png') repeat-y;		}
.box.grid_6 .m {	background:url('../img/elements/box/center_6.png') repeat-y;		}
.box.grid_7 .m {	background:url('../img/elements/box/center_7.png') repeat-y;		}
.box.grid_8 .m {	background:url('../img/elements/box/center_8.png') repeat-y;		}
.box.grid_9 .m {	background:url('../img/elements/box/center_9.png') repeat-y;		}
.box.grid_12 .m {	background:url('../img/elements/box/center_12.png') repeat-y;		}


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

.box .b.clips,
.box .b.clips .l,
.box .b.clips .c,
.box .b.clips .r{	height:45px;}

.box .b.clips .clip{
	display:block;
	float:left;
	height:45px;
	border:0;	
}
.box .b.clips .clip.right{
	float:right;
}

.box .b.clips .c{
	padding-top:8px;
}

.box .b.clips .clip .l,
.box .b.clips .clip .c,
.box .b.clips .clip .r{
	height:45px;
}
.box .b.clips .clip .l,
.box .b.clips .clip .r{
	width:14px;
}

.box .b.clips .clip .c{
	width:auto;
}
.box .b.clips .clip .c .m{
	background:url('');
}

.box .b.clips .clip .l{background:url('../img/elements/box_clip/clip-left.png') no-repeat left 0}
.box .b.clips .clip .c{background:url('../img/elements/box_clip/clip-center.png') repeat-x;}
.box .b.clips .clip .r{background:url('../img/elements/box_clip/clip-right.png') no-repeat right 0}



.box.plain .t,
.box.plain .t .l,
.box.plain .t .c,
.box.plain .t .r{			height:17px;}


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

.box.plain.grid_3 .c {	width:202px;	}
.box.plain.grid_4 .c {	width:282px;	}
.box.plain.grid_5 .c {	width:362px;	}
.box.plain.grid_6 .c {	width:442px;	}
.box.plain.grid_7 .c {	width:522px;	}
.box.plain.grid_8 .c {	width:602px;	}
.box.plain.grid_9 .c {	width:682px;	}
.box.plain.grid_12 .c {	width:922px;	}



.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;	}