div#blurb
{
	position: absolute;
	top: 340px;
	left: 35px;
	width: 470px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 30px;
	height: 70px;
	line-height: 133%;
/*	font-size: 75%;*/
}

#blurb p
{
	color: inherit;
	font-size: inherit;
	text-align: justify;
}

/*strong.highlight
{
	font-size: 140%;
	font-family: Optima, Trebuchet, sans-serif;
	vertical-align: bottom;
}*/


div#cartesian
{
	background: transparent url(/images/cross_dark_watermark.jpg) no-repeat 50% 5px;
	width: 600px;
	height: 400px;
}

div.quadrant
{
	position: absolute;
	width: 128px;
	height: 96px;
	background: white;
	margin: 0px;
	padding: 0px;
}

div.quadrant h2
{
	font-size: 13px;
	color: #300;
	font-style: italic;
	text-transform: lowercase;
	bottom: -20px;
	text-align: center;
}


div#northwest, div#northeast
{
	top: 0px;
}

div#southwest, div#southeast
{
	top: 175px;
}

div#northeast, div#southeast
{
	left: 340px;
}

div#northwest, div#southwest
{
	left: 120px;
}


div#northwest h2, div#northeast h2
{
	position: absolute;
	width: 128px;
}

div#southwest h2, div#southeast h2
{
	position: absolute;
	width: 128px;

}

div.quadrant  img
{
	display: block;
	position: absolute;
	top: 0px;
	width: 128px;
}

div.quadrant span
{
	display: block;
	position: absolute;
/*	padding: 4px;*/
	font-size: 75%;
}

div#northwest span, div#northeast span
{
	bottom: 0px;
}

div#southwest span, div#southeast span
{
	top: 0px;
}

div#northeast span, div#southeast span
{
	right: 0px;
}

div#northwest span, div#southwest span
{
	left: 0px;
}

div.quadrant a:hover
{
	border: 0;
}

div.quadrant a:hover span
{
	visibility: hidden;
}

div.quadrant a img  
{ 
	visibility: hidden; 
}

div.quadrant a:hover img
{
	visibility: visible;
	border: none
	color: #000;
	max-width: 128px;
	max-height: 96px;
}