
.box1 {
    padding: 10px;
    display: inline-block;
}

.littlebox {
    width: 100px;
    height: 100px;
    padding: 10px 10px 50px 10px;
    border: 1px solid #c1c1c1;
    background-color: #f4f4f4;
    filter: grayscale(100%);
    -webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.littlebox > a {
    text-decoration: none;
}

.littlebox:hover {
    text-decoration: none;
    filter: none;
    -webkit-filter: none; /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -moz-filter: none;
    -o-filter: none;
}

.littlebox > a:hover {
    color: #ffa500; /* Orange color */
    text-shadow: 3px 3px 3px #c1c1c1;
}