#map {position:relative; margin:10px 0 0 5px; width:700px; height:511px;} #map ul {padding:0; margin:0; list-style:none; position:absolute; top:0; left:0;} #map ul li {position:absolute;} #map ul li#ttp_01 {width:241px; height:69px; top:33px; left:376px;} #map ul li#ttp_02 {width:182px; height:68px; top:103px; left:492px;} #map ul li#ttp_03 {width:155px; height:82px; top:177px; left:519px;} #map ul li#ttp_04 {width:161px; height:88px; top:273px; left:513px;} #map ul li#ttp_05 {width:197px; height:72px; top:374px; left:464px;} #map ul li#ttp_06 {width:237px; height:60px; top:448px; left:396px;} #map ul li#ttp_07 {width:233px; height:64px; top:443px; left:95px;} #map ul li#ttp_08 {width:200px; height:62px; top:377px; left:33px;} #map ul li#ttp_09 {width:175px; height:84px; top:286px; left:25px;} #map ul li#ttp_10 {width:168px; height:102px; top:168px; left:19px;} #map ul li#ttp_11 {width:204px; height:52px; top:113px; left:13px;} #map ul li#ttp_12 {width:264px; height:75px; top:34px; left:52px;} /* remove the absolute position from the list items for lte IE6 */ * html #map ul li {position:static;} /* and give the absolute position to the links for lte IE6 */ * html #map ul li#ttp_01 a.tl {top:1000px; left:1000px;} * html #map ul li#ttp_02 a.tl {top:103px; left:492px;} * html #map ul li#ttp_03 a.tl {top:177px; left:519px;} * html #map ul li#ttp_04 a.tl {top:273px; left:513px;} * html #map ul li#ttp_05 a.tl {top:374px; left:464px;} * html #map ul li#ttp_06 a.tl {top:448px; left:396px;} * html #map ul li#ttp_07 a.tl {top:443px; left:95px;} * html #map ul li#ttp_08 a.tl {top:377px; left:33px;} * html #map ul li#ttp_09 a.tl {top:286px; left:25px;} * html #map ul li#ttp_10 a.tl {top:168px; left:19px;} * html #map ul li#ttp_11 a.tl {top:113px; left:13px;} * html #map ul li#ttp_12 a.tl {top:34px; left:52px;} #map ul li a {text-decoration:none;} #map ul li a.tl {display:block; text-indent:-9999px; background: url(/images/truthproject/transparent.gif);} #map ul li a.tl:hover, #map ul li:hover {z-index:500;} #map ul li#ttp_01 a.tl {width:241px; height:69px;} #map ul li#ttp_01 a.tl:hover, #map ul li#ttp_01:hover {background:url(/images/truthproject/transparent.gif);} #map ul li#ttp_02 a.tl {width:182px; height:68px;} #map ul li#ttp_02 a.tl:hover, #map ul li#ttp_02:hover {background:url(/images/truthproject/transparent.gif);} #map ul li#ttp_03 a.tl {width:155px; height:82px;} #map ul li#ttp_03 a.tl:hover, #map ul li#ttp_03:hover {background:url(/images/truthproject/transparent.gif);} #map ul li#ttp_04 a.tl {width:161px; height:88px;} #map ul li#ttp_04 a.tl:hover, #map ul li#ttp_04:hover {background:url(/images/truthproject/transparent.gif);} #map ul li#ttp_05 a.tl {width:197px; height:72px;} #map ul li#ttp_05 a.tl:hover, #map ul li#ttp_05:hover {background:url(/images/truthproject/transparent.gif);} #map ul li#ttp_06 a.tl {width:237px; height:60px;} #map ul li#ttp_06 a.tl:hover, #map ul li#ttp_06:hover {background:url(/images/truthproject/transparent.gif);} #map ul li#ttp_07 a.tl {width:233px; height:64px;} #map ul li#ttp_07 a.tl:hover, #map ul li#ttp_07:hover {background:url(/images/truthproject/transparent.gif);} #map ul li#ttp_08 a.tl {width:200px; height:62px;} #map ul li#ttp_08 a.tl:hover, #map ul li#ttp_08:hover {background:url(/images/truthproject/transparent.gif);} #map ul li#ttp_09 a.tl {width:175px; height:84px;} #map ul li#ttp_09 a.tl:hover, #map ul li#ttp_09:hover {background:url(/images/truthproject/transparent.gif);} #map ul li#ttp_10 a.tl {width:168px; height:102px;} #map ul li#ttp_10 a.tl:hover, #map ul li#ttp_10:hover {background:url(/images/truthproject/transparent.gif);} #map ul li#ttp_11 a.tl {width:204px; height:52px;} #map ul li#ttp_11 a.tl:hover, #map ul li#ttp_11:hover {background:url(/images/truthproject/transparent.gif);} #map ul li#ttp_12 a.tl {width:264px; height:75px;} #map ul li#ttp_12 a.tl:hover, #map ul li#ttp_12:hover {background:url(/images/truthproject/transparent.gif);} #map ul li .xsnazzy, #map ul li a .xsnazzy {visibility:hidden;} /* For IE6 to work */ * html #map ul li a.tl:hover {border:0;} * html #map ul li a:hover .xsnazzy {visibility:visible;} #map ul li:hover .xsnazzy {visibility:visible;} /* For IE7 to keep the :hover over .xsnazzy - goodness knows why? */ #map ul li:hover .xsnazzy {background:url(/images/truthproject/transparent.gif);} .xsnazzy {display:block; position:absolute; height:auto; text-align:center;} #ttp_01 .xsnazzy {left:-326px; top:49px; width:616px;} #ttp_02 .xsnazzy {left:-442px; top:48px; width:616px;} #ttp_03 .xsnazzy {left:-469px; top:62px; width:616px;} #ttp_04 .xsnazzy {left:-463px; top:-273px; width:616px;} #ttp_05 .xsnazzy {left:-414px; top:-250px; width:616px;} #ttp_06 .xsnazzy {left:-346px; top:-200px; width:616px;} #ttp_07 .xsnazzy {left:-45px; top:-200px; width:616px;} #ttp_08 .xsnazzy {left:17px; top:-200px; width:616px;} #ttp_09 .xsnazzy {left:25px; top:-280px; width:616px;} #ttp_10 .xsnazzy {left:31px; top:22px; width:616px;} #ttp_11 .xsnazzy {left:37px; top:32px; width:616px;} #ttp_12 .xsnazzy {left:-2px; top:55px; width:616px;} .xsnazzy h1, .xsnazzy p {margin:0 10px;} .xsnazzy h1 {font-size:2.5em; color:#6f9; font-family:georgia, "times new roman", serif; border-bottom:1px solid #fff;} .xsnazzy p {padding-bottom:0.5em; color:#eee; font-size:12px; text-align:left;} .xsnazzy {background: transparent; margin:1em;} .xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; font-size:0; overflow:hidden;} .xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;} .xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;} .xb1 {margin:0 8px; background:#fff;} .xb2 {margin:0 6px; background:#fff;} .xb3 {margin:0 4px; background:#fff;} .xb4 {margin:0 3px; background:#7f7f9c; border-width:0 5px;} .xb5 {margin:0 2px; background:#7f7f9c; border-width:0 4px;} .xb6 {margin:0 2px; background:#7f7f9c; border-width:0 3px;} .xb7 {margin:0 1px; background:#7f7f9c; border-width:0 3px; height:2px;} .xboxcontent {display:block; background:#7f7f9c; border:3px solid #fff; border-width:0 3px;} .xboxcontent a, .xboxcontent a:visited {display:block; color:#ff0; font-weight:bold; font-size:12px; text-indent:0; padding:4px;} #map ul li a:hover .xsnazzy .xboxcontent a:hover {color:#fff;} #map ul li:hover .xsnazzy .xboxcontent a:hover {color:#fff;} .xsnazzy em.point_top {display:block; font-size:0; width:25px; height:14px; background:url(/images/truthproject/point.gif) center top; position:absolute; left:50px; top:-11px;} .xsnazzy em.point_top_right {display:block; font-size:0; width:25px; height:14px; background:url(/images/truthproject/point.gif) center top; position:absolute; right:50px; top:-11px;} .xsnazzy em.point_bottom {display:block; font-size:0; width:25px; height:14px; background:url(/images/truthproject/point.gif) center bottom; position:absolute; right:50px; bottom:-11px;} .xsnazzy em.point_bottom_left {display:block; font-size:0; width:25px; height:14px; background:url(/images/truthproject/point.gif) center bottom; position:absolute; left:50px; bottom:-11px;} /* for IE5.5 */ * html .xsnazzy em.point_bottom {bottom:-12px; bo\ttom:-11px;} * html .xsnazzy em.point_bottom_left {bottom:-12px; bo\ttom:-11px;} .xsnazzy em.point_left {display:block; font-size:0; width:14px; height:25px; background:url(/images/truthproject/point.gif) left center; position:absolute; left:-11px; top:30px;} .xsnazzy em.point_right {display:block; font-size:0; width:14px; height:25px; background:url(/images/truthproject/point.gif) right center; position:absolute; right:-11px; top:125px;} /* for IE5.5 */ * html .xsnazzy em.point_right {right:-12px; ri\ght:-11px;}