/** =introduction */

	div#introduction { 
		width: 43.75em; float: right; margin: 78px 0 1.25em 0; position: relative;
		height: auto !important; height: 20.9em; min-height: 20.9em; }
	
	div#introduction h1 { position: absolute; top: 0.6em; left: 0.6em; }
	div#introduction h2 { color: #e6e6e6; margin-top: 1em; }
	div#introduction p { font-weight: bold; }
	
	div#introduction div.pov { 
		background-position: top left; background-repeat: no-repeat; width: 43.75em; 
		height: auto !important; height: 21.9em; min-height: 21.9em;
	}
	
	div#introduction div.dress { background-image: url("/release/images/topics/dress-topic.jpg"); }
	div#introduction div.intimacy { background-image: url("/release/images/topics/intimacy-topic.jpg"); }
	div#introduction div.drinking { background-image: url("/release/images/topics/drinking-topic.jpg"); }
	div#introduction div.relationships { background-image: url("/release/images/topics/relationships-topic.jpg"); }

/** sliding overlay */

	div.fade-elements { 
		padding: 3em 1em 1em 1em; z-index: 100; width: 41.75em; 
		height: auto !important; height: 17.9em; min-height: 17.9em;
		z-index: 110; position: relative; }
		
	div.overlay-image { 
		position: absolute; top: 0; left: 0; z-index: 90; height: auto !important; 
		height: 21.9em; min-height: 21.9em; width: 43.75em; overflow: hidden; }
	div.overlay-image img { position: absolute; top: 0; left: 0; }

/** =tooltips */

	div#introduction div.pov p.intro { width: 14em;  }
	div#introduction div.pov ul#opinions.active { margin: 0 !important; list-style-type: none !important; }
	div#introduction div.pov ul#opinions li { display: block; }
	
	div#introduction div.pov ul#opinions li p.tooltip-handle {
		display: block; text-indent: -9999px; height: 20px; width: 20px;
		background: url("/release/images/assets/opinion-one.png"); cursor: pointer; 
	}
	* html div#introduction div.pov ul#opinions li p.tooltip-handle { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/release/images/assets/opinion-one.png"); }
	
	div#introduction div.pov ul#opinions li p.active { background: url("/release/images/assets/opinion-two.png"); }
	* html div#introduction div.pov ul#opinions li p.active { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/release/images/assets/opinion-two.png"); }
	
	div#introduction div.pov ul#opinions li ol.tooltips { list-style-type: none; margin: 0; padding: 0; }
	
	div#introduction div.pov ul#opinions li ol.tooltips li {
		display: block; width: 13em; font-weight: bold; position: absolute;
		padding: 1em 1.075em 1.075em 1.075em; color: #e6e6e6; background: #ec008c; 	
	}
	
	div#introduction div.pov ul#opinions li ol.tooltips li p.switch { 
		text-decoration: underline; margin: 0.5em 0 0em 0; 
		background: transparent; cursor: pointer; font-weight: normal; }
		
	div#introduction div.pov ul#opinions li ol.tooltips li.other { color: #000000; background: #fff200; }
	div#introduction div.pov ul#opinions li ol.tooltips li.other p.switch { color: #000000; }