/* 2.1 =Splitter
---------------------------------------------------------------------- */


.splitter {
}
.splitter:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}
.splitter ul {
	margin-right: 0;
	margin-top: 0;
}
.splitter ul li a {
	margin-right:5px;
}
.splitter li, .splitter ul, .splitter ul li a {
	display: inline;
	display: inline-block;
	line-height: 1;
}
.splitter ul, .splitter ul li, .splitter ul li a {
	background-image: url("i/buttons.png");
	background-repeat: no-repeat;
}
.splitter ul li {
}
.splitter ul li:first-child {
	margin-left: 0;
}
.splitter ul li a {
	padding:8px;
	color: #fff;
	background-color:#101010;
}

.splitter ul li a:hover {
	color: #cbcbcb;
}

.splitter ul li.selected-0 a, .splitter ul li.selected-1 a, .splitter ul li.selected-2 a {
	color: #fff;
	background-color:#d11818;
}
/* 3.2 =Image Grid
---------------------------------------------------------------------- */

.image-grid {
	width:711px;
	margin-top:20px;
}
.image-grid:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.image-grid li {
	width:209px;
	float: left;
	text-align: center;
	font-family: "Helvetica Neue", sans-serif;
	line-height: 17px;
	color: #686f74;
	margin-right:28px;
	list-style:none;
	overflow:hidden;
}
.image-grid li img, .image-grid li strong {
	display: block;
}
.image-grid li strong {
	color: #fff;
}
.demo{
float:left;
overflow:hidden;

}