$(function() {
				

				$('.home').click(
					function (e) {
						$('#content').animate({scrollLeft: '0px'}, {duration: 3000, easing: 'easeInOutQuint'});
						$('#bg').animate({scrollLeft: '0px'}, {duration: 3000, easing: 'easeInOutQuint'});
					}
				);
				
				$('.about').click(
					function (e) {
						$('#content').animate({scrollLeft: '6000px'}, {duration: 3000, easing: 'easeInOutQuint'});
						$('#bg').animate({scrollLeft: '4000px'}, {duration: 3000, easing: 'easeInOutQuint'});

					}
				);
				
				$('.branding').click(
					function (e) {
						$('#content').animate({scrollLeft: '12000px'}, {duration: 3000, easing: 'easeInOutQuint'});
						$('#bg').animate({scrollLeft: '8000px'}, {duration: 3000, easing: 'easeInOutQuint'});
					}
				);		

				$('.art').click(
					function (e) {						
						$('#content').animate({scrollLeft: '18000px'}, {duration: 3000, easing: 'easeInOutQuint'});
						$('#bg').animate({scrollLeft: '10000px'}, {duration: 3000, easing: 'easeInOutQuint'});
					}
				);	
				
				$('.web').click(
					function (e) {
						$('#content').animate({scrollLeft: '24000px'}, {duration: 3000, easing: 'easeInOutQuint'});
						$('#bg').animate({scrollLeft: '12150px'}, {duration: 3000, easing: 'easeInOutQuint'});
					}
				);		

				$('.contact').click(
					function (e) {						
						$('#content').animate({scrollLeft: '30000px'}, {duration: 3000, easing: 'easeInOutQuint'});
						$('#bg').animate({scrollLeft: '16000px'}, {duration: 3000, easing: 'easeInOutQuint'});
					}
				);

            });// JavaScript Document