// JavaScript Document
$(function(){








// THESE ARE THE COMMANDS THAT CONTROL THE VISIBILITY OF THE ELEMENTS WHEN THE BUTTONS ARE CLICKED 


$(".all_btn").click(function () {
	$(".branding_t").show("slow");
	$(".webdesign_t").show("slow");
	$(".print_t").show("slow");
	$(".illustration_t").show("slow");

});




$(".webdesign_btn").click(function () {
	$(".branding_t").each(function (index, domEle) {
		$(domEle).hide("slow");
	});
	$(".webdesign_t").show("slow");
	$(".print_t").hide("slow");
	$(".illustration_t").hide("slow");

});




$(".branding_btn").click(function () {
	$(".branding_t").show("slow");
	$(".webdesign_t").each(function () {
		$(this).hide("slow");
	});
	$(".print_t").hide("slow");
	$(".illustration_t").hide("slow");
});




$(".illustration_btn").click(function () {
	$(".branding_t").hide("slow");
	$(".illustration_t").show("slow");
	$(".webdesign_t").each(function () {
		$(this).hide("slow");
	});
	$(".print_t").hide("slow");
});	




$(".print_btn").click(function () {
	$(".branding_t").hide("slow");
	$(".webdesign_t").hide("slow");
	$(".print_t").show("slow");
	$(".illustration_t").hide("slow");
});



});