#container {
width: 353px;
text-align: center; 
margin: 0px auto; 
}

.stylewrap {
background: #c18080;
width: 160px;
height: 100px;
margin: 0px;
text-align: center; 
text-transform: uppercase; 
}

.stylewrap a, h2 {
color: #efe9e0;
}

.stylewrap  img {
margin: 0;
width: 160px; 
border-bottom: 2px solid #ffffff; 
}

h2 {
margin: 0px 0px 0px; 
line-height: 100%; 
}

#filters {
text-transform: uppercase; 
}

#filters li {
display: inline; 
margin: 2px; 
padding: 2px 5px; 
}

#dash {
text-transform: uppercase; 
margin: 25px; 
}

#dash li {
display: inline; 
margin: 2px; 
padding: 2px 5px; 
}

.grey {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
-webkit-filter: grayscale(100%); 
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}

.stylewrap:hover .grey {
filter: none;
-webkit-filter: grayscale(0%);  
}