/*----------------------------------------------------------------------
MAP SPECIFIC
----------------------------------------------------------------------*/
.map {
    width: 610px; height: 586px;
    position: relative; z-index: 1;
    margin: 0 auto;
    /*
    background-color: white;
	background-image: url(../images/primary.png);
    */
    }
.map * {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
    }

.map .location {
    position: absolute;
    cursor: pointer;
	overflow: inherit;
    }

/*
.map .location:active {
    background-color: #000;
    } 
*/   
.map .location * {
    font-family: Helvetica Neue, Helvetica, Arial;
    }
.map .location .title {
    font-size: 10pt; line-height: 14pt;
    font-weight: bold;
    color: #000;
    text-align: center;
    position: absolute; z-index: 3;
    bottom: -40px; /*left: auto;*/
    display: block;
    }
.map .location .title span {
    font-size: 8pt; line-height: 10pt;
    font-weight: normal;
    color: #666;
    text-align: center;
    display: block;
	opacity:1.0;filter:alpha(opacity=100);
    }
.map .location:hover .title span {
    color: #000 !important;
    }
.map .title2holderLeft {
	height: 550px;
    font-size: 9pt; line-height: 12pt;
    font-weight: bold;
    color: #666;
    text-align: left;
	width: 210px;
    position: absolute; z-index: 4;
	overflow-y: auto;
    top: 5px; /*left: auto;*/
    }
.map .title2holderLeftSmall {
	height: 550px;
    font-size: 9pt; line-height: 12pt;
    font-weight: bold;
    color: #666;
    text-align: left;
	width: 150px;
    position: absolute; z-index: 4;
	overflow-y: auto;
    top: 5px; /*left: auto;*/
    }
.map .title2holderRight {
    font-size: 9pt; line-height: 11pt;
    font-weight: bold;
    color: #666;
    text-align: left; margin-left: 540px;
	width: 150px;
    position: relative; z-index: 4;
    top: -478px;
    }
.map .title2 {
    font-size: 9pt; line-height: 11pt;
    font-weight: bold;
    color: #000;
    text-align: left;
    position: absolute; z-index: 4;
	 /*left: auto;*/
    }
.map .title2 span {
    font-size: 8pt; line-height: 10pt;
    font-weight: normal;
    color: #666;
    text-align: center;
    display: block;
	opacity:1.0;filter:alpha(opacity=100);
    }
.map .title2:hover {
    color: #666 !important;
    }
.map .location .title2:hover span {
    color: #000 !important;
    }
	
.durham {
	width: 144px; height: 129px;
	background-image: url(../images/normal_durham.png);
	top: 79px; left: 450px;
	z-index: 3;
    }
.durham:hover {
	background-image: url(../images/over_durham.png);
    }
.hamBur {
	width: 178px; height: 182px;
	background-image: url(../images/normal_ham_bur.png);
	top: 375px; left: 172px;
    }
.hamBur:hover {
	background-image: url(../images/over_ham_bur.png);
    }

.kwGuelph {
	width: 255px; height: 289px;
	background-image: url(../images/normal_kw_guelph.png);
	top: 148px; left: 15px;
    }
.kwGuelph:hover {
	background-image: url(../images/over_kw_guelph.png);
    }

.mississauga {
	width: 76px; height: 76px;
	background-image: url(../images/normal_mississauga.png);
	top: 263px; left: 291px;
	z-index: 5;
    }
.mississauga:hover {
	background-image: url(../images/over_mississauga.png);
    }

.northGta {
	width: 220px; height: 274px;
	background-image: url(../images/normal_north_gta.png);
	top: 55px; left: 130px;
    }
.northGta:hover {
	background-image: url(../images/over_north_gta.png);
    }

.oakville {
	width: 133px; height: 112px;
	background-image: url(../images/normal_oakville.png);
	top: 295px; left: 212px;
    }
.oakville:hover {
	background-image: url(../images/over_oakville.png);
    }

.toCentral {
	width: 66px; height: 77px;
	background-image: url(../images/normal_to_central.png);
	top: 205px; left: 367px;
	z-index: 5;
    }
.toCentral:hover {
	background-image: url(../images/over_to_central.png);
    }

.toEast {
	width: 85px; height: 77px;
	background-image: url(../images/normal_to_east.png);
	top: 180px; left: 402px;
	z-index: 4;
    }
.toEast:hover {
	background-image: url(../images/over_to_east.png);
    }
    
.toWest {
	width: 60px; height: 85px;
	background-image: url(../images/normal_to_west.png);
	top: 216px; left: 327px;
    }
.toWest:hover {
	background-image: url(../images/over_to_west.png);
    }
    
.york {
	width: 265px; height: 234px;
	background-image: url(../images/normal_york.png);
	top: 8px; left: 229px;
    }
.york:hover {
	background-image: url(../images/over_york.png);
    }