.main_internal{
	width:300px;
	height:200px;
	margin:0px;
	overflow:hidden;
	background:url('/graphics/zoom/map1.jpg') no-repeat center center;
	float:left;
}
/*zoom controls*/	
.zoom{
	position:relative;
	margin-top:20px;		
	display:block;
	width:17px;
	z-index:50;
}	
	.zoom li{
		padding:0;
		margin:0;
		width:17px;
		height:9px;
		list-style-type:none;			
		background:url('/graphics/zoom/zoom-slider.gif') no-repeat center center;	
		display:block;
		/*ie - so it removes all gaps..*/
		float:left; 
		clear:both;		
	}
	.zoom li a{
		height:9px;
		font-size:77%;
		padding:0;
		line-height:0.5em;
		margin:0;
		display:block;
		text-decoration:none;
	}
		.zoom li.zoom_plus, .zoom li.zoom_minus{height:17px;}
		.zoom li.zoom_plus a,
		.zoom li.zoom_minus a{
			width:17px;
			height:17px;
			background:url('/graphics/zoom/zoom-plus.gif') no-repeat center center;
		}
		.zoom li.zoom_minus a{background-image:url('/graphics/zoom/zoom-minus.gif');}
		.zoom li a, .zoom li a:hover{
			display:block;
			text-align:center;				
		}
		.zoom li.current_zoom a{background:url('/graphics/zoom/zoom-level.gif') no-repeat top left;}


/* FROM THE DRAG JQUERY */

.draggable {
	position: relative;
	width: 80px;
	height: 40px;
	border: 1px solid #0090DF;
	background-color: #68BFEF;
	padding: 10px;
	text-align: center;
}

#parentElem
{	
	height:700px;
	top: 0px;
	left: 0px;	
	position: relative;
	overflow: hidden;
	color: #000;
}

.insideParent
{
	height: 562px;	
	color: #fff;
	background-image:url('/graphics/zoom/map1.jpg');
	background-repeat:no-repeat;	
	position:relative;
	top:-50px;
}

.insideParent-walkthrough
{
	height: 700px;	
	color: #fff;
	background-image:url('/graphics/walkthrough/walkthrough-map-1.png');
	background-repeat:no-repeat;	
	position:relative;
	top:-50px;
}

.frameClass
{
	border: 1px dotted #999;
}

.mapView{color:#000;font-size:11px;text-decoration:none;}