#tiles {
	list-style-type: none;
	position: relative; /** Needed to ensure items are laid out relative to this container **/
	margin: 0;
	padding: 0;
	
}
#tiles li:hover img{
	opacity:0.8;
}
/**
 * Grid items
 */
#tiles li {
	width: 280px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49a5bf+0,75bdd1+52,93cede+100 */
background: #49a5bf; /* Old browsers */
background: -moz-linear-gradient(top,  #49a5bf 0%, #75bdd1 52%, #93cede 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #49a5bf 0%,#75bdd1 52%,#93cede 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #49a5bf 0%,#75bdd1 52%,#93cede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a5bf', endColorstr='#93cede',GradientType=0 ); /* IE6-9 */
	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
	border-radius: 0.2em;
	clear: none;
	float: left;
}
#tiles li img{
	border-top-left-radius:0.2em;
	border-top-right-radius:0.2em;
}
#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#tiles li img {
 	display: block;
}
@media (min-width: 50px) and (max-width: 1199px) {


	}