/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/
/* GLOBAL */
.clearBoth{clear: both;}
.marginTop75{margin-top: 75px;}
.marginTop50{margin-top: 50px;}
.marginTop10{margin-top: 10px;}
.margin240{margin-left:240px;}
.alignCenter{text-align: center;}
.alignLeft{text-align: left;}
.alignRight{text-align: right;}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pl10{padding-left:10px}
.pl25{padding-left:25px}
.pb30{padding-bottom: 30px;}
td, th{padding: 3px;}
.fl{float: left;}
.fr{float: right;}
.hidden{display: none;}
.width90{width: 90%;}
.verticalAlignMiddle{vertical-align: middle;}
.verticalAlignTop{vertical-align: top;}
.height100{
	height: 100%;
}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid{
	display:inline;
	float: left;
	position: relative;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	float: left;
	margin-left: 10px;
	margin-right: 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;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-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;
}




/* 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;
}

/* setting percentage values */
.tdp1, .dpl1, .dpr1{width:1%;*width:4.9%;}
.tdp5, .dpl5, .dpr5{width:5%;*width:4.9%;}
.tdp8, .dpl8, .dpr8{width:8%;*width:7.9%;}
.tdp10, .dpl10, .dpr10{width:10%;*width:9.9%;}
.tdp13, .dpl13, .dpr13{width:13%;*width:12.9%;}
.tdp15, .dpl15, .dpr15{width:15%;*width:14.9%;}
.tdp20, .dpl20, .dpr20{width:20%;*width:19.9%;}
.tdp25, .dpl25, .dpr25{width:25%;*width:24.9%; }
.tdp30, .dpl30, .dpr30{width:30%;*width:29.9%;}
.tdp33, .dpl33, .dpr33{width:33.33%;*width:33.3%;}
.tdp35, .dpl35, .dpr35{width:35%;*width:34.9%;}
.tdp40, .dpl40, .dpr40{width:40%;*width:39.9%;}
.tdp45, .dpl45, .dpr45{width:45%;*width:44.9%;}
.tdp50, .dpl50, .dpr50{width:50%;*width:49.9%;}
.tdp55, .dpl55, .dpr55{width:55%;*width:54.9%;}
.tdp60, .dpl60, .dpr60{width:60%;*width:59.9%;}
.tdp65, .dpl65, .dpr65{width:65%;*width:64.9%;}
.tdp67, .dpl67, .dpr67{width:66.67%;*width:66.6%;}
.tdp70, .dpl70, .dpr70{width:70%;*width:69.9%;}
.tdp75, .dpl75, .dpr75{width:75%;*width:74.9%;}
.tdp80, .dpl80, .dpr80{width:80%;*width:79.9%;}
.tdp83, .dpl83, .dpr83{width:83%;*width:82.9%;}
.tdp85, .dpl85, .dpr85{width:85%;*width:84.9%;}
.tdp90, .dpl90, .dpr90{width:90%;*width:89.9%;}
.tdp95, .dpl95, .dpr95{width:95%;*width:94.9%;}
.tdp100, .dpl100, .dpr100{width:100%;*width:99.9%;}