$(document).ready(function() {
	
	var mainContainer = $( "#mainContainer" );
	mainContainerPosition = mainContainer.offset();
	
	var banner1 = $( "#brandingleft" );
	banner1.width();
	banner1.height();

	var banner2 = $( "#brandingright" );
	banner2.width();
	banner2.height();

	var banner3 = $( "#brandingtop" );
	banner3.width();
	banner3.height();
	
	banner1.css({ top:banner3.height(), left:mainContainerPosition.left - banner1.width()  });
	banner2.css({ top:banner3.height(), left:mainContainerPosition.left + mainContainer.width()  });
	banner3.css({ top:0, left:mainContainerPosition.left-banner1.width()  });
	
	banner1.show();
	banner2.show();
	banner3.show();
	
	mainContainer.css({ marginTop:banner3.height() });
	
});