/* MY ButtonStyle CSS */
.arrowbutton {
    width: 100px;
    height: 100px;
    background: red;
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
}

.arrowbutton:hover {
    width: 300px;
}

.parallelogram {
	cursor:pointer;
	float:left;
	position:relative;
	width: 23%; 
	background-color:#7EBCAF;
	font-weight:600;
	margin-left:0.5%;
	padding:6px;
	color:#666;
	text-align:center;
   /* Skew */
   -webkit-transform: skew(-11deg); 
   -moz-transform: skew(-11deg); 
   -o-transform: skew(-11deg);
   transform: skew(-11deg);
   
	-webkit-transition: all 0.22s;
	-o-transition: all 0.22s;
	transition: all 0.22s;
}

.parallelogram:hover {
	width:24%;
	color:#333;
}
.alink {
	color:#000;
}