.slide-up-boxes a { 
display: block; 
overflow: hidden;
width:223px;
float:left;
text-decoration:none;
padding:56px 8px 0;
}

.slide-up-boxes img { 
color: #333; 
text-align: center; 
font: italic 18px/65px Georgia, Serif;    /* Vertically center text by making line height equal to height */
 opacity: 1;
 -webkit-transition: all 0.2s linear; 
 -moz-transition: all 0.2s linear; 
 -o-transition: all 0.2s linear;
 margin:0 36px;
}

.slide-up-boxes a:hover img { 
margin-top: -65px; 
opacity: 0; 
}

.slide-up-boxes div { 
position: relative; 
color: white;  
opacity: 0; 
-webkit-transform: rotate(6deg); 
-webkit-transition: all 0.4s linear; 
-moz-transform: rotate(6deg); 
-moz-transition: all 0.4s linear; 
-o-transform: rotate(6deg); 
-o-transition: all 0.4s linear;
width:220px;
margin-top:-110px;
}

.slide-up-boxes div p { margin-top:10px; font-size:12px; line-height:23px; }

.slide-up-boxes a:hover div { 
opacity: 1; 
-webkit-transform: rotate(0); 
-moz-transform: rotate(0); 
-o-transform: rotate(0);
margin-top:-75px;
}
.slide-up-boxes a:hover div img { 
opacity:1; margin:0px; }

.slide-up-boxes a:nth-child(1) div { background: url(../images/whoarewe-bg.png) 100% 100% no-repeat;  }
.slide-up-boxes a:nth-child(2) div { background: url(../images/whatwedo-bg.png) 100% 100% no-repeat;  }
.slide-up-boxes a:nth-child(3) div { background: url(../images/whyselectus-bg.png) 100% 100% no-repeat;  }