/*

	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_16 {

	margin-left: auto;

	margin-right: 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,

.grid_13,

.grid_14,

.grid_15,

.grid_16,

.grid_x {

	display:inline;

	float: left;

	position: relative;

	margin-left: 10px;

	margin-right: 10px;

}



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

----------------------------------------------------------------------------------------------------*/



.alpha {

	margin-left: 0;

}



.omega {

	margin-right: 0;

}



/* Grid >> 16 Columns

----------------------------------------------------------------------------------------------------*/



.container_16 .grid_1 {

	width:40px;

}



.container_16 .grid_2 {

	width:100px;

}



.container_16 .grid_3 {

	width:160px;

}



.container_16 .grid_4 {

	width:300px;

	height:400px;

	margin-top:30;

}



.container_16 .grid_5 {

	width:280px;

	

}

.container_16 .grid_x {

	width:280px;

	

}

.container_16 .grid_6 {

	width:340px;

}



.container_16 .grid_7 {

	width:400px;

}



.container_16 .grid_8 {

	width:460px;

}



.container_16 .grid_9 {

	width:520px;

}



.container_16 .grid_10 {

	width:580px;

}



.container_16 .grid_11 {

	width:640px;

}



.container_16 .grid_12 {

	width:700px;

}



.container_16 .grid_13 {

	width:760px;

}



.container_16 .grid_14 {

	width:820px;

}



.container_16 .grid_15 {

	width:880px;

}



.container_16 .grid_16 {

	width:940px;

}







/* Prefix Extra Space >> 16 Columns

----------------------------------------------------------------------------------------------------*/



.container_16 .prefix_1 {

	padding-left:60px;

}



.container_16 .prefix_2 {

	padding-left:120px;

}



.container_16 .prefix_3 {

	padding-left:180px;

}



.container_16 .prefix_4 {

	padding-left:240px;

}



.container_16 .prefix_5 {

	padding-left:300px;

}



.container_16 .prefix_6 {

	padding-left:360px;

}



.container_16 .prefix_7 {

	padding-left:420px;

}



.container_16 .prefix_8 {

	padding-left:480px;

}



.container_16 .prefix_9 {

	padding-left:540px;

}



.container_16 .prefix_10 {

	padding-left:600px;

}



.container_16 .prefix_11 {

	padding-left:660px;

}



.container_16 .prefix_12 {

	padding-left:720px;

}



.container_16 .prefix_13 {

	padding-left:780px;

}



.container_16 .prefix_14 {

	padding-left:840px;

}



.container_16 .prefix_15 {

	padding-left:900px;

}







/* Suffix Extra Space >> 16 Columns

----------------------------------------------------------------------------------------------------*/



.container_16 .suffix_1 {

	padding-right:60px;

}



.container_16 .suffix_2 {

	padding-right:120px;

}



.container_16 .suffix_3 {

	padding-right:180px;

}



.container_16 .suffix_4 {

	padding-right:240px;

}



.container_16 .suffix_5 {

	padding-right:300px;

}



.container_16 .suffix_6 {

	padding-right:360px;

}



.container_16 .suffix_7 {

	padding-right:420px;

}



.container_16 .suffix_8 {

	padding-right:480px;

}



.container_16 .suffix_9 {

	padding-right:540px;

}



.container_16 .suffix_10 {

	padding-right:600px;

}



.container_16 .suffix_11 {

	padding-right:660px;

}



.container_16 .suffix_12 {

	padding-right:720px;

}



.container_16 .suffix_13 {

	padding-right:780px;

}



.container_16 .suffix_14 {

	padding-right:840px;

}



.container_16 .suffix_15 {

	padding-right:900px;

}







/* Push Space >> 16 Columns

----------------------------------------------------------------------------------------------------*/



.container_16 .push_1 {

	left:60px;

}



.container_16 .push_2 {

	left:120px;

}



.container_16 .push_3 {

	left:180px;

}



.container_16 .push_4 {

	left:240px;

}



.container_16 .push_5 {

	left:300px;

}



.container_16 .push_6 {

	left:360px;

}



.container_16 .push_7 {

	left:420px;

}



.container_16 .push_8 {

	left:480px;

}



.container_16 .push_9 {

	left:540px;

}



.container_16 .push_10 {

	left:600px;

}



.container_16 .push_11 {

	left:660px;

}



.container_16 .push_12 {

	left:720px;

}



.container_16 .push_13 {

	left:780px;

}



.container_16 .push_14 {

	left:840px;

}



.container_16 .push_15 {

	left:900px;

}







/* Pull Space >> 16 Columns

----------------------------------------------------------------------------------------------------*/



.container_16 .pull_1 {

	left:-60px;

}



.container_16 .pull_2 {

	left:-120px;

}



.container_16 .pull_3 {

	left:-180px;

}



.container_16 .pull_4 {

	left:-240px;

}



.container_16 .pull_5 {

	left:-300px;

}



.container_16 .pull_6 {

	left:-360px;

}



.container_16 .pull_7 {

	left:-420px;

}



.container_16 .pull_8 {

	left:-480px;

}



.container_16 .pull_9 {

	left:-540px;

}



.container_16 .pull_10 {

	left:-600px;

}



.container_16 .pull_11 {

	left:-660px;

}



.container_16 .pull_12 {

	left:-720px;

}



.container_16 .pull_13 {

	left:-780px;

}



.container_16 .pull_14 {

	left:-840px;

}



.container_16 .pull_15 {

	left:-900px;

}









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

}

.grid_5

{

	float:right;

	margin-top:0;

	

}

#chemicalgrid1

{

	margin-top:0;



	

}

#chemicalgrid2

{

	float:left;

}