#map {
    margin:0;
    padding:0;
    width:1200px;
    height:494px;
    background:url(../../garage_door_openers/images/service_areas_map.jpg) top left no-repeat #fff;
    font-family:arial, helvetica, sans-serif;
    font-size:8pt;
} 

#map li {
    margin:0;
    padding:0;
    list-style:none;
} 

#map li a {
    position:absolute;
    display:block;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
    background:url(../../garage_door_openers/images/blank.gif);
}

#map li a span {
 display:none; 
} 


#map li a:hover span {
    position:relative;
    display:block;
    width:200px;
    left:20px;
    top:20px;
    padding:5px;
    border:1px solid #000;
    background:#fff;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=80);
    opacity:0.8;
}

#map a.burbank {
    top:395px;
    left:87px;
    width:144px;
    height:144px;
}

#map a.montrose {
    top:325px;
    left:230px;
    width:88px;
    height:128px;
}
       
#map a.glendale {
    top:453px;
    left:230px;
    width:100px;
    height:130px;
}
        
#map a.lacanada {
    top:370px;
    left:318px;
    width:91px;
    height:110px;
}
        
#map a.altadena {
    top:420px;
    left:409px;
    width:164px;
    height:55px;
}
        
#map a.pasadena {
    top:480px;
    left:395px;
    width:155px;
    height:87px;
} 


#map a.southpasadena {
    top:570px;
    left:395px;
    width:54px;
    height:45px;
} 


#map a.sanmarino {
    top:560px;
    left:455px;
    width:58px;
    height:30px;
} 

#map a.alhambra {
    top:610px;
    left:435px;
    width:59px;
    height:80px;
}

#map a.sangabriel{
    top:600px;
    left:505px;
    width:32px;
    height:78px;
}

#map a.montereypark{
    top:700px;
    left:410px;
    width:90px;
    height:60px;
}

#map a.rosemeadnorth{
    top:690px;
    left:510px;
    width:55px;
    height:36px;
}

#map a.rosemeadsouth{
    top:650px;
    left:540px;
    width:52px;
    height:37px;
}

#map a.templecity{
    top:605px;
    left:550px;
    width:70px;
    height:40px;
}

#map a.sierramadre{
    top:480px;
    left:576px;
    width:55px;
    height:40px;
}


#map a.arcadia{
    top:520px;
    left:577px;
    width:68px;
    height:90px;
}


#map a.monrovianorth{
    top:450px;
    left:645px;
    width:130px;
    height:55px;
}


#map a.monroviasouth{
    top:505px;
    left:653px;
    width:60px;
    height:70px;
}

#map a.bradbury{
    top:505px;
    left:710px;
    width:40px;
    height:38px;
}

#map a.duartenorth{
    top:510px;
    left:745px;
    width:30px;
    height:45px;

}

#map a.duartesouth{
    top:550px;
    left:715px;
    width:50px;
    height:55px;
}


#map a.azuza{
    top:508px;
    left:785px;
    width:80px;
    height:110px;
}


#map a.glendoranorth{
    top:480px;
    left:863px;
    width:135px;
    height:60px;
}


#map a.glendorasouth{
    top:540px;
    left:865px;
    width:120px;
    height:75px;
}


#map a.sandimasnorth{
    top:510px;
    left:988px;
    width:55px;
    height:75px;
}

#map a.sandimassouth{
    top:585px;
    left:970px;
    width:50px;
    height:110px;
}

#map a.sandimassouthwest{
    top:600px;
    left:935px;
    width:50px;
    height:90px;
}


#map a.laverneeast{
    top:525px;
    left:1040px;
    width:45px;
    height:120px;
}

#map a.lavernewest{
    top:570px;
    left:1020px;
    width:20px;
    height:80px;
}


#map a.claremont{
    top:540px;
    left:1100px;
    width:90px;
    height:135px;
}

#map a.eaglerock{
    top:541px;
    left:320px;
    width:50px;
    height:15px;
} 

#map a.highlandpark{
    top:565px;
    left:325px;
    width:57px;
    height:15px;
}

#map a.mtwashington{
    top:595px;
    left:307px;
    width:57px;
    height:10px;
}


#map a.glassellpark{
    top:611px;
    left:283px;
    width:57px;
    height:10px;
}

#map a.cypresspark{
    top:625px;
    left:289px;
    width:53px;
    height:10px;
}


#map a.echopark{
    top:655px;
    left:250px;
    width:43px;
    height:10px;
}


#map a.silverlake{
    top:627px;
    left:202px;
    width:43px;
    height:10px;
}


#map a.losfeliz{
    top:575px;
    left:163px;
    width:43px;
    height:10px;
}


#map a.atwatervillage{
    top:545px;
    left:225px;
    width:30px;
    height:60px;
}


#map a.hollywood{
    top:603px;
    left:107px;
    width:40px;
    height:10px;

}

#map a.tolucalakenorth{
    top:500px;
    left:80px;
    width:30px;
    height:20px;


}

#map a.tolucalakesouth{
    top:556px;
    left:10px;
    width:45px;
    height:10px;


}

#map a.studiocity{
    top:520px;
    left:6px;
    width:42px;
    height:10px;


}

#map a.universalcity{
    top:537px;
    left:97px;
    width:35px;
    height:24px;


}

#map a.northhollywood{
    top:457px;
    left:46px;
    width:43px;
    height:15px;

}


#map a.sunvalley{
    top:380px;
    left:15px;
    width:47px;
    height:10px;

}


#map a.shadowhills{
    top:318px;
    left:61px;
    width:53px;
    height:10px;

}


#map a.sunlandtujunga{
    top:297px;
    left:115px;
    width:69px;
    height:10px;

}