Changes

.category {float: left; height:215px; margin-right: 15px; margin-bottom:30px; padding: 0px 15px; border-radius: 6px;border: 1px solid #ececec; cursor:pointer; transition: box-shadow 0.3s ease-in-out;}

.category:hover {box-shadow: 0 1px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); transition: box-shadow 0.3s ease-in-out;}

.applicationlogic {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(http://wiki.smartsimple.com/images/5/52/Applicationlogic.png); width: 70px; height: 70px;}

.communications {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(http://wiki.smartsimple.com/images/4/44/Communications.png); width: 70px; height: 70px; }

.security {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(http://wiki.smartsimple.com/images/2/2a/Lock_new.png); width: 70px; height: 70px;}

.ui {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(http://wiki.smartsimple.com/images/1/18/Ui.png); width: 70px; height: 70px; }

.uta { display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(http://wiki.smartsimple.com/images/b/b1/Uta.png); width: 70px; height: 70px;}

.category p {font-size:20px; width: 100%; text-align: center; font-weight: normal;color: #127975; margin: 13px 0 5px 0; }

.category span {font-size: 14px; width: 225px; margin: 0 auto; display: block; text-align: center; line-height: 140%; }