#topics-container {
	padding:15px;
	margin-bottom: 15px;
	overflow:hidden;
	background-color:#FFF;
}
#topics-container .topic {
	position:relative;
	float:left;
	width:150px;
	height:200px;
	margin:0 35px 15px 0;
}
#topics-container #topic1{
	padding-left:15px;
}
#topics-container #topic5{
	margin-right:0;
}
#topics-container h3 {
	color:#3B3B3B;
}
#topics-container p {
	margin-bottom:5px;
}
#topics-container .topic h4 {
	color:#4b4b4b;
	font-size:18px;
	text-align:center;
	height:50px;
	width:150px;
	margin:0;
	display: table-cell;
	vertical-align: middle;
	font-weight: normal;
}
#topics-container .topic .description {
	position:absolute;
	width:300px;
	height:120px;
	padding:5px 0;
	margin-top:-150px;
	z-index:10;
	display:none;
}
#topics-container .topic .description p{
	color: #FFF;
}
#topics-container .topic .description-on-right {
	left:0;
	margin-left:170px;
}
.topic .description-on-left {
	right:0;
	margin-right:160px;
}
#topics-container .description a {
	color:#ffffff;
}
#topics-container .description a.witharrow {
	background: url("img/arrow_small.png") right center no-repeat transparent;
	padding-right:10px;
	min-height: 10px;
}

#topics-container .mask {
	position:absolute;
	display:none;
	-webkit-border-radius:75px;
	-moz-border-radius:75px;
	border-radius:75px;
}
#topics-container .mask-to-left, #topics-container .mask-to-right {
	position:absolute;
	width:150px;
	height:150px;
	background-color:#5B7F95;
	margin:50px 0 0 0;
	padding:0;
}