/* template background */

	div#content div#content-main div#copy { background-image: url(/release/images/pages/2-home.jpg); }
	
/* layout */

	div#content div#content-main div#copy div#keyhole { float: left;  }
	div#content div#content-main div#copy div#introduction { position: relative; z-index: 160; float: left; width: 320px; padding: 60px 70px 0 0; }
	div#content div#content-main div#copy div#introduction h1 { color: #2f2030; margin-bottom: 0em; position: relative; left: -60px; }
	div#content div#content-main div#copy div#introduction img.text { margin-bottom: 10px; position: relative; left: -20px; }
	h1.irf { display: block; height: 47px; }
	
/* portal */

	div#content div#content-main div#copy div#portal { color: #2f2030; width: 630px; margin: 0 auto 0 auto; padding: 10px 0 20px 0; clear: both; overflow: hidden; }
	div#content div#content-main div#portal div.panel { width: 145px; float: left; padding-right: 10px; text-align: center; }
	div#content div#content-main div#portal div.panel h3 { font-size: 0.75em; margin-bottom: 0.3em; padding-top: 10px; }
	div#content div#content-main div#portal div.panel a { color: #2f2030; }
	
/* keyhole */

	/* crazy page loading optimisation */
	#interactive { width: 330px; height: 470px; float: left; overflow: hidden; }
	#keyhole { width: 330px; height: 470px; position: relative; overflow: hidden; background: #000000; left: -700px; top: 1px; }
	#keyhole img { position: absolute; top: 64px; left: -262px; z-index: 100; }
	#keyhole span.mask { 
	display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	background: no-repeat url(/release/images/assets/keyhole-mask.gif); z-index: 110; }
	#keyhole span.keyhole { height: 145px; width: 88px; position: absolute; display: block;
		background: no-repeat top left url(/release/images/assets/keyhole.png); z-index: 120;	
		top: 178px; left: 128px; }