div#container
{
	width:970px;
	margin: 5px auto;
}

div#experiments
{
	width: 946px;
	height: 692px;
	
	clear:both;
	margin: 0 auto;
	
	background-image: url("/images/funstuff/experiments/landing/bg_experiments.png");
	background-repeat: no-repeat;
}

span.alt
{
	display:none;
}

span#introduction
{
	float:left;
	display:block;
	
	width: 799px;
	height: 52px;

	margin-left: 73px;
	margin-top: 16px;
	
	background-image: url("/images/funstuff/experiments/landing/tx_intro.png");
	background-repeat: no-repeat;
}

span#warning
{
	float:left;
	display:block;
	
	width: 296px;
	height: 38px;

	margin-left: 632px;
	margin-top: 33px;

	background-image: url("/images/funstuff/experiments/landing/tx_warning.png");
	background-repeat: no-repeat;
}

div#experiments div#listing
{
	float:left;
	
	width: 945px;
	
	margin-top: 16px;
}

div#experiments div#listing a.cell
{
	display:block;
	float:left;
	
	width: 300px;

	margin-left: 8px;
	margin-bottom: 16px; 
}

div#experiments div#listing a.cell img.icon
{
	display:block;
	float:left;
	
	margin-right: 8px;
}

div#experiments div#listing a.cell span.title
{
	display:block;
	float:left;
	
	margin-top: 8px;
	margin-bottom: 16px;
}

div#experiments div#listing a#milk span.description
{
	display:block;
	float:left;
	
	width: 172px;
	height: 32px;

	background-image: url("/images/funstuff/experiments/landing/descriptions/MilkPatternsDescript.png");
	background-repeat: no-repeat;
}

div#experiments div#listing a#milk span.title
{
	width: 153px;
	height: 28px;

	background-image: url("/images/funstuff/experiments/landing/titles/MilkPatternsTitle.png");
	background-repeat: no-repeat;
}

div#experiments div#listing a#milk:hover span.title
{
	background-position:0 -28px;
}

div#experiments div#listing a#ooze span.description
{
	display:block;
	float:left;
	
	width: 173px;
	height: 31px;

	background-image: url("/images/funstuff/experiments/landing/descriptions/OutrageousOozeDescript.png");
	background-repeat: no-repeat;
}

div#experiments div#listing a#ooze span.title
{
	width: 184px;
	height: 30px;

	background-image: url("/images/funstuff/experiments/landing/titles/OutrageousOozeTitle.png");
	background-repeat: no-repeat;
}

div#experiments div#listing a#ooze:hover span.title
{
	background-position:0 -30px;
}

div#experiments div#listing a#fruit span.description
{
	display:block;
	float:left;
	
	width: 182px;
	height: 31px;

	background-image: url("/images/funstuff/experiments/landing/descriptions/FloatingFruitDescript.png");
	background-repeat: no-repeat;
}

div#experiments div#listing a#fruit span.title
{
	width: 153px;
	height: 33px;

	background-image: url("/images/funstuff/experiments/landing/titles/FloatingFruitTitle.png");
	background-repeat: no-repeat;
}

div#experiments div#listing a#fruit:hover span.title
{
	background-position:0 -33px;
}

div#experiments div#listing a#bubbleb span.description
{
	display:block;
	float:left;
	
	width: 172px;
	height: 31px;

	background-image: url("/images/funstuff/experiments/landing/descriptions/BubbleBombDescript.png");
	background-repeat: no-repeat;
}

div#experiments div#listing a#bubbleb span.title
{
	width: 151px;
	height: 26px;

	background-image: url("/images/funstuff/experiments/landing/titles/BubbleBombTitle.png");
	background-repeat: no-repeat;
}

div#experiments div#listing a#bubbleb:hover span.title
{
	background-position:0 -26px;
}

div#experiments div#listing a#chromatography span.description
{
	display:block;
	float:left;
	
	width: 171px;
	height: 32px;

	background-image: url("/images/funstuff/experiments/landing/descriptions/PaperChromDescript.png");
	background-repeat: no-repeat;
}

div#experiments div#listing a#chromatography span.title
{
	width: 174px;
	height: 53px;
	
	margin-top: 0px;
	margin-bottom: 8px;

	background-image: url("/images/funstuff/experiments/landing/titles/PaperChromTitle.png");
	background-repeat: no-repeat;
}

div#experiments div#listing a#chromatography:hover span.title
{
	background-position:0 -53px;
}