* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
.leaflet-control-attribution {
	display: none;
}
.iPhone {
	background: url(../images/nt-iphone-mask.png) 0 0 no-repeat;
	height: 900px;
	left: 50%;
	margin: 0 0 0 -250px;
	position: absolute;
	top: 0;
	width: 500px;
}
.screen {
	display: block;
	height: 480px;
	left: 90px;	
	position: absolute;
	top: 172px;	
	width: 320px;
}
.deviceBar {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	width: 320px;	
	z-index: 99;	
}
.osBar {
	background-image: url(../images/nt-iphone-osbar-dark.png);
	height: 20px;
	top: 0;		
}
.tabBar {
	background-image: url(../images/nt-iphone-tabbar.png);
	bottom: 0;
	height: 49px;
}
#map {
	height: 411px;
	top: 20px;
	width: 320px;
	z-index: 0;
}
.inDetail {
	display: block;
	height: 411px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	width: 320px;
	z-index: 1;	
}
.idTitle {
	background-color: rgba(255, 255, 255, 0.9);
	display: block;
	height: 50px;
	position: absolute;
	top: -60px;
	width: 320px;
	z-index: 1;
}
.idInfo {
	background-color: rgba(0, 0, 0, 0.9);
	color: #fff;
	display: block;
	height: 381px;
	padding: 20px 20px 20px 50px;
	position: absolute;
	top: 420px;
	width: 250px;
}
.idPin {
	background: url(../dist/images/nt-marker-trail-walk.png);	
	display: block;
	height: 49px;
	left: 10px;
	position: absolute;
	top: 10px;
	width: 30px;
}
.idTitle .type {
	color: #00828a;
	font-size: 0.7em;
	font-weight: bold;
	left: 50px;
	position: absolute;
	text-transform: uppercase;
	top: 10px;	
}
.idTitle .title {
	font-size: 1.2em;
	font-weight: bold;
	left: 50px;
	letter-spacing: -1px;
	position: absolute;
	top: 20px;
}
.idTitle .close {
	background: url(../images/nt-iphone-icon-close.png) 50% 50% no-repeat;
	display: block;
	height: 12px;
	position: absolute;
	right: 8px;
	text-indent: -9999px;
	top: 8px;
	width: 12px;
}