@charset "UTF-8"; 
/********************************************/
/*   OVERALL                                */
/********************************************/
body { font: 12px Arial, Helvetica, sans-serif; background: #ede3a8; margin: 0; color: #000;  }
h2 { color: #b32216; font-size: 20px; border-bottom: 1px solid #78a22f; padding-bottom: 10px; margin-bottom: 6px; margin-top: 8px; }
h3 { color: #b32216; font-size: 12px; text-transform: uppercase; margin-bottom: 2px; }
a { color: #231f20; text-decoration: none; }
ul { margin: 0; padding: 0; list-style: none; line-height: 16px; }
ul.pad { margin-top: 10px; }
.half { float: left; width: 50%; }
.third { float: left; width: 33%;}


/********************************************/
/*   MAP                                    */
/********************************************/
#map { width: 1000px; height: 780px; margin: 0 auto; background: url(../images/bg-new-year.jpg) no-repeat; position: relative; }

/*=== ICONS ===*/
.icon { display: block; width: 26px; height: 26px; position: absolute; cursor: default;  }
.icon span { display: block; position: relative; background: #ede3a8; overflow: hidden; padding: 4px; }

/*=== TYPES ===*/
.hospital { background: url(../images/icon-hospital.png) no-repeat; }
.tools { background: url(../images/icon-tools.png) no-repeat; }
.gift { background: url(../images/icon-gift.png) no-repeat; }
.shop { background: url(../images/icon-shop.png) no-repeat; }
.food { background: url(../images/icon-food.png) no-repeat; }
.disney { background: url(../images/icon-disney.png) no-repeat; }
.target { background: url(../images/icon-target.png) no-repeat; }
.skate { background: url(../images/icon-skate.png) no-repeat; }
.bus { background: url(../images/icon-bus.png) no-repeat; }

/*=== POSITIONS ===*/
#kaiser { top: 430px; left: 20px; }
#kaiser span { top: -5px; right: -25px; width: 100px; padding-left: 10px; }
#home-depot { top: 480px; left: 20px; }
#home-depot span { top: 2px; right: -26px; width: 100px; padding-left: 7px; }
#mcfadden { top: 430px; left: 245px; cursor:pointer; }
#mcfadden span { top: 2px; right: -26px; width: 50px; padding-left: 7px; }
#harbor { top: 310px; left: 352px; cursor:pointer; }
#harbor span { top: -36px; right: 78px; width: 100px; padding-left: 7px; text-align: right; }
#garden-grove { top: 310px; left: 406px; cursor:pointer; }
#garden-grove span { top: -22px; right: 8px; width: 70px; padding-left: 7px; }
#target { top: 430px; left: 406px; }
#target span { top: 26px; right: 10px; width: 35px; padding-left: 7px; }
#disney { top: 230px; left: 508px; height: 40px; cursor: pointer; }
#disney span { top: -16px; right: 111px; width: 100px; padding-right: 7px; text-align: right; }
#disney div { position: relative; top: 30px; width: 26px; height: 26px; background: url(../images/icon-food.png) no-repeat; }
#east-shuttle { top: 310px; left: 508px; cursor: pointer; }
#east-shuttle span { top: -6px; left: 26px; width: 94px; padding-left: 7px; }
#big-5 { top: 430px; left: 458px; }
#big-5 span { top: 30px; right: 10px; width: 45px; padding: 0; text-align: center; }
#garden-walk { top: 430px; left: 509px; height: 80px; cursor:pointer; }
#garden-walk span { top: -26px; right: -26px; width: 70px; padding-left: 7px; }
#garden-walk div { position: relative; top: 30px; width: 26px; height: 26px; background: url(../images/icon-food.png) no-repeat; }
#garden-walk div + div { top: 34px; background: url(../images/icon-movies.png) no-repeat; }
#rink { top: 510px; left: 586px; }
#rink span { top: 2px; right: -27px; width: 56px; padding-left: 7px; }
#orange-fair { top: 430px; left: 642px; height: 80px; cursor:pointer; }
#orange-fair span { top: -30px; right: -26px; width: 50px; padding-left: 7px; }
#orange-fair div { position: relative; top: 30px; width: 26px; height: 26px; background: url(../images/icon-food.png) no-repeat; }
#metro { top: 280px; left: 693px; height: 40px; cursor:pointer; }
#metro span { top: -16px; right: -26px; width: 73px; padding-left: 7px; }
#metro div { position: relative; top: 30px; width: 26px; height: 26px; background: url(../images/icon-food.png) no-repeat; }
#town { top: 430px; left: 745px; cursor:pointer; }
#town span { top: -6px; right: -26px; width: 70px; padding-left: 7px; }
#costco { top: 466px; left: 745px; }
#costco span { top: 2px; right: -26px; width: 50px; padding-left: 7px;  }
#transp { top: 560px; left: 764px; height: 40px; }
#transp span { top: 30px; right: 46px; width: 100px; padding-left: 7px; text-align: center; background: none; }
#transp div { position: relative; top: 30px; width: 26px; height: 26px; background: url(../images/icon-train.png) no-repeat; }
#downtown { top: 430px; left: 929px; height: 80px; width: 60px; cursor:pointer; }
#downtown span { top: -88px; right: 15px; width: 70px; padding-left: 7px; text-align: center; }
#downtown div { position: relative; top: 30px; width: 26px; height: 26px; background: url(../images/icon-food.png) no-repeat; }
#downtown div + div { top: 34px; background: url(../images/icon-gift.png) no-repeat; }
#downtown span + div { top: -88px; right: -30px; background: url(../images/icon-music.png) no-repeat; }
#downtown span + div + div { top: -85px; right: -30px; background: url(../images/icon-drinks.png) no-repeat; }
#harbor-title { position: absolute; top: 336px; left: 126px; color: #847a17; font-weight: bold; background: #ede3a8; padding: 6px 10px 6px 10px;   }
#pomona-title { position: absolute; top: 532px; right: 106px; color: #847a17; font-weight: bold; background: #ede3a8; padding: 6px 10px 6px 10px;   }


/********************************************/
/*   POPUPS                                 */
/********************************************/
.popup { position: absolute; background: #fff; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #78a22f; padding: 5px 0 15px 20px; }
.icons { position: absolute; top: 11px; right: 24px; }
.arrow { position: relative; width: 26px; height: 19px; background: url(../images/graphic-arrow-right.png) no-repeat; }

/*=== POSITIONS ===*/
#downtown-popup { top: 330px; left: 176px; width: 700px; display: none; }
#downtown-popup h2 { width: 676px; }
#downtown-popup .arrow { top: 80px; left: 700px; }
#town-popup { top: 348px; left: 332px; width: 360px; display: none; }
#town-popup h2 { width: 336px; }
#town-popup .arrow { top: 35px; left: 360px; }
#orange-fair-popup { top: 358px; left: 180px; width: 410px; display: none; }
#orange-fair-popup h2 { width: 386px; }
#orange-fair-popup .arrow { top: 35px; left: 410px; }
#metro-popup { top: 178px; left: 290px; width: 350px; display: none; }
#metro-popup h2 { width: 326px; }
#metro-popup .arrow { top: 65px; left: 350px; }
#garden-walk-popup { top: 172px; left: 170px; width: 700px; display: none;  }
#garden-walk-popup h2 { width: 676px; }
#garden-walk-popup .arrow { top: 170px; left:320px; width: 19px; height: 26px; background: url(../images/graphic-arrow-down.png) no-repeat; }
#garden-grove-popup { top: 364px; left: 204px; width: 400px; display: none; }
#garden-grove-popup h2 { width: 376px; }
#garden-grove-popup .arrow { top: -79px; left:186px; width: 19px; height: 26px; background: url(../images/graphic-arrow-up.png) no-repeat; }
#harbor-popup { top: 364px; left: 130px; width: 470px; display: none; }
#harbor-popup h2 { width: 446px; }
#harbor-popup .arrow { top: -78px; left:205px; width: 19px; height: 26px; background: url(../images/graphic-arrow-up.png) no-repeat; }
#mcfadden-popup { top: 172px; left: 88px; width: 320px; display: none; }
#mcfadden-popup h2 { width: 296px; }
#mcfadden-popup .arrow { top: 170px; left:140px; width: 19px; height: 26px; background: url(../images/graphic-arrow-down.png) no-repeat; }
#disney-popup { top: 314px; left: 170px; width: 700px; display: none; }
#disney-popup h2 { width: 676px; }
#disney-popup .arrow { top: -79px; left: 320px; width: 19px; height: 26px; background: url(../images/graphic-arrow-up.png) no-repeat; }
#east-shuttle-popup { top: 364px; left: 300px; width: 410px; display: none; }
#east-shuttle-popup h2 { width: 386px; }
#east-shuttle-popup .arrow { top: -79px; left: 190px; width: 19px; height: 26px; background: url(../images/graphic-arrow-up.png) no-repeat; }