body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
}

.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */

.threecol .colmid {
	right:25%;			/* width of the right column */
			/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
		/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}



/*
960
*/

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Container >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.container_24 {
	margin-left: auto;
	margin-right: auto;
	width: 1008px;
}

/* `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,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15,
.push_16, .pull_16,
.push_17, .pull_17,
.push_18, .pull_18,
.push_19, .pull_19,
.push_20, .pull_20,
.push_21, .pull_21,
.push_22, .pull_22,
.push_23, .pull_23 {
	position: relative;
}

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

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .grid_1 {
	width: 32px;
}

.container_24 .grid_2 {
	width: 74px;
}

.container_24 .grid_3 {
	width: 116px;
}

.container_24 .grid_4 {
	width: 158px;
}

.container_24 .grid_5 {
	width: 200px;
}

.container_24 .grid_6 {
	width: 232px;
}

.container_24 .grid_7 {
	width: 274px;
}

.container_24 .grid_8 {
	width: 316px;
}

.container_24 .grid_9 {
	width: 358px;
}

.container_24 .grid_10 {
	width: 400px;
}

.container_24 .grid_11 {
	width: 432px;
}

.container_24 .grid_12 {
	width: 474px;
}

.container_24 .grid_13 {
	width: 516px;
}

.container_24 .grid_14 {
	width: 558px;
}

.container_24 .grid_15 {
	width: 600px;
}

.container_24 .grid_16 {
	width: 632px;
}

.container_24 .grid_17 {
	width: 674px;
}

.container_24 .grid_18 {
	width: 716px;
}

.container_24 .grid_19 {
	width: 758px;
}

.container_24 .grid_20 {
	width: 800px;
}

.container_24 .grid_21 {
	width: 832px;
}

.container_24 .grid_22 {
	width: 874px;
}

.container_24 .grid_23 {
	width: 916px;
}

.container_24 .grid_24 {
	width: 958px;
}

/* `Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .prefix_1 {
	padding-left: 42px;
}

.container_24 .prefix_2 {
	padding-left: 84px;
}

.container_24 .prefix_3 {
	padding-left: 126px;
}

.container_24 .prefix_4 {
	padding-left: 168px;
}

.container_24 .prefix_5 {
	padding-left: 210px;
}

.container_24 .prefix_6 {
	padding-left: 242px;
}

.container_24 .prefix_7 {
	padding-left: 284px;
}

.container_24 .prefix_8 {
	padding-left: 326px;
}

.container_24 .prefix_9 {
	padding-left: 368px;
}

.container_24 .prefix_10 {
	padding-left: 410px;
}

.container_24 .prefix_11 {
	padding-left: 442px;
}

.container_24 .prefix_12 {
	padding-left: 484px;
}

.container_24 .prefix_13 {
	padding-left: 526px;
}

.container_24 .prefix_14 {
	padding-left: 568px;
}

.container_24 .prefix_15 {
	padding-left: 610px;
}

.container_24 .prefix_16 {
	padding-left: 642px;
}

.container_24 .prefix_17 {
	padding-left: 684px;
}

.container_24 .prefix_18 {
	padding-left: 726px;
}

.container_24 .prefix_19 {
	padding-left: 768px;
}

.container_24 .prefix_20 {
	padding-left: 810px;
}

.container_24 .prefix_21 {
	padding-left: 842px;
}

.container_24 .prefix_22 {
	padding-left: 884px;
}

.container_24 .prefix_23 {
	padding-left: 926px;
}

/* `Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .suffix_1 {
	padding-right: 42px;
}

.container_24 .suffix_2 {
	padding-right: 84px;
}

.container_24 .suffix_3 {
	padding-right: 126px;
}

.container_24 .suffix_4 {
	padding-right: 168px;
}

.container_24 .suffix_5 {
	padding-right: 210px;
}

.container_24 .suffix_6 {
	padding-right: 242px;
}

.container_24 .suffix_7 {
	padding-right: 284px;
}

.container_24 .suffix_8 {
	padding-right: 326px;
}

.container_24 .suffix_9 {
	padding-right: 368px;
}

.container_24 .suffix_10 {
	padding-right: 410px;
}

.container_24 .suffix_11 {
	padding-right: 442px;
}

.container_24 .suffix_12 {
	padding-right: 484px;
}

.container_24 .suffix_13 {
	padding-right: 526px;
}

.container_24 .suffix_14 {
	padding-right: 568px;
}

.container_24 .suffix_15 {
	padding-right: 610px;
}

.container_24 .suffix_16 {
	padding-right: 642px;
}

.container_24 .suffix_17 {
	padding-right: 684px;
}

.container_24 .suffix_18 {
	padding-right: 726px;
}

.container_24 .suffix_19 {
	padding-right: 768px;
}

.container_24 .suffix_20 {
	padding-right: 810px;
}

.container_24 .suffix_21 {
	padding-right: 842px;
}

.container_24 .suffix_22 {
	padding-right: 884px;
}

.container_24 .suffix_23 {
	padding-right: 926px;
}

/* `Push Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .push_1 {
	left: 42px;
}

.container_24 .push_2 {
	left: 84px;
}

.container_24 .push_3 {
	left: 126px;
}

.container_24 .push_4 {
	left: 168px;
}

.container_24 .push_5 {
	left: 210px;
}

.container_24 .push_6 {
	left: 242px;
}

.container_24 .push_7 {
	left: 284px;
}

.container_24 .push_8 {
	left: 326px;
}

.container_24 .push_9 {
	left: 368px;
}

.container_24 .push_10 {
	left: 410px;
}

.container_24 .push_11 {
	left: 442px;
}

.container_24 .push_12 {
	left: 484px;
}

.container_24 .push_13 {
	left: 526px;
}

.container_24 .push_14 {
	left: 568px;
}

.container_24 .push_15 {
	left: 610px;
}

.container_24 .push_16 {
	left: 642px;
}

.container_24 .push_17 {
	left: 684px;
}

.container_24 .push_18 {
	left: 726px;
}

.container_24 .push_19 {
	left: 768px;
}

.container_24 .push_20 {
	left: 810px;
}

.container_24 .push_21 {
	left: 842px;
}

.container_24 .push_22 {
	left: 884px;
}

.container_24 .push_23 {
	left: 926px;
}

/* `Pull Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .pull_1 {
	left: -42px;
}

.container_24 .pull_2 {
	left: -84px;
}

.container_24 .pull_3 {
	left: -126px;
}

.container_24 .pull_4 {
	left: -168px;
}

.container_24 .pull_5 {
	left: -210px;
}

.container_24 .pull_6 {
	left: -242px;
}

.container_24 .pull_7 {
	left: -284px;
}

.container_24 .pull_8 {
	left: -326px;
}

.container_24 .pull_9 {
	left: -368px;
}

.container_24 .pull_10 {
	left: -410px;
}

.container_24 .pull_11 {
	left: -442px;
}

.container_24 .pull_12 {
	left: -484px;
}

.container_24 .pull_13 {
	left: -526px;
}

.container_24 .pull_14 {
	left: -568px;
}

.container_24 .pull_15 {
	left: -610px;
}

.container_24 .pull_16 {
	left: -642px;
}

.container_24 .pull_17 {
	left: -684px;
}

.container_24 .pull_18 {
	left: -726px;
}

.container_24 .pull_19 {
	left: -768px;
}

.container_24 .pull_20 {
	left: -810px;
}

.container_24 .pull_21 {
	left: -842px;
}

.container_24 .pull_22 {
	left: -884px;
}

.container_24 .pull_23 {
	left: -926px;
}

/* `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/2009/12/06/new-clearfix-hack */

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

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}

