* 		{margin: 0; 
		padding: 0; }

body		{background: #fff url(../img/test_bg.png) repeat-y 50%; 
		font-size: small; }

h1		{width: 46%; 
		font-family: Helvetica, Arial, sans-serif; 
		text-align: right; 
		font-size: 150%; 
		font-weight: normal; 
		color: #000; 
		padding: 0; 
		margin: 1em 0; 
		border-bottom: 2px solid #000; }

/* layers */

#wrap		{position: absolute; 
		top: 10%; 
		left: 15%; 
		right: 15%; 
		width: 70%; 
		z-index: 80; 
		background: #fff url(../img/test_wrap_bg.png) repeat-y 50%; }

/* layer specifics */

/* wrap layer specifics */

#wrap dl		{float: right; 
		width: 46%; }

#wrap dl dt a	{font-family: Georgia, "Times New Roman", serif; 
		font-weight: bold; 
		text-align: left; 
		display: block; 
		width: 100%; 
		font-size: 100%; 
		text-decoration: none; 
		color: #fff; 
		border-top: 2px solid #fff; 
		border-bottom: 2px solid #fff; 
		background: #000 url('../img/ind_bg_a_out.png') repeat 100%; 
		padding: 0.5em 0; }

#wrap dl dt a:hover:after
		{color: #a00;
		font-weight: 900; 
		background-color: #fff; 
		content: '  {  click  }  '; }

#wrap dl dt a:hover	{color: #000;
		background-color: #fff; 
		border-top: 2px dashed #000; 
		border-bottom: 2px dashed #000; }

#wrap dl dd	{font-family: Helvetica, Arial, sans-serif; 
		font-weight: normal; 
		text-align: left;  
		width: 90%; 
		font-size: 90%; 
		color: #fff; 
		padding: 0.2em 0.2em 2em 1em; }

#wrap a.mail	{color: #cfc; 
		text-decoration: none; }

#wrap a.mail:hover	{color: #cfc; 
		text-decoration: underline; }