body {font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}

.container{
	width:520px;
	margin:0 auto;
    overflow:hidden
}

.item {
	width:120px;
	height:120px;
	border:1px solid #222;
	margin:5px 5px 5px 0;
	background:url('bg.png') no-repeat;
	overflow:hidden;
	position:relative;
	float:left;
    cursor:pointer;
}

.item img {border:0;}
.image-holder {position:absolute;}
.image-div {  
    position:relative; 
    overflow:hidden; 
    width:50%; 
    float:left; 
} 
.right img {margin-left:-100%;}
.right{float:right}

.item .caption {
	z-index:0;
	color:#fff;
	display:block;
}

.item .caption h4 {
	font-size:14px;
	padding:10px 5px 0 8px;
	margin:0;
	color:#003300; 
}

.item .caption p {
	font-size:12px;
	padding:3px 5px 0 8px;
	margin:0;
} 
.notifications {
    border: 1px solid #f9f9f9;
    border-radius: 50%;
    height: 15px;
    font-size: 10px;
    font-weight: bold;
    left: 90%;
    margin: -12px 0 0 -10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 15px;
}
.red {
    background: #d9383c;
}
.red-shadow {
    -webkit-box-shadow: 4px 4px 6px rgba(217, 56, 60, 0.75);
    -moz-box-shadow: 4px 4px 6px rgba(217, 56, 60, 0.75);
    box-shadow: 4px 4px 6px rgba(217, 56, 60, 0.75);
}
.green {
    background: #4cbe83;
}
.green-shadow {
    -webkit-box-shadow: 4px 4px 6px rgba(76, 190, 131, 0.75);
    -moz-box-shadow: 4px 4px 6px rgba(76, 190, 131, 0.75);
    box-shadow: 4px 4px 6px rgba(76, 190, 131, 0.75);
}
.blue {
    background: #6cc8d4;
}
.blue-shadow {
    -webkit-box-shadow: 4px 4px 6px rgba(108, 200, 212, 0.75);
    -moz-box-shadow: 4px 4px 6px rgba(108, 200, 212, 0.75);
    box-shadow: 4px 4px 6px rgba(108, 200, 212, 0.75);
}
.yellow {
    background: #feb742;
}
.yellow-shadow {
    -webkit-box-shadow: 4px 4px 6px rgba(254, 183, 66, 0.75);
    -moz-box-shadow: 4px 4px 6px rgba(254, 183, 66, 0.75);
    box-shadow: 4px 4px 6px rgba(254, 183, 66, 0.75);
}
.purple {
    background: #9d5da0;
}
.purple-shadow {
    -webkit-box-shadow: 4px 4px 6px rgba(157, 93, 160, 0.75);
    -moz-box-shadow: 4px 4px 6px rgba(157, 93, 160, 0.75);
    box-shadow: 4px 4px 6px rgba(157, 93, 160, 0.75);
}