body {
	padding: 0px;
	margin: 0px;
}

#viewport, .mapwrapper {
    width: 550px;
    height: 338px;
    cursor: move;
    margin: auto;
    overflow: hidden;
}

.mapwrapper {
    position: relative;
}

.map-control {
    position: absolute;
    top: 10px;
    right: 10px;
    background: url('/images/about/map/map-control.png') no-repeat;
    height: 63px;
    width: 100px;
}

.map-control a {
    height: 18px;
    width: 18px;
    display: block;
    text-indent: -999em;
    position: absolute;
    outline: none;
}

.map-control a:hover {
    background: #535353;
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.map-control a.left {
    left: 39px;
    top: 22px;
}

.map-control a.right {
    left: 79px;
    top: 22px;
}

.map-control a.up {
    left: 59px;
    top: 2px;
}

.map-control a.down {
    left: 59px;
    top: 42px;
}

.map-control a.zoom {
    left: 2px;
    top: 8px;
    height: 21px;
    width: 21px;
}

.map-control a.back {
    left: 2px;
    top: 31px;
    height: 21px;
    width: 21px;
}

.sizeOne {height: 338px; width: 560px; background: url('/images/about/map/map01.png') no-repeat;}
.sizeTwo {height: 604px; width: 1000px;}
.sizeThree {height: 905px; width: 1500px;}
.sizeFour {height: 1207px; width: 2000px;}
.sizeFive {height: 1509px; width: 2500px;}
.sizeSix {height: 1811px; width: 3000px;}
.sizeSeven {height: 2113px; width: 3500px;}

.pointerGreenPin {
	position: absolute;
	cursor: pointer;	
	margin-top: -9px; 
	margin-left: -2px;
}

.GreenPin {
	height: 12px;
	width: 8px;
}

.pointerRedStar {
	position: absolute;
	cursor: pointer;	
	margin-top: -8px; 
	margin-left: -8px;
}

.RedStar {
	height: 16px;
	width: 16px;
}