#spiral {
		height: 448px;
		position: relative;
		width: 548px;
	}
	
	#sprial a:hover {
		cursor: pointer;
	}
	
	#spiral .hide {
		background-color: #fff;
		left: -999em;
		margin: -50px 0 0 170px;
		position: absolute;
		width: 300px;
	}
	
	.intro {
		margin: -50px 0 0 185px;
		position: absolute;
		width: 300px;
	}
	
	.intro {
		font-size: .9em;
	}
	
	.hide p {
		color: #766a62;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .8em;
		height: 75px;
	}
	
	#spiral li #zone1:hover div#family-office {
		left: auto;
		top: 375px;
	}
	
		#spiral li.sfhover div#family-office {
			left: auto;
			top: 375px;
		}
	
	#spiral li #zone2:hover div#capital-markets {
		left: auto;
		top: 375px;
	}
	
		#spiral li.sfhover div#capital-markets {
			left: auto;
			top: 375px;
		}
	
	#spiral li #zone3:hover div#wealth {
		left: auto;
		top: 375px;
	}
		
		#spiral li.sfhover div#wealth{
			left: auto;
			top: 375px;
		}
	
	#spiral li #zone4:hover div#investment {
		left: auto;
		top: 375px;
	}
	
		#spiral li.sfhover div#investment{
			left: auto;
			top: 375px;
		}
	
	#spiral li #zone5:hover div#risk {
		left: auto;
		top: 375px;
	}
	
		#spiral li.sfhover div#risk{
			left: auto;
			top: 375px;
		}
	
	#spiral li #zone6:hover div#cash {
		left: auto;
		top: 375px;
	}
	
		#spiral li.sfhover div#cash{
			left: auto;
			top: 375px;
		}
	
	#spiral li #zone7:hover div#cross {
		left: auto;
		top: 375px;
	}
	
		#spiral li.sfhover div#cross{
			left: auto;
			top: 375px;
		}
	
	#spiral li #zone8:hover div#portfolio {
		left: auto;
		top: 375px;
	}
	
		#spiral li.sfhover div#portfolio{
			left: auto;
			top: 375px;
		}
	
	.hidden {
		display: none;
	}