function resize() {
	var docHeight = $(document).height();
	var docWidth = $(document).width();

	var bgImg = $('#bg');
	var navBg = $('#nav .bg');
	var ckrImg = $('#ckr');

	//document height can't be lower than 800px
	//because otherwise the CKR logo overlaps the menu
	if(docHeight < 750) {
		docHeight = 750;
	}

	//Position background image, nav background, CKR logo and by the document height and width
	bgImg.height(docHeight);
	bgImg.css( {left : (docWidth - bgImg.width()) / 2} );

	var navBgTop = navBg.position().top;
	navBg.height(docHeight - navBgTop);

	ckrImg.css({top:docHeight - 290});
}