body
{
	background-color: #fff;
	margin: 0;
	padding: 0;
}

#map
{
	position: absolute;
}

/* All maps with their size and position */

#map
{
	background-image: url( "../images/map/map_zuid-afrika.png" );
	width: 442px;
	height: 342px;
}

#mapItems a
{
   position: absolute;
   text-decoration: none;
   font-size: 9px;
}

#mapItems a i { visibility: hidden; }

/* All items with coordinates on the map-image.
 * 
 * NOTE: left and top have to be -1 pixel of where you want it to be.
 * TEMPLATE:
 * a# { width: px; height: 14px; left: px; top: px; border: none; }
 */

a#kaapstad { width: 53px; height: 15px; left: 27px; top: 300px; border: none; }
a#stellenbosch { width: 68px; height: 12px; left: 107px; top: 306px; border: none; }
a#bloemfontein { width: 72px; height: 12px; left: 169px; top: 188px; border: none; }
a#kimberly { width: 49px; height: 15px; left: 155px; top: 163px; border: none; }
a#johannesburg { width: 78px; height: 14px; left: 196px; top: 106px; border: none; }
a#suncity { width: 45px; height: 14px; left: 209px; top: 89px; border: none; }
a#pretoria { width: 54px; height: 29px; left: 274px; top: 75px; border: none; }
a#polokwane { width: 60px; height: 12px; left: 259px; top: 50px; border: none; }
a#nelspruit { width: 50px; height: 14px; left: 332px; top: 86px; border: none; }
a#durban { width: 42px; height: 12px; left: 344px; top: 204px; border: none; }
a#portelizabeth { width: 73px; height: 12px; left: 233px; top: 296px; border: none; }
a#jeffreysbay { width: 68px; height: 14px; left: 201px; top: 311px; border: none; }

a#pilanesberg { width: 82px; height: 14px; left: 136px; top: 65px; border: none; }
a#kruger { width: 58px; height: 13px; left: 367px; top: 54px; border: none; }
a#goldengateshighlands { width: 74px; height: 28px; left: 366px; top: 174px; border: none; }
a#ukhahlambadrakensberg { width: 88px; height: 28px; left: 348px; top: 223px; border: none; }
a#addoelephant { width: 97px; height: 14px; left: 241px; top: 280px; border: none; }
a#tsitsikamma { width: 83px; height: 12px; left: 159px; top: 328px; border: none; }

a#blyderivercanyon { width: 57px; height: 28px; left: 222px; top: 12px; border: none; }
a#soweto { width: 40px; height: 11px; left: 213px; top: 51px; border: none; }
a#zululand { width: 48px; height: 12px; left: 328px; top: 152px; border: none; }
a#wildcoast { width: 42px; height: 26px; left: 301px; top: 247px; border: none; }
a#gardenroute { width: 40px; height: 26px; left: 167px; top: 281px; border: none; }
a#thekaroo { width: 54px; height: 12px; left: 113px; top: 239px; border: none; }
a#winelands { width: 55px; height: 12px; left: 38px; top: 277px; border: none; }
a#kalahari { width: 46px; height: 12px; left: 114px; top: 144px; border: none; }

a#westerncape { width: 48px; height: 26px; left: 108px; top: 277px; border: none; }
a#northerncape { width: 57px; height: 26px; left: 97px; top: 193px; border: none; }
a#easterncape { width: 45px; height: 26px; left: 230px; top: 243px; border: none; }
a#northwestcape { width: 67px; height: 27px; left: 184px; top: 121px; border: none; }
a#freestate { width: 30px; height: 26px; left: 239px; top: 153px; border: none; }
a#gauteng { width: 53px; height: 13px; left: 267px; top: 134px; border: none; }
a#kwazulunatal { width: 52px; height: 27px; left: 310px; top: 170px; border: none; }
a#mpumalanga { width: 49px; height: 27px; left: 385px; top: 93px; border: none; }
a#limpopo { width: 48px; height: 12px; left: 297px; top: 32px; border: none; }

/* All hover items. A simple border around the defined area.
 *
 * NOTE: By default all borders are black, red (highlights) must be defined seperatly.
 */

/* All black-lined items (all) */
#mapItems a:hover { border: 1px solid black; }

/* All green-lined items (override black) */
a#pilanesberg:hover { border: 1px solid #165829; }
a#kruger:hover { border: 1px solid #165829; }
a#goldengateshighlands:hover { border: 1px solid #165829; }
a#ukhahlambadrakensberg:hover { border: 1px solid #165829; }
a#addoelephant:hover { border: 1px solid #165829; }
a#tsitsikamma:hover { border: 1px solid #165829; }

/* All red-lined items (override black) */
a#blyderivercanyon:hover { border: 1px solid red; }
a#soweto:hover { border: 1px solid red; }
a#zululand:hover { border: 1px solid red; }
a#wildcoast:hover { border: 1px solid red; }
a#gardenroute:hover { border: 1px solid red; }
a#thekaroo:hover { border: 1px solid red; }
a#winelands:hover { border: 1px solid red; }
a#kalahari:hover { border: 1px solid red; }

/* All white-lined items (override black) */
a#westerncape:hover { border: 1px solid white; }
a#northerncape:hover { border: 1px solid white; }
a#easterncape:hover { border: 1px solid white; }
a#northwestcape:hover { border: 1px solid white; }
a#freestate:hover { border: 1px solid white; }
a#gauteng:hover { border: 1px solid white; }
a#kwazulunatal:hover { border: 1px solid white; }
a#mpumalanga:hover { border: 1px solid #CC9915; }
a#limpopo:hover { border: 1px solid white; }