/* INTERACTIVE HOTSPOT IMAGE
--------------------------------------------------*/

/* PROJECT DESCRIPTION */

div#projectIntro {position:absolute;top:540px;left:0;width:640px;}
	div#projectIntro h2 {text-transform:uppercase;font:bold 30px/40px 'Helvetica Neue', helvetica, sans-serif; color:#f083b5; letter-spacing:-1px;}
	div#projectIntro p {font:normal 14px/20px 'Helvetica Neue', helvetica, sans-serif;}
	div#projectIntro p a {font-weight:bold; color:#0072bc}
	div#projectIntro p.links {margin-top:6px;font:normal 12px/20px 'Helvetica Neue', helvetica, sans-serif;}
	div#projectIntro p.links img {vertical-align:center;}
	div#projectIntro p.credit {font:normal 10px/18px 'Helvetica Neue', helvetica, sans-serif; color:#666;}

/* HOTSPOT CAPTION OVERLAY */
	
div.mediumPageContainer {height:600px !important}
	
div.largePageContainer {height:700px !important}

div#imageMap {position:relative; height:540px;}
	div#imageMap img {display:none;}

div.mapCaption {display:none;position:absolute; width:250px; padding-top:15px; background-image:url(http://seedmagazine.com/-/img/bg_caption-pin.png); background-repeat:no-repeat; background-position:top left;}
	div.captionContent {padding:10px; background:url(http://seedmagazine.com/-/img/transparent_000_90.png); -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
	div.mapCaption h3 {font:normal 10px/16px 'Helvetica Neue', helvetica, sans-serif; margin-bottom:2px; color:#aaa; text-transform:uppercase;}
	div.mapCaption p {font:normal 12px/18px 'Helvetica Neue', helvetica, sans-serif; margin-bottom:5px; background:none; color:#eee;}
	div.mapCaption p.metadata {font-size:10px; color:#999;color:#fff;}

div.capRight {background-position:top right;}

div.capBottomLeft {padding-top:0;padding-bottom:15px;background-position:bottom left;}
	div.capBottomLeft div.captionContent {-webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0;-webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px;}

div.capBottomRight {padding-top:0;padding-bottom:15px;background-position:bottom right;}
	div.capBottomRight div.captionContent {-webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0;-webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px;}


div#mapRegions a {display:block;position:absolute;}

/* div#mapRegions a:hover {border:1px solid red;} */