//The magic is all in the CSS

//model one
	//model fade in
	$('.pop').click(function() {
      $('#blackout:hidden:first, #modelone:hidden:first').fadeIn('700');
    });

	//model fade out
	$(".close").click(function () {
	$("#blackout, #modelone").fadeOut("700");
	});
	
	
//model two
	//model fade in
	$('.pop-north').click(function() {
      $('#blackout:hidden:first, #modeltwo:hidden:first').fadeIn('700');
    });

	//model fade out
	$(".close").click(function () {
	$("#blackout, #modeltwo").fadeOut("700");
	});

//model three
	//model fade in
	$('.exp-three').click(function() {
      $('#blackout:hidden:first, #modelthree:hidden:first').fadeIn('700');
    });

	//model fade out
	$(".close").click(function () {
	$("#blackout, #modelthree").fadeOut("700");
	});

//model search
	//model fade in
	$('.exp-search').click(function() {
      $('#blackout:hidden:first, #modelsearch:hidden:first').fadeIn('700');
    });

	//model fade out
	$(".close").click(function () {
	$("#blackout, #modelsearch").fadeOut("700");
	});