﻿/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#176cb5;border:2px double #003974;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#fff;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }


/*Common css for aerials */
div.aerialcontainer {
position: relative;
margin: 2em auto;
padding: 0;
}
div.aerialcontainer li {
display:block;
position:absolute;
list-style:none;
margin:0;
padding:0;
}
div.aerialcontainer a {
display:block;
text-indent:-9999px;
text-decoration:none;
outline:none;
cursor:pointer;
}

/*Waterfront Shops aerial */
div#waterfrontshops {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/waterfront-shops-os.jpg) no-repeat;

}

#tommy {left: 362px; top: 220px; width: 52px; height: 45px; z-index: 10;}
#tommytitle {left: 340px; top: 260px; width: 45px; height: 25px; z-index: 10;}
#bluepoint {left: 340px; top: 188px; width: 68px; height: 27px; z-index: 10;}
#bluepointtitle {left: 293px; top: 148px; width: 68px; height: 37px; z-index: 10;}
#coastal {left: 95px; top: 172px; width: 32px; height:25px; z-index: 10;}
#coastaltitle {left: 70px; top: 127px; width: 48px; height:45px; z-index: 10;}
#duckdeli {left: 242px; top: 345px; width: 74px; height: 56px; z-index: 10;}
#duckcottage {left: 116px; top: 242px; width: 95px; height: 58px; z-index: 10;}

#tommy a {height: 45px;}
#tommytitle a {height: 25px;}
#bluepoint a {height: 27px;}
#bluepointtitle a {height: 37px;}
#coastal a {height: 25px;}
#coastaltitle a {height: 45px;}
#duckdeli a {height: 56px;}
#duckcottage a {height: 58px;}

#tommy a:hover {background-position:-98px -637px;}
#tommytitle a:hover {background-position:-98px -637px;}
#bluepoint a:hover {background-position:-98px -637px;}
#bluepointtitle a:hover {background-position:-98px -637px;}
#coastal a:hover {background-position:-98px -637px;}
#coastaltitle a:hover {background-position:-98px -637px;}
#duckdeli a:hover {background-position:-98px -637px;}
#duckcottage a:hover {background-position:-98px -637px;}



/*Main Duck Map aerial */
#duckmap {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/duck.jpg) no-repeat;
}

#duckmap #thesunsetgrille {left: 35px; top: 163px; width: 63px; height: 80px; z-index: 10;}
#duckmap #thewaterfrontshops {left: 115px; top: 205px; width: 79px; height: 70px; z-index: 10;}
#duckmap #thewaterfrontshops2 {left: 88px; top: 265px; width: 65px; height: 30px; z-index: 10;}
#duckmap #weewinks {left: 200px; top: 229px; width: 105px; height: 95px; z-index: 10;}
#duckmap #duckpark {left: 308px; top: 231px; width: 65px; height: 60px; z-index: 10;}
#duckmap #loblolly {left: 370px; top: 235px; width: 40px; height: 25px; z-index: 10;}
#duckmap #loblollytitle {left: 320px; top: 310px; width: 75px; height: 30px; z-index: 10;}
#duckmap #osprey {left: 385px; top: 271px; width: 37px; height: 65px; z-index: 10;}
#duckmap #ospreytitle {left: 350px; top: 350px; width: 80px; height: 25px; z-index: 10;}
#duckmap #scarboroughfaire {left: 441px; top: 242px; width: 28px; height: 23px; z-index: 10;}
#duckmap #twiddy {left: 428px; top: 265px; width: 20px; height: 14px; z-index: 10;}
#duckmap #twiddytitle {left: 388px; top: 218px; width: 70px; height: 24px; z-index: 10;}
#duckmap #scarboroughfairetitle{left: 403px; top: 328px; width: 75px; height: 25px; z-index: 10;}
#duckmap #scarboroughlane {left: 470px; top: 250px; width: 35px; height: 40px; z-index: 10;}
#duckmap #scarboroughlanetitle {left: 509px; top: 327px; width: 75px; height: 30px; z-index: 10;}
#duckmap #soundsideshops {left: 450px; top: 288px; width: 54px; height: 40px; z-index: 10;}

#duckmap #thesunsetgrille a {height: 75px;}
#duckmap #thewaterfrontshops a {height: 75px;}
#duckmap #thewaterfrontshops2 a {height: 30px;}
#duckmap #weewinks a {height: 95px;}
#duckmap #duckpark a {height: 60px;}
#duckmap #loblolly a {height: 25px;}
#duckmap #loblollytitle a {height: 25px;}
#duckmap #osprey a {height: 75px;}
#duckmap #ospreytitle a {height: 25px;}
#duckmap #scarboroughfaire a {height: 28px;}
#duckmap #twiddy a {height: 14px;}
#duckmap #twiddytitle a {height: 24px;}
#duckmap #scarboroughfairetitle a {height: 25px;}
#duckmap #scarboroughlane a {height: 40px;}
#duckmap #scarboroughlanetitle a {height: 30px;}
#duckmap #soundsideshops a {height: 40px;}


#duckmap #thesunsetgrille a:hover  {background-position:-98px -637px;}
#duckmap #thewaterfrontshops a:hover {background-position:-98px -637px;}
#duckmap #thewaterfrontshops2 a:hover {background-position:-98px -637px;}
#duckmap #weewinks a:hover {background-position:-98px -637px;}
#duckmap #duckpark a:hover {background-position:-98px -637px;}
#duckmap #loblolly a:hover {background-position:-98px -637px;}
#duckmap #loblollytitle a:hover {background-position:-98px -637px;}
#duckmap #osprey a:hover {background-position:-98px -637px;}
#duckmap #ospreytitle a:hover {background-position:-98px -637px;}
#duckmap #scarboroughfaire a:hover {background-position:-98px -637px;}
#duckmap #twiddy a:hover {background-position:-98px -637px;}
#duckmap #twiddytitle a:hover {background-position:-98px -637px;}
#duckmap #scarboroughfairetitle a:hover {background-position:-98px -637px;}
#duckmap #scarboroughlane a:hover {background-position:-98px -637px;}
#duckmap #scarboroughlanetitle a:hover {background-position:-98px -637px;}
#duckmap #soundsideshops a:hover {background-position:-98px -637px;}


/*Duck Park aerial */
#ducktownpark {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/duckpark.jpg) no-repeat;
}

#ospreylanding {left: 113px; top: 218px; width: 46px; height: 73px; z-index: 10;}
#ospreylandingtitle {left: 96px; top: 148px; width: 86px; height: 43px; z-index: 10;}
#oceanatlantic {left: 196px; top: 234px; width: 16px; height: 36px; z-index: 10;}
#oceanatlantictitle {left: 218px; top: 214px; width: 46px; height: 43px; z-index: 10;}
#soundfeet {left: 176px; top: 238px; width: 16px; height: 34px; z-index: 10;}
#soundfeettitle {left: 152px; top: 198px; width: 56px; height: 34px; z-index: 10;}
#townpark {left: 285px; top: 175px; width: 148px; height: 103px; z-index: 10;}
#wee {left: 477px; top: 110px; width: 120px; height: 70px; z-index: 10;}
#kellogg {left: 443px; top: 260px; width: 81px; height: 61px; z-index: 10;}
#loblollypines {left: 202px; top: 290px; width: 125px; height: 75px; z-index: 10;}
#sales {left: 95px; top: 307px; width: 92px; height: 64px; z-index: 10;}
#rentals {left: 2px; top: 312px; width: 83px; height: 87px; z-index: 10;}
#faire {left: 2px; top: 398px; width: 90px; height:40px z-index: 10;}

#ospreylanding a {height: 73px;}
#ospreylandingtitle a {height: 43px;}
#oceanatlantic a {height: 36px;}
#oceanatlantictitle a {height: 43px;}
#soundfeet a {height: 34px;}
#soundfeettitle a {height: 34px;}
#townpark a {height: 103px;}
#wee a {height: 70px;}
#kellogg a {height: 61px;}
#loblollypines a {height: 75px;}
#sales a {height: 64px;}
#rentals a {height: 87px;}
#faire a {height: 75px;}

#ospreylanding a:hover {background-position:-98px -637px;}
#ospreylandingtitle a:hover {background-position:-98px -637px;}
#oceanatlantic a:hover {background-position:-98px -637px;}
#soundfeet a:hover {background-position:-98px -637px;}
#soundfeettitle a:hover {background-position:-98px -637px;}
#townpark a:hover {background-position:-98px -637px;}
#wee a:hover {background-position:-98px -637px;}
#kellogg a:hover {background-position:-98px -637px;}
#loblollypines a:hover {background-position:-98px -637px;}
#sales a:hover {background-position:-98px -637px;}
#rentals a:hover {background-position:-98px -637px;}
#faire a:hover {background-position:-98px -637px;}


/*Wee Winks Square aerial */
#weewinkssquare {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/weewinks.jpg) no-repeat;
}

#nagsheadhammocks {left: 95px; top: 209px; width: 93px; height: 88px; z-index: 10;}
#nagsheadhammockstitle {left: 53px; top: 269px; width: 63px; height: 48px; z-index: 10;}
#duckchurch {left: 193px; top: 198px; width: 90px; height: 75px; z-index: 10;}
#duckchurchtitle {left: 157px; top: 169px; width: 90px; height: 35px; z-index: 10;}
#abc {left: 245px; top: 146px; width: 44px; height: 32px; z-index: 10;}
#abctitle {left: 202px; top: 110px; width: 58px; height: 42px; z-index: 10;}
#dockside {left: 305px; top: 130px; width: 38px; height: 52px; z-index: 10;}
#docksidetitle {left: 267px; top: 101px; width: 88px; height: 28px; z-index: 10;}
#khsports {left: 400px; top: 145px; width: 30px; height: 30px; z-index: 10;}
#khsportstitle {left: 362px; top: 100px; width: 68px; height: 34px; z-index: 10;}
#khkites {left: 430px; top: 125px; width: 39px; height: 38px; z-index: 10;}
#khkitestitle {left: 433px; top: 98px; width: 56px; height: 30px; z-index: 10;}
#wfshops {left: 520px; top: 73px; width: 78px; height: 52px; z-index: 10;}
#wfshopstitle {left: 435px; top: 33px; width: 162px; height: 45px; z-index: 10;}
#baldies {left: 470px; top: 185px; width: 20px; height: 25px; z-index: 10;}
#baldiestitle {left: 487px; top: 208px; width: 45px; height: 35px; z-index: 10;}
#winks {left: 368px; top: 185px; width: 99px; height: 50px; z-index: 10;}
#winkstitle {left: 417px; top: 225px; width: 68px; height: 42px; z-index: 10;}
#cravings {left: 293px; top: 321px; width: 52px; height: 36px; z-index: 10;}
#cravingstitle {left: 353px; top: 321px; width: 72px; height: 46px; z-index: 10;}
#crown {left: 217px; top: 300px; width: 66px; height: 76px; z-index: 10;}
#dvo {left: 174px; top: 383px; width: 58px; height: 83px; z-index: 10;}
#dvotitle {left: 214px; top: 426px; width: 68px; height: 53px; z-index: 10;}
#b448 {left: 362px; top: 275px; width: 72px; height: 42px; z-index: 10;}
#greenacres {left: 284px; top: 204px; width: 27px; height: 35px; z-index: 10;}
#greenacrestitle {left: 302px; top: 188px; width: 62px; height: 28px; z-index: 10;}

#nagsheadhammocks a {height: 88px;}
#nagsheadhammockstitle a {height: 48px;}
#duckchurch a {height: 75px;}
#duckchurchtitle a {height: 35px;}
#abc a {height: 32px;}
#abctitle a {height: 42px;}
#dockside a {height: 52px;}
#docksidetitle a {height: 28px;}
#khsports a {height: 30px;}
#khsportstitle a {height: 34px;}
#khkites a {height: 38px;}
#khkitestitle a {height: 30px;}
#wfshops a {height: 52px;}
#wfshopstitle a {height: 45px;}
#baldies a {height: 25px;}
#baldiestitle a {height: 25px;}
#winks a {height: 50px;}
#winkstitle a {height: 42px;}
#cravings a {height: 36px;}
#cravingstitle a {height: 46px;}
#crown a {height: 76px;}
#crowntitle a {height: 46px;}
#dvo a {height: 83px;}
#dvotitle a {height: 53px;}
#b448 a {height: 42px;}
#greenacres a {height: 35px;}
#greenacrestitle a {height: 28px;}

#nagsheadhammocks a:hover {background-position:-98px -637px;}
#nagsheadhammockstitle a:hover {background-position:-98px -637px;}
#duckchurch a:hover {background-position:-98px -637px;}
#duckchurchtitle a:hover {background-position:-98px -637px;}
#abc a:hover {background-position:-98px -637px;}
#abctitle a:hover {background-position:-98px -637px;}
#dockside a:hover {background-position:-98px -637px;}
#docksidetitle a:hover {background-position:-98px -637px;}
#khsports a:hover {background-position:-98px -637px;}
#khsportstitle a:hover {background-position:-98px -637px;}
#khkites a:hover {background-position:-98px -637px;}
#khkitestitle a:hover {background-position:-98px -637px;}
#wfshops a:hover {background-position:-98px -637px;}
#wfshopstitle a:hover {background-position:-98px -637px;}
#baldies a:hover {background-position:-98px -637px;}
#baldiestitle a:hover {background-position:-98px -637px;}
#winks a:hover {background-position:-98px -637px;}
#winkstitle a:hover {background-position:-98px -637px;}
#cravings a:hover {background-position:-98px -637px;}
#cravingstitle a:hover {background-position:-98px -637px;}
#crown a:hover {background-position:-98px -637px;}
#crowntitle a:hover {background-position:-98px -637px;}
#dvo a:hover {background-position:-98px -637px;}
#dvotitle a:hover {background-position:-98px -637px;}
#b448 a:hover {background-position:-98px -637px;}
#greenacres a:hover {background-position:-98px -637px;}
#greenacrestitle a:hover {background-position:-98px -637px;}

/*Sunset aerial */
#sunset {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/sunset.jpg) no-repeat;
}

#sunsetgrille {left: 210px; top: 240px; width: 103px; height: 82px; z-index: 10;}

#sunsetgrille a {height: 82px;}

#sunsetgrille a:hover {background-position:-98px -637px;}

/*Scarborough aerial */
#scarborough {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/scarborough.jpg) no-repeat;
}

#lob {left: 543px; top: 93px; width: 54px; height: 55px; z-index: 10;}
#ocatl {left: 466px; top: 72px; width: 19px; height: 22px; z-index: 10;}
#ocatl2 {left: 480px; top: 42px; width: 49px; height: 42px; z-index: 10;}
#sdft {left: 440px; top: 82px; width: 24px; height: 20px; z-index: 10;}
#sdft2 {left: 436px; top: 100px; width: 54px; height: 26px; z-index: 10;}
#dkpk {left: 532px; top: 16px; width: 67px; height: 75px; z-index: 10;}
#sdshops {left: 172px; top: 104px; height: 56px; width: 114px; z-index: 10;}
#scarlane {left: 262px; top: 175px; width: 135px; height: 103px; z-index: 10;}
#scarlane2 {left: 332px; top: 275px; width: 135px; height: 103px; z-index: 10;}
#osp {left: 390px; top: 61px; width: 45px; height: 42px; z-index: 10;}
#osp2 {left: 320px; top: 41px; width: 85px; height: 42px; z-index: 10;}
#twiddysales {left: 462px; top: 128px; height: 32px; width: 82px; z-index: 10;}
#twiddyrentals {left: 420px; top: 155px; height: 50px; width: 104px; z-index: 10;}
#scarfaire {left: 422px; top: 203px; width: 92px; height: 72px; z-index: 10;}
#bobs {left: 272px; top: 72px; height: 96px; width: 50px; z-index: 10;}

#lob a {height: 55px;}
#ocatl a {height: 22px;}
#ocatl2 a {height: 42px;}
#sdft a {height: 20px;}
#sdft2 a {height: 26px;}
#dkpk a {height: 75px;}
#sdshops a {height: 75px;}
#scarlane a {height: 103px;}
#scarlane2 a {height: 103px;}
#osp a {height: 42px;}
#osp2 a {height: 42px;}
#twiddysales a {height: 32px;}
#twiddyrentals a {height: 50px;}
#scarfaire a {height: 75px;}
#bobs a {height: 96px;}

#lob a:hover {background-position:-98px -637px;}
#ocatl a:hover {background-position:-98px -637px;}
#ocatl2 a:hover {background-position:-98px -637px;}
#sdft a:hover {background-position:-98px -637px;}
#sdft2 a:hover {background-position:-98px -637px;}
#dkpk a:hover {background-position:-98px -637px;}
#sdshops a:hover {background-position:-98px -637px;}
#scarlane a:hover {background-position:-98px -637px;}
#scarlane2 a:hover {background-position:-98px -637px;}
#osp a:hover {background-position:-98px -637px;}
#osp2 a:hover {background-position:-98px -637px;}
#twiddysales a:hover {background-position:-98px -637px;}
#twiddyrentals a:hover {background-position:-98px -637px;}
#scarfaire a:hover {background-position:-98px -637px;}
#bobs a:hover {background-position:-98px -637px;}

/*Main Corolla South Map aerial */
#corollasouthmap {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/corolla-south.jpg) no-repeat;
}

#corollasouthmap #monteray {left: 58px; top: 163px; width: 153px; height: 58px; z-index: 10;}
#corollasouthmap #monteraytitle {left: 46px; top: 243px; width: 90px; height: 50px; z-index: 10;}
#corollasouthmap #timbuck {left: 200px; top: 200px; width: 165px; height: 75px; z-index: 10;}
#corollasouthmap #timbucktitle {left: 212px; top: 293px; width: 90px; height: 60px; z-index: 10;}

#corollasouthmap #monteray a {height: 58px;}
#corollasouthmap #monteraytitle a {height: 50px;}
#corollasouthmap #timbuck a {height: 75px;}
#corollasouthmap #timbucktitle a {height: 60px;}

#corollasouthmap #monteray a:hover  {background-position:-98px -637px;}
#corollasouthmap #monteraytitle a:hover  {background-position:-98px -637px;}
#corollasouthmap #timbuck a:hover {background-position:-98px -637px;}
#corollasouthmap #timbucktitle a:hover {background-position:-98px -637px;}

/*Main Corolla North Map aerial */
#corollanorthmap {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/corolla-north.jpg) no-repeat;
}

#corollanorthmap #villageshops {left: 0px; top: 115px; width: 48px; height: 48px; z-index: 10;}
#corollanorthmap #villageshopstitle {left: 6px; top: 163px; width: 82px; height: 42px; z-index: 10;}
#corollanorthmap #ncwildlife {left: 105px; top: 208px; width: 65px; height: 45px; z-index: 10;}
#corollanorthmap #ncwildlifetitle {left: 36px; top: 263px; width: 120px; height: 40px; z-index: 10;}
#corollanorthmap #lighthouse {left: 106px; top: 135px; width: 80px; height: 60px; z-index: 10;}
#corollanorthmap #bridge {left: 180px; top: 240px; width: 35px; height: 25px; z-index: 10;}
#corollanorthmap #bridgetitle {left: 160px; top: 267px; width: 60px; height: 33px; z-index: 10;}
#corollanorthmap #boathouse {left: 200px; top: 195px; width: 30px; height: 25px; z-index: 10;}
#corollanorthmap #boathousetitle {left: 200px; top: 167px; width: 60px; height: 33px; z-index: 10;}
#corollanorthmap #boatramp {left: 224px; top: 260px; width: 40px; height: 65px; z-index: 10;}
#corollanorthmap #whaleheadclub {left: 295px; top: 225px; width: 55px; height: 45px; z-index: 10;}
#corollanorthmap #whaleheadclubtitle {left: 322px; top: 270px; width: 65px; height: 51px; z-index: 10;}
#corollanorthmap #towncenter {left: 340px; top: 145px; width: 135px; height: 35px; z-index: 10;}
#corollanorthmap #towncentertitle {left: 322px; top: 173px; width: 80px; height: 40px; z-index: 10;}

#corollanorthmap #villageshops a {height: 48px;}
#corollanorthmap #villageshopstitle a {height: 42px;}
#corollanorthmap #ncwildlife a {height: 45px;}
#corollanorthmap #ncwildlifetitle a {height: 40px;}
#corollanorthmap #lighthouse a {height: 60px;}
#corollanorthmap #bridge a {height: 25px;}
#corollanorthmap #bridgetitle a {height: 33px;}
#corollanorthmap #boathouse a {height: 25px;}
#corollanorthmap #boathousetitle a {height: 33px;}
#corollanorthmap #boatramp a {height: 65px;}
#corollanorthmap #whaleheadclub a {height: 45px;}
#corollanorthmap #whaleheadclubtitle a {height: 51px;}
#corollanorthmap #towncenter a {height: 35px;}
#corollanorthmap #towncentertitle a {height: 40px;}

#corollanorthmap #villageshops a:hover  {background-position:-98px -637px;}
#corollanorthmap #villageshopstitle a:hover  {background-position:-98px -637px;}
#corollanorthmap #ncwildlife a:hover {background-position:-98px -637px;}
#corollanorthmap #ncwildlifetitle a:hover {background-position:-98px -637px;}
#corollanorthmap #lighthouse a:hover {background-position:-98px -637px;}
#corollanorthmap #bridge a:hover {background-position:-98px -637px;}
#corollanorthmap #bridgetitle a:hover {background-position:-98px -637px;}
#corollanorthmap #boathouse a:hover {background-position:-98px -637px;}
#corollanorthmap #boathousetitle a:hover {background-position:-98px -637px;}
#corollanorthmap #boatramp a:hover {background-position:-98px -637px;}
#corollanorthmap #whaleheadclub a:hover {background-position:-98px -637px;}
#corollanorthmap #whaleheadclubtitle a:hover {background-position:-98px -637px;}
#corollanorthmap #towncenter a:hover {background-position:-98px -637px;}
#corollanorthmap #towncentertitle a:hover {background-position:-98px -637px;}

/*Lighthouse Map aerial */
#lighthousemap {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/lighthouse.jpg) no-repeat;
}

#lighthousemap #villageshops {left: 50px; top: 0px; width: 208px; height: 118px; z-index: 10;}
#lighthousemap #rentals {left: 275px; top: 33px; width: 82px; height: 86px; z-index: 10;}
#lighthousemap #sales {left: 364px; top: 58px; width: 78px; height: 65px; z-index: 10;}
#lighthousemap #lighthouseshop {left: 196px; top: 163px; width: 110px; height: 60px; z-index: 10;}
#lighthousemap #lighthouse {left: 330px; top: 155px; width: 125px; height: 150px; z-index: 10;}
#lighthousemap #restarea {left: 255px; top: 360px; width: 132px; height: 100px; z-index: 10;}

#lighthousemap #villageshops a {height: 118px;}
#lighthousemap #rentals a {height: 86px;}
#lighthousemap #sales a {height: 65px;}
#lighthousemap #lighthouseshop a {height: 60px;}
#lighthousemap #lighthouse a {height: 150px;}
#lighthousemap #restarea a {height: 100px;}

#lighthousemap #villageshops a:hover  {background-position:-98px -637px;}
#lighthousemap #rentals a:hover  {background-position:-98px -637px;}
#lighthousemap #sales a:hover {background-position:-98px -637px;}
#lighthousemap #lighthouseshop a:hover {background-position:-98px -637px;}
#lighthousemap #lighthouse a:hover {background-position:-98px -637px;}
#lighthousemap #restarea a:hover {background-position:-98px -637px;}

/*Corolla Village1 Map aerial */
#village1map {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/corollavillage1.jpg) no-repeat;
}

#village1map #villageshops {left: 0px; top: 270px; width: 208px; height: 95px; z-index: 10;}
#village1map #rentals1 {left: 55px; top: 200px; width: 102px; height: 56px; z-index: 10;}
#village1map #sales1 {left: 158px; top: 200px; width: 98px; height: 45px; z-index: 10;}
#village1map #lighthouse1 {left: 366px; top: 213px; width: 90px; height: 108px; z-index: 10;}

#village1map #villageshops a {height: 95px;}
#village1map #rentals1 a {height: 56px;}
#village1map #sales1 a {height: 45px;}
#village1map #lighthouse1 a {height: 108px;}

#village1map #villageshops a:hover  {background-position:-98px -637px;}
#village1map #rentals1 a:hover  {background-position:-98px -637px;}
#village1map #sales1 a:hover {background-position:-98px -637px;}
#village1map #lighthouse1 a:hover {background-position:-98px -637px;}

/*Tim Buck Map aerial */
#timbuckmap {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/timbuck.jpg) no-repeat;
}

#timbuckmap #corollarace {left: 118px; top: 160px; width: 100px; height: 65px; z-index: 10;}
#timbuckmap #seaside {left: 475px; top: 160px; width: 82px; height: 56px; z-index: 10;}
#timbuckmap #cottongin {left: 408px; top: 165px; width: 58px; height: 45px; z-index: 10;}
#timbuckmap #brewthru {left: 278px; top: 322px; width: 42px; height: 35px; z-index: 10;}
#timbuckmap #golflinks {left: 188px; top: 120px; width: 78px; height: 35px; z-index: 10;}
#timbuckmap #bumpercars {left: 132px; top: 130px; width: 38px; height: 30px; z-index: 10;}
#timbuckmap #mikediannas {left: 63px; top: 120px; width: 68px; height: 45px; z-index: 10;}
#timbuckmap #mrmunchies {left: 282px; top: 122px; width: 24px; height: 25px; z-index: 10;}
#timbuckmap #mrmunchiestitle {left: 271px; top: 102px; width: 48px; height: 25px; z-index: 10;}
#timbuckmap #route12 {left: 248px; top: 302px; width: 38px; height: 24px; z-index: 10;}

#timbuckmap #corollarace a {height: 65px;}
#timbuckmap #seaside a {height: 56px;}
#timbuckmap #cottongin a {height: 45px;}
#timbuckmap #brewthru a {height: 35px;}
#timbuckmap #golflinks a {height: 35px;}
#timbuckmap #bumpercars a {height: 30px;}
#timbuckmap #mikediannas a {height: 45px;}
#timbuckmap #mrmunchies a {height: 25px;}
#timbuckmap #mrmunchiestitle a {height: 25px;}
#timbuckmap #route12 a {height: 24px;}

#timbuckmap #corollarace a:hover  {background-position:-98px -637px;}
#timbuckmap #seaside a:hover  {background-position:-98px -637px;}
#timbuckmap #cottongin a:hover {background-position:-98px -637px;}
#timbuckmap #brewthru a:hover {background-position:-98px -637px;}
#timbuckmap #golflinks a:hover {background-position:-98px -637px;}
#timbuckmap #bumpercars a:hover {background-position:-98px -637px;}
#timbuckmap #mikediannas a:hover {background-position:-98px -637px;}
#timbuckmap #mrmunchies a:hover {background-position:-98px -637px;}
#timbuckmap #route12 a:hover {background-position:-98px -637px;}

/*Monteray Plaza Map aerial */
#monterayplazamap {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/monterayplaza.jpg) no-repeat;
}

#monterayplazamap #foodlion {left: 400px; top: 212px; width: 85px; height: 36px; z-index: 10;}
#monterayplazamap #bacchus {left: 516px; top: 263px; width: 46px; height: 38px; z-index: 10;}
#monterayplazamap #bacchustitle {left: 504px; top: 248px; width: 35px; height: 23px; z-index: 10;}
#monterayplazamap #subway {left: 536px; top: 233px; width: 60px; height: 28px; z-index: 10;}
#monterayplazamap #bdaysuits {left: 467px; top: 242px; width: 25px; height: 26px; z-index: 10;}
#monterayplazamap #bdaysuitstitle {left: 437px; top: 262px; width: 45px; height: 26px; z-index: 10;}
#monterayplazamap #movies {left: 426px; top: 168px; width: 50px; height: 28px; z-index: 10;}
#monterayplazamap #moviestitle {left: 416px; top: 138px; width: 70px; height: 28px; z-index: 10;}
#monterayplazamap #kittyhawkkites {left: 375px; top: 162px; width: 28px; height: 16px; z-index: 10;}
#monterayplazamap #kittyhawkkitestitle {left: 278px; top: 152px; width: 98px; height: 26px; z-index: 10;}
#monterayplazamap #tw {left: 385px; top: 178px; width: 28px; height: 16px; z-index: 10;}
#monterayplazamap #twtitle {left: 338px; top: 178px; width: 52px; height: 26px; z-index: 10;}
#monterayplazamap #dockside {left: 372px; top: 143px; width: 28px; height: 15px; z-index: 10;}
#monterayplazamap #docksidetitle {left: 338px; top: 113px; width: 80px; height: 24px; z-index: 10;}
#monterayplazamap #obxcoffee {left: 218px; top: 250px; width: 82px; height: 23px; z-index: 10;}
#monterayplazamap #sooeys {left: 328px; top: 230px; width: 28px; height: 25px; z-index: 10;}
#monterayplazamap #sooeystitle {left: 340px; top: 219px; width: 55px; height: 28px; z-index: 10;}
#monterayplazamap #philly {left: 365px; top: 263px; width: 30px; height: 24px; z-index: 10;}
#monterayplazamap #phillytitle {left: 375px; top: 253px; width: 60px; height: 24px; z-index: 10;}
#monterayplazamap #dairyqueen {left: 275px; top: 218px; width: 48px; height: 25px; z-index: 10;}
#monterayplazamap #tomatopatch {left: 325px; top: 306px; width: 82px; height: 38px; z-index: 10;}
#monterayplazamap #corollasurfshop {left: 296px; top: 276px; width: 30px; height: 18px; z-index: 10;}
#monterayplazamap #corollasurfshoptitle {left: 235px; top: 276px; width: 62px; height: 23px; z-index: 10;}
#monterayplazamap #lighthousebagels {left: 296px; top: 296px; width: 40px; height: 28px; z-index: 10;}
#monterayplazamap #lighthousebagelstitle {left: 264px; top: 306px; width: 60px; height: 28px; z-index: 10;}
#monterayplazamap #ace {left: 256px; top: 90px; width: 78px; height: 38px; z-index: 10;}
#monterayplazamap #farmersdaughter {left: 196px; top: 168px; width: 70px; height: 40px; z-index: 10;}
#monterayplazamap #seasidemarket {left: 154px; top: 345px; width: 90px; height: 58px; z-index: 10;}
#monterayplazamap #cotton {left: 138px; top: 422px; width: 80px; height: 58px; z-index: 10;}
#monterayplazamap #obgas {left: 226px; top: 148px; width: 50px; height: 18px; z-index: 10;}

#monterayplazamap #foodlion a {height: 36px;}
#monterayplazamap #bacchus a {height: 38px;}
#monterayplazamap #bacchustitle a {height: 23px;}
#monterayplazamap #subway a {height: 28px;}
#monterayplazamap #bdaysuits a {height: 26px;}
#monterayplazamap #bdaysuitstitle a {height: 26px;}
#monterayplazamap #movies a {height: 28px;}
#monterayplazamap #moviestitle a {height:28px;}
#monterayplazamap #kittyhawkkites a {height: 16px;}
#monterayplazamap #kittyhawkkitestitle a {height: 26px;}
#monterayplazamap #tw a {height: 16px;}
#monterayplazamap #twtitle a {height: 26px;}
#monterayplazamap #dockside a {height: 15px;}
#monterayplazamap #docksidetitle a {height: 24px;}
#monterayplazamap #obxcoffee a {height: 23px;}
#monterayplazamap #sooeys a {height: 25px;}
#monterayplazamap #sooeystitle a {height: 28px;}
#monterayplazamap #philly a {height: 24px;}
#monterayplazamap #phillytitle a {height: 24px;}
#monterayplazamap #dairyqueen a {height: 25px;}
#monterayplazamap #tomatopatch a {height: 38px;}
#monterayplazamap #corollasurfshop a {height: 18px;}
#monterayplazamap #corollasurfshoptitle a {height: 23px;}
#monterayplazamap #lighthousebagels a {height: 28px;}
#monterayplazamap #lighthousebagelstitle a {height: 28px;}
#monterayplazamap #ace a {height: 38px;}
#monterayplazamap #farmersdaughter a {height: 40px;}
#monterayplazamap #seasidemarket a {height: 58px;}
#monterayplazamap #cotton a {height: 58px;}
#monterayplazamap #obgas a {height: 18px;}

#monterayplazamap #foodlion a:hover {background-position:-98px -637px;}
#monterayplazamap #bacchus a:hover {background-position:-98px -637px;}
#monterayplazamap #bacchustitle a:hover {background-position:-98px -637px;}
#monterayplazamap #subway a:hover {background-position:-98px -637px;}
#monterayplazamap #bdaysuits a:hover {background-position:-98px -637px;}
#monterayplazamap #bdaysuitstitle a:hover {background-position:-98px -637px;}
#monterayplazamap #movies a:hover {background-position:-98px -637px;}
#monterayplazamap #moviestitle a:hover {background-position:-98px -637px;}
#monterayplazamap #kittyhawkkites a:hover {background-position:-98px -637px;}
#monterayplazamap #kittyhawkkitestitle a:hover {background-position:-98px -637px;}
#monterayplazamap #tw a:hover {background-position:-98px -637px;}
#monterayplazamap #twtitle a:hover {background-position:-98px -637px;}
#monterayplazamap #dockside a:hover {background-position:-98px -637px;}
#monterayplazamap #docksidetitle a:hover {background-position:-98px -637px;}
#monterayplazamap #obxcoffee a:hover {background-position:-98px -637px;}
#monterayplazamap #sooeys a:hover {background-position:-98px -637px;}
#monterayplazamap #sooeystitle a:hover {background-position:-98px -637px;}
#monterayplazamap #philly a:hover {background-position:-98px -637px;}
#monterayplazamap #phillytitle a:hover {background-position:-98px -637px;}
#monterayplazamap #dairyqueen a:hover {background-position:-98px -637px;}
#monterayplazamap #tomatopatch a:hover {background-position:-98px -637px;}
#monterayplazamap #corollasurfshop a:hover {background-position:-98px -637px;}
#monterayplazamap #corollasurfshoptitle a:hover {background-position:-98px -637px;}
#monterayplazamap #lighthousebagels a:hover {background-position:-98px -637px;}
#monterayplazamap #lighthousebagelstitle a:hover {background-position:-98px -637px;}
#monterayplazamap #ace a:hover {background-position:-98px -637px;}
#monterayplazamap #farmersdaughter a:hover {background-position:-98px -637px;}
#monterayplazamap #seasidemarket a:hover {background-position:-98px -637px;}
#monterayplazamap #cotton a:hover {background-position:-98px -637px;}
#monterayplazamap #obgas a:hover {background-position:-98px -637px;}

/*Corolla Village2 Map aerial */
#village2map {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/corollavillage2.jpg) no-repeat;
}

#village2map #correntals {left: 160px; top: 245px; width: 48px; height: 62px; z-index: 10;}
#village2map #correntalstitle {left: 170px; top: 305px; width: 78px; height: 38px; z-index: 10;}
#village2map #corsales {left: 80px; top: 296px; width: 78px; height: 72px; z-index: 10;}
#village2map #bbq {left: 100px; top: 220px; width: 38px; height:38px; z-index: 10;}
#village2map #bbqtitle {left: 130px; top: 205px; width: 22px; height: 18px; z-index: 10;}
#village2map #garden {left: 168px; top: 200px; width: 42px; height:32px; z-index: 10;}
#village2map #gardenshop {left: 148px; top: 185px; width: 22px; height:18px; z-index: 10;}
#village2map #gardenshoptitle {left: 108px; top: 170px; width: 55px; height:26px; z-index: 10;}
#village2map #coastalex {left: 225px; top: 120px; width: 18px; height: 26px; z-index: 10;}
#village2map #coastalextitle {left: 200px; top: 80px; width: 68px; height: 46px; z-index: 10;}
#village2map #corwinks {left: 315px; top: 240px; width: 42px; height: 60px; z-index: 10;}
#village2map #library {left: 125px; top: 380px; width: 92px; height: 60px; z-index: 10;}
#village2map #church {left: 268px; top: 125px; width: 58px; height: 46px; z-index: 10;}
#village2map #bookstore {left: 205px; top: 150px; width: 52px; height: 30px; z-index: 10;}
#village2map #schoolhouse {left: 25px; top: 178px; width: 72px; height: 30px; z-index: 10;}

#village2map #correntals a {height: 62px;}
#village2map #correntalstitle a {height: 38px;}
#village2map #corsales a {height: 72px;}
#village2map #bbq a {height: 38px;}
#village2map #bbqtitle a {height: 18px;}
#village2map #garden a {height: 32px;}
#village2map #gardenshop a {height: 18px;}
#village2map #gardenshoptitle a {height: 26px;}
#village2map #coastalex a {height: 26px;}
#village2map #coastalextitle a {height: 46px;}
#village2map #corwinks a {height: 60px;}
#village2map #library a {height: 60px;}
#village2map #church a {height: 46px;}
#village2map #bookstore a {height: 30px;}
#village2map #schoolhouse a {height: 30px;}

#village2map #correntals a:hover {background-position:-98px -637px;}
#village2map #correntalstitle a:hover {background-position:-98px -637px;}
#village2map #corsales a:hover {background-position:-98px -637px;}
#village2map #bbq a:hover {background-position:-98px -637px;}
#village2map #bbqtitle a:hover {background-position:-98px -637px;}
#village2map #garden a:hover {background-position:-98px -637px;}
#village2map #gardenshop a:hover {background-position:-98px -637px;}
#village2map #gardenshoptitle a:hover {background-position:-98px -637px;}
#village2map #coastalex a:hover {background-position:-98px -637px;}
#village2map #coastalextitle a:hover {background-position:-98px -637px;}
#village2map #corwinks a:hover {background-position:-98px -637px;}
#village2map #library a:hover {background-position:-98px -637px;}
#village2map #church a:hover {background-position:-98px -637px;}
#village2map #bookstore a:hover {background-position:-98px -637px;}
#village2map #schoolhouse a:hover {background-position:-98px -637px;}

/*Corolla Light Town Center Map aerial */
#corollalighttowncentermap {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/corollalighttowncenter.jpg) no-repeat;
}

#corollalighttowncentermap #corollamarket {left: 360px; top: 270px; width: 28px; height: 12px; z-index: 10;}
#corollalighttowncentermap #corollamarkettitle {left: 310px; top: 252px; width: 62px; height: 22px; z-index: 10;}
#corollalighttowncentermap #cosmos {left: 365px; top: 285px; width: 28px; height: 12px; z-index: 10;}
#corollalighttowncentermap #cosmostitle {left: 315px; top: 278px; width: 49px; height: 22px; z-index: 10;}
#corollalighttowncentermap #oceanthread {left: 352px; top: 320px; width: 35px; height:30px; z-index: 10;}
#corollalighttowncentermap #oceanrentalscorolla {left: 392px; top: 327px; width: 40px; height: 38px; z-index: 10;}
#corollalighttowncentermap #wildhorseshop {left: 350px; top: 236px; width: 22px; height:15px; z-index: 10;}
#corollalighttowncentermap #wildhorseshoptitle {left: 280px; top: 224px; width: 72px; height:25px; z-index: 10;}
#corollalighttowncentermap #bakery {left: 440px; top: 262px; width: 60px; height:45px; z-index: 10;}
#corollalighttowncentermap #villagefisherman {left: 393px; top: 214px; width: 20px; height: 16px; z-index: 10;}
#corollalighttowncentermap #villagefishermantitle {left: 386px; top: 184px; width: 54px; height: 25px; z-index: 10;}
#corollalighttowncentermap #surfco {left: 374px; top: 224px; width: 20px; height: 16px; z-index: 10;}
#corollalighttowncentermap #surfcotitle {left: 332px; top: 196px; width: 54px; height: 25px; z-index: 10;}

#corollalighttowncentermap #corollamarket a {height: 12px;}
#corollalighttowncentermap #corollamarkettitle a {height: 22px;}
#corollalighttowncentermap #cosmos a {height: 12px;}
#corollalighttowncentermap #cosmostitle a {height: 22px;}
#corollalighttowncentermap #oceanthread a {height: 30px;}
#corollalighttowncentermap #oceanrentalscorolla a {height: 38px;}
#corollalighttowncentermap #wildhorseshop a {height: 15px;}
#corollalighttowncentermap #wildhorseshoptitle a {height: 25px;}
#corollalighttowncentermap #bakery a {height: 45px;}
#corollalighttowncentermap #villagefisherman a {height: 16px;}
#corollalighttowncentermap #villagefishermantitle a {height: 25px;}
#corollalighttowncentermap #surfco a {height: 16px;}
#corollalighttowncentermap #surfcotitle a {height: 25px;}

#corollalighttowncentermap #corollamarket a:hover {background-position:-98px -637px;}
#corollalighttowncentermap #corollamarkettitle a:hover {background-position:-98px -637px;}
#corollalighttowncentermap #cosmos a:hover {background-position:-98px -637px;}
#corollalighttowncentermap #cosmostitle a:hover {background-position:-98px -637px;}
#corollalighttowncentermap #oceanthread a:hover {background-position:-98px -637px;}
#corollalighttowncentermap #oceanrentalscorolla a:hover {background-position:-98px -637px;}
#corollalighttowncentermap #wildhorseshop a:hover {background-position:-98px -637px;}
#corollalighttowncentermap #wildhorseshoptitle a:hover {background-position:-98px -637px;}
#corollalighttowncentermap #bakery a:hover {background-position:-98px -637px;}
#corollalighttowncentermap #villagefisherman a:hover {background-position:-98px -637px;}
#corollalighttowncentermap #villagefishermantitle a:hover {background-position:-98px -637px;}
#corollalighttowncentermap #surfco a:hover {background-position:-98px -637px;}
#corollalighttowncentermap #surfcotitle a:hover {background-position:-98px -637px;}

/*Bacchus aerial */
#bacchusmap {
width: 600px;
height: 481px;
background: #5ae url(http://www.twiddy.com/aerials/images/bacchus-aerial.jpg) no-repeat;
}

#bacchuswine {left: 500px; top: 250px; width: 50px; height: 10px; z-index: 10;}
#bacchuswinetitle {left: 500px; top: 280px; width: 92px; height: 82px; z-index: 10;}
#bacchuswinecheese {left: 530px; top: 250px; width: 42px; height: 30px; z-index: 10;}
#bacchuswinespecialty {left: 500px; top: 260px; width: 42px; height: 30px; z-index: 10;}

#bacchuswine a {height: 10px;}
#bacchuswinetitle a {height: 82px;}
#bacchuswinecheese a {height: 30px;}
#bacchuswinespecialty a {height: 30px;}

#bacchuswine a:hover {background-position:-98px -637px;}
#bacchuswinetitle a:hover {background-position:-98px -637px;}
#bacchuswinecheese a:hover {background-position:-98px -637px;}
#bacchuswinespecialty a:hover {background-position:-98px -637px;}

/*R11401 aerial */
#R11401map {
width: 600px;
height: 400px;
background: #5ae url(http://www.twiddy.com/aerials/images/R11401-aerial.jpg) no-repeat;
}

#privacy {left: 234px; top: 95px; width: 100px; height: 50px; z-index: 10;}
#pond {left: 355px; top: 165px; width: 102px; height: 22px; z-index: 10;}
#soundaccess {left: 3px; top: 60px; width: 57px; height: 60px; z-index: 10;}
#pier {left: 72px; top: 70px; width: 58px; height: 55px; z-index: 10;}
#beachramp {left: 230px; top: 250px; width: 105px; height: 60px; z-index: 10;}
#beachrampdot {left: 257px; top: 228px; width: 25px; height: 30px; z-index: 10;}
#acreage {left: 148px; top: 70px; width: 50px; height: 55px; z-index: 10;}
#beachnut {left: 276px; top: 172px; width: 70px; height: 45px; z-index: 10;}
#beachnutdot {left: 296px; top: 212px; width: 100px; height: 35px; z-index: 10;}


#privacy a {height: 50px;}
#pond a {height: 22px;}
#soundaccess a {height: 60px;}
#pier a {height: 55px;}
#beachramp a {height: 60px;}
#beachrampdot a {height: 30px;}
#acreage a {height: 55px;}
#beachnut a {height: 45px;}
#beachnutdot a {height: 35px;}


#privacy a:hover {background-position:-98px -637px;}
#pond a:hover {background-position:-98px -637px;}
#soundaccess a:hover {background-position:-98px -637px;}
#pier a:hover {background-position:-98px -637px;}
#beachramp a:hover {background-position:-98px -637px;}
#beachrampdot a:hover {background-position:-98px -637px;}
#acreage a:hover {background-position:-98px -637px;}
#beachnut a:hover {background-position:-98px -637px;}
#beachnutdot a:hover {background-position:-98px -637px;}

/*R11401 Front Exterior aerial */
#R11401frontmap {
width: 600px;
height: 425px;
background: #5ae url(http://www.twiddy.com/aerials/images/R11401-FrontExt.jpg) no-repeat;
}

#soundviewdeck {left: 202px; top: 220px; width: 25px; height: 25px; z-index: 10;}
#soundviewporch {left: 375px; top: 279px; width: 25px; height: 25px; z-index: 10;}
#soundviewdeckocean {left: 244px; top: 200px; width: 25px; height: 25px; z-index: 10;}
#beachside {left: 518px; top: 190px; width: 25px; height: 25px; z-index: 10;}

#soundviewdeck a {height: 25px;}
#soundviewporch a {height: 25px;}
#soundviewdeckocean a {height: 25px;}
#beachside a {height: 25px;}

#soundviewdeck a:hover {background-position:-98px -637px;}
#soundviewporch a:hover {background-position:-98px -637px;}
#soundviewdeckocean a:hover {background-position:-98px -637px;}
#beachside a:hover {background-position:-98px -637px;}

/*R11401 Oceanside Exterior aerial */
#R11401oceanmap {
width: 600px;
height: 425px;
background: #5ae url(http://www.twiddy.com/aerials/images/R11401-OceanExt.jpg) no-repeat;
}

#soundsideext {left: 146px; top: 129px; width: 25px; height: 25px; z-index: 10;}
#bedroomview {left: 409px; top: 155px; width: 202px; height: 25px; z-index: 10;}
#frontview {left: 378px; top: 222px; width: 25px; height: 25px; z-index: 10;}
#loftview {left: 277px; top: 165px; width: 25px; height: 25px; z-index: 10;}
#porchoceanview {left: 146px; top: 195px; width: 25px; height: 25px; z-index: 10;}
#southfrontview {left: 241px; top: 249px; width: 25px; height: 25px; z-index: 10;}

#soundsideext a {height: 25px;}
#bedroomview a {height: 25px;}
#frontview a {height: 25px;}
#loftview a {height: 25px;}
#porchoceanview a {height: 25px;}
#southfrontview a {height: 25px;}

#soundsideext a:hover {background-position:-98px -637px;}
#bedroomview a:hover {background-position:-98px -637px;}
#frontview a:hover {background-position:-98px -637px;}
#loftview a:hover {background-position:-98px -637px;}
#porchoceanview a:hover {background-position:-98px -637px;}
#southfrontview a:hover {background-position:-98px -637px;}

/*Gatten Homes aerial */
#gattenmap {
width: 600px;
height: 186px;
background: #5ae url(http://www.twiddy.com/aerials/images/author-estates.jpg) no-repeat;
}

#R11459 {left: 5px; top: 50px; width: 220px; height: 120px; z-index: 10;}
#R11461 {left: 236px; top: 50px; width: 200px; height: 100px; z-index: 10;}
#R11463 {left: 460px; top: 50px; width: 135px; height: 95px; z-index: 10;}

#R11459 a {height: 120px;}
#R11461 a {height: 100px;}
#R11463 a {height: 95px;}

#R11459 a:hover {background-position:-98px -637px;}
#R11461 a:hover {background-position:-98px -637px;}
#R11463 a:hover {background-position:-98px -637px;}

/*Pine Island South 1 aerial */
#pisouth1map {
width: 600px;
height: 440px;
background: #5ae url(http://www.twiddy.com/aerials/aerialjpgs/aerial-pine-island-south-1.jpg) no-repeat;
}

#E268 {left: 95px; top: 230px; width: 20px; height: 20px; z-index: 10;}
#E267 {left: 245px; top: 100px; width: 150px; height: 100px; z-index: 10;}
#E262 {left: 415px; top: 120px; width: 115px; height: 60px; z-index: 10;}
#E253 {left: 415px; top: 120px; width: 115px; height: 60px; z-index: 10;}

#E268 a {height: 100px;}
#E267 a {height: 100px;}
#E262 a {height: 60px;}
#E253 a {height: 60px;}

#E268 a:hover {background-position:-98px -637px;}
#E267 a:hover {background-position:-98px -637px;}
#E262 a:hover {background-position:-98px -637px;}
#E253 a:hover {background-position:-98px -637px;}

/*Seaside aerial */
#seasidemap {
width: 600px;
height: 481px;
background: #5ae url(http://www.twiddy.com/aerials/images/seaside-aerial.jpg) no-repeat;
}

#seaside {left: 155px; top: 305px; width: 120px; height: 100px; z-index: 10;}

#seaside a {height: 100px;}

#seaside a:hover {background-position:-98px -637px;}

/*Tommy's aerial */
#tommysmap {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/tommys-market-aerial.jpg) no-repeat;
}

#tommyduck {left: 358px; top: 215px; width: 60px; height: 55px; z-index: 10;}
#tommyducktitle {left: 348px; top: 265px; width: 180px; height: 75px; z-index: 10;}

#tommyduck a {height: 55px;}
#tommyducktitle a {height: 75px;}

#tommyduck a:hover {background-position:-98px -637px;}
#tommyducktitle a:hover {background-position:-98px -637px;}

/*Corolla Chapel aerial */
#corollachapelmap {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/corolla-chapel-aerial.jpg) no-repeat;
}

#corchapel {left: 268px; top: 125px; width: 120px; height: 68px; z-index: 10;}

#corchapel a {height: 68px;}

#corchapel a:hover {background-position:-98px -637px;}

/*Corolla Schoolhouse aerial */
#corollaschoolhousemap {
width: 600px;
height: 480px;
background: #5ae url(http://www.twiddy.com/aerials/images/corolla-schoolhouse-aerial.jpg) no-repeat;
}

#corschool {left: 2px; top: 125px; width: 130px; height: 75px; z-index: 10;}

#corschool a {height: 75px;}

#corschool a:hover {background-position:-98px -637px;}