body {
	margin: 0;
	padding: 0;
}

#situations {
	width: 635px;
	margin: 0 auto;
	padding: 0;
}

.situation-container {
	width: 188px;
	float: left;
	margin: 10px;
	text-align: center;
}

a.thumbnail {
	display: block;
	margin: 0;
}

div.title {
	font-size: 14px;
}

#situations .thumbnail {
	width: 188px;
	height: 98px;
	background: url(../images/situations/thumbnail-sprite.png) top left no-repeat;
}

#level .thumbnail {
	background-position: 0 0;
}

#level-slope-a .thumbnail {
	background-position: 0 -99px;
}

#level-slope-b .thumbnail {
	background-position: 0 -200px;
}



#valley .thumbnail {
	background-position: -191px 0;
}

#valley-slope-a .thumbnail {
	background-position: -191px -99px;
}

#valley-slope-b .thumbnail {
	background-position: -191px -200px;
}


#hilltop .thumbnail {
	background-position: -381px 0;
}

#hilltop-slope-a .thumbnail {
	background-position: -381px -99px;
}

#hilltop-slope-b .thumbnail {
	background-position: -381px -200px;
}