/*-------------------------
	Simple reset
--------------------------*/


*{
	margin:0;
	padding:0;
}


/*-------------------------
	General Styles
--------------------------*/

body{
	color:#ffffff;
	font-family:Calibri;
}

a, a:visited {
	text-decoration:none;
	outline:none;
	color:#54a6de;
}

a:hover{
	text-decoration:underline;
}


/*----------------------------
	Green filter bar
-----------------------------*/


#filter {
	background: white;
	display: block;
	width:1200px;
	height: 40px;
	margin: 0px auto;
	text-align:left;
}

#filter a{
	color: #3E664A;
	display: inline-block;
	height: 40px;
	line-height: 37px;
	padding: 0 15px;
	z-index:100;
}

#filter a:hover, #filter a.active{
	text-decoration:underline;
}

/*----------------------------
	Content area
-----------------------------*/


#container{
	display:block;
	/*overflow:hidden;*/
	width: 100%;
	margin:0 auto;
	position:relative;
}

#container li{

	float: left;
	height:152px;
	list-style: none outside none;
	margin: 5px;
	position: relative;
	width:230px;
	
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}

#container ul{
	/*overflow:hidden;*/
}

#container ul.hidden{
	display:none;
}

/*HOVER TEXT*/
span.text-content {
  background: rgba(0,0,0,0.65);
  color: white;
  cursor: pointer;
  display: table;
  height: 152px;
  left: 0;
  position: absolute;
  top: 0;
  width: 230px;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
} 
li:hover span.text-content {
  opacity: 1;
}
 
span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}