.ir { position: relative; display: block; }
	.ir span { 
		width: 100%; height: 100%; display: block; position: absolute;
		top: 0; left: 0; background-repeat: no-repeat;
	}
	. functionality
	{
	}
	div#start, div#screen1, div#screen2, div#screen3, div#screen4, div#screen5, div#screen6	{
		position: relative;
		font-family: Arial, Verdana, sans-serif;
		display: block;
		width: 423px;
		height: 324px;
		margin: 0 auto 0 auto;
	}
	p#footnote	{
		margin: 0;
		padding: 0;
		position: relative;
		top: 170px;
		left: 10px;
		width: 300px;
		font-size: 11px;
		color: #464d82;
	}
	p#footnote a, div#end p a	{
		text-transform: uppercase;
		text-decoration: none;
		color: #464d82;
		font-weight: bold;
		background: transparent url('arrow.gif') no-repeat right 2px;
		padding: 0 15px 0 0;
	}
	div#nav	{
		position: absolute;
		top: 0;
		left: 0;
	}
	a#next, a#back	{
		margin: 0;
		padding: 0;
		position: relative;
		display: block;
		width: 46px;
		height: 18px;
		font-size: 11px;
	}
	a#next	{
		top: 290px;
		left: 365px;
	}
	a#next span	{
		background: transparent url('next.gif') no-repeat;
	}
	a#back	{
		top: 272px;
		left: 315px;
	}
	a#back span	{
		background: transparent url('back.gif') no-repeat;
	}
	ul#numbers	{
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: relative;
	}
	ul#numbers li	{
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 24px;
		height: 24px;
                text-indent: -9999px;
	}
	ul#numbers li#one, ul#numbers li#one_active	{
		top: 81px;
		left: 20px;
	}
	ul#numbers li#one a span	{
		background: transparent url('b1_off.gif') no-repeat;
	}
	ul#numbers li#one a:hover span, ul#numbers li#one_active a span	{
		background: transparent url('b1_on.gif') no-repeat;
		height: 24px;
	}
	
	ul#numbers li#two, ul#numbers li#two_active	{
		top: 35px;
		left: 37px;
	}
	ul#numbers li#two a span	{
		background: transparent url('b2_off.gif') no-repeat;
	}
	ul#numbers li#two a:hover span, ul#numbers li#two_active a span	{
		background: transparent url('b2_on.gif') no-repeat;
		height: 24px;
	}
	ul#numbers li#three, ul#numbers li#three_active	{
		top: 4px;
		left: 65px;
	}
	ul#numbers li#three a span	{
		background: transparent url('b3_off.gif') no-repeat;
	}
	ul#numbers li#three a:hover span, ul#numbers li#three_active a span	{
		background: transparent url('b3_on.gif') no-repeat;
		height: 24px;
	}
	ul#numbers li#four, ul#numbers li#four_active	{
		top: -45px;
		left: 76px;
	}
	ul#numbers li#four a span	{
		background: transparent url('b4_off.gif') no-repeat;
	}
	ul#numbers li#four a:hover span, ul#numbers li#four_active a span	{
		background: transparent url('b4_on.gif') no-repeat;
		height: 24px;
	}
	ul#numbers li#five, ul#numbers li#five_active	{
		top: -75px;
		left: 110px;
	}
	ul#numbers li#five a span	{
		background: transparent url('b5_off.gif') no-repeat;
	}
	ul#numbers li#five a:hover span, ul#numbers li#five_active a span	{
		background: transparent url('b5_on.gif') no-repeat;
		height: 24px;
	}
	div#info	{
		position: absolute;
		display: block;
		z-index: 100;
		top: 35px;
		left: 170px;
		width: 145px;
		color: #000;
	}
	div#info h2	{
		margin: 0;
		padding: 0;
		font-size: 14px;
		text-transform: uppercase;
		color: #000000;
	}
	div#info p	{
		font-size: 11px;
		margin: 0;
		padding: 0;
	}
	div#info ul	{
		font-size: 11px;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	div#info ul li	{
		margin: 0;
		padding: 0 0 0 15px;
		line-height: 110%;
                background: transparent url('dot.gif') no-repeat 0 4px;
	}
	div#end	{
		color: #464d82;
		position: relative;
		top: 50px;
		left: 150px;
		width: 230px;
	}
	div#end h2	{
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		font-size: 14px;
	}
	div#end p	{
		font-size: 14px;	
	}
	/* screen backgrounds */
	div#start	{
		background: transparent url('back_blank.gif') no-repeat;	
	}
	div#screen1	{
		background: transparent url('back_1.gif') no-repeat;	
	}
	div#screen2	{
		background: transparent url('back_2.gif') no-repeat;	
	}
	div#screen3	{
		background: transparent url('back_3.gif') no-repeat;	
	}
	div#screen4	{
		background: transparent url('back_4.gif') no-repeat;	
	}
	div#screen5	{
		background: transparent url('back_5.gif') no-repeat;	
	}
	div#screen6 {
		background: transparent url('back_6.gif') no-repeat;	
	}

.break
{
	display: block;
	clear: both;
	line-height: 0;
	font-size: 0;
	color: transparent;
}