$(document).ready(function() {
						   
  	// Animate buttons and fade
 
	$(".work_item_overlay").css("opacity", "0");
 
    $("a.work_item").hover(function() {
        $(this).stop().animate({ borderTopColor: "#414141", borderRightColor: "#414141", borderBottomColor: "#414141", borderLeftColor: "#414141" , backgroundColor: "#414141" }, 300);
		$(this).children(".work_item_image").css("border" , "2px solid");
		$(this).children(".work_item_image").stop().animate({ borderTopColor: "#414141", borderRightColor: "#414141", borderBottomColor: "#414141", borderLeftColor: "#414141"}, 300);
		$(this).children(".work_item_name").stop().animate({ backgroundColor: "#414141"}, 300);
		$(this).children("div").children(".work_item_overlay").stop().animate({ opacity: "1"}, 300);
    },function(){
        $(this).stop().animate({ borderTopColor: "#ffffff", borderRightColor: "#ffffff", borderBottomColor: "#ffffff", borderLeftColor: "#ffffff" , backgroundColor: "#ffffff"}, 500);
		$(this).children(".work_item_image").css("border" , "none");
		$(this).children(".work_item_image").stop().animate({ borderTopColor: "#f3f2f1", borderRightColor: "#f3f2f1", borderBottomColor: "#f3f2f1", borderLeftColor: "#f3f2f1"}, 500);
		$(this).children(".work_item_name").stop().animate({ backgroundColor: "#f3f2f1"}, 500);
		$(this).children("div").children(".work_item_overlay").stop().animate({ opacity: "0"}, 500);
    });
	

	
});


	// work_item:hover  background-color:#414141;
	//     				border:1px solid #414141;
	//work_item_name 	background-color:#f3f2f1;