/* 2.1 =Splitter
---------------------------------------------------------------------- */
#filter{
	border-top:1px solid #E3E8EC;
	border-bottom:1px solid #E3E8EC;
	
}

.splitter {
	clear:both;
	margin-bottom:30px;
}
.splitter:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	
}

.splitter ul li a {
	background-color:#E3E8EC;
	padding:15px;
	
}
.splitter li, .splitter ul, .splitter ul li a {
	display: inline;
	display: inline-block;
	line-height: 1;float:left;
	margin-right:1px;
}
	.splitter ul {
	margin-top:1px;
	margin-bottom:1px;
	}

.splitter ul li a {
	color: #000;
	font-family: 'Open Sans', sans-serif;
}

.splitter ul li.selected-0 a, .splitter ul li.selected-1 a, .splitter ul li.selected-2 a, .splitter ul li.selected-3 a, .splitter ul li.selected-4 a, .splitter ul li.selected-5 a, .splitter ul li.selected-6 a, .splitter ul li.selected-7 a, .splitter ul li.selected-8 a, .splitter ul li.selected-9 a {
	color: #000;
	background: -moz-linear-gradient(#43cad2, #31b8c0); /* FF 3.6+ */  
	background: -ms-linear-gradient(#43cad2, #31b8c0); /* IE10 */  
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43cad2), color-stop(100%, #31b8c0)); /* Safari 4+, Chrome 2+ */  
	background: -webkit-linear-gradient(#43cad2, #31b8c0); /* Safari 5.1+, Chrome 10+ */  
	background: -o-linear-gradient(#43cad2, #31b8c0); /* Opera 11.10 */  
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#43cad2', endColorstr='#31b8c0'); /* IE6 & IE7 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#43cad2', endColorstr='#31b8c0')"; /* IE8+ */  
	background: linear-gradient(#43cad2, #31b8c0); /* the standard */ 
	padding:15px;
	
}
/* 3.2 =Image Grid 4 col
---------------------------------------------------------------------- */
.clearfix:after {
	background-color: #333333;
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.demo{
	width:1028px;
	margin-top:15px;
}

.demo {
	float:left;
	overflow:hidden;
}
.demo li{
	float: left;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	line-height: 17px;
	color: #686f74;
	margin-right:30px;
	margin-bottom:30px;
	list-style:none;
	overflow:hidden;
	background-image: url(../images/ajax-loader.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.image-grid:after,
.image-grid_3col:after,
.image-grid_2col:after,
.image-grid_1col:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}


/* 3.2 =Image Grid 4 col
---------------------------------------------------------------------- */
.image-grid li {
	width:227px;
}

.image-grid_3col li {
	width:312px;
}

.image-grid_2col li {
	width:484px;
}

.image-grid_1col li {
	width:654px;
}
