Point Location

dabblet.css

#container {
width:990px;
margin:0 auto;
height:auto;
}

.infotip span a {color:#fff;font-weight:bold;text-decoration:none;float:right;}
.infotip span {
	display:none;
	min-width:320px;
	text-align:justify;
	z-index:500;
	padding:0;
	margin:0;
}
.infotip:hover span {
	border:#6b6b6b 3px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	padding:10px;
	margin-top:10px;
	margin-left:-165px;
	display:block;
	z-index:550;
	background:url(http://www.youtrain.com/pingdev/wp-content/themes/choices/images/point-hover.png) repeat;
	left:0px;
	width:250px;
	position:relative;
	top:0;
	text-decoration:none;
	color:#fff;
	font-size:11px;
}
.infotip span strong, .infotip span p {
	padding:0 0 20px 0;
	margin:0;
	color:#FFF;
}
.infotip span a:hover

.point1:hover, .point2:hover,
.point3:hover, .point4:hover,
.point5:hover, .point6:hover,
.point7:hover, .point8:hover,
.point9:hover, .point10:hover,
.point11:hover {
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
	background: url(http://www.youtrain.com/pingdev/wp-content/themes/choices/images/scotland-map-point-hover-small.png) no-repeat center;
	cursor:help;
}
.point1, .point2,
.point3, .point4,
.point5, .point6,
.point7, .point8,
.point9, .point10,
.point11 {
	position:absolute;
	width:20px;
	height:20px;
	background: url(http://www.youtrain.com/pingdev/wp-content/themes/choices/images/scotland-map-point-small.png) no-repeat center;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}

#map-wrapper {
	width:100%;
	height:502px;
	background:  url(http://www.youtrain.com/pingdev/wp-content/themes/choices/images/scotland-map-2.png) no-repeat center;
	display:block;
	margin: 0 auto;
	padding:10px;
}

.point1 {
	margin-top:485px;
	margin-left:430px;
}
.point2 {
	margin-top:255px;
	margin-left:685px;
}
.point3 {
	margin-top:465px;
	margin-left:590px;
}
.point4 {
	margin-top:455px;
	margin-left:480px;
}
.point5 {
	margin-top:480px;
	margin-left:560px;
}
.point6 {
	margin-top:225px;
	margin-left:680px;
}
.point7 {
	margin-top:500px;
	margin-left:460px;
}
.point8 {
	margin-top:470px;
	margin-left:460px;
}
.point9 {
	margin-top:485px;
	margin-left:490px;
}
.point10 {
	margin-top:440px;
	margin-left:460px;
}
.point11 {
	margin-top:245px;
	margin-left:650px;
}


/*
******************
  Point Location
******************
point1 - Glasgow
point2 - Aberdeen
point3 - Edinburgh
point4 - Glasgow
point5 - Edinburgh
point6 - Aberdeen
point7 - Glasgow
point8 - Glasgow
point9 - Glasgow
point10 - Glasgow
point11 - Aberdeen
*/

dabblet.html

<div id="container">
<div id="map-wrapper">
<div class="point1 infotip">
			<span><br />
				<strong>Bespoke Secure Guest Access Solution</strong></p>
<p>During the past 5 years Ping’s customers have seen an increasing requirement to support external users on the internal network…</p>
<p><a href="./cs1">Click here for full case study</a></p>
<p>			</span>
		</div>
<div class="point2 infotip">
			<span><br />
				<strong>Custom Built Pro-Active Management</strong></p>
<p>Network Monitoring can be challenge when it comes to finding the right solution, one that covers all business requirements, that’s…</p>
<p><a href="./cs2">Click here for full case study</a></p>
<p>			</span>
		</div>
<div class="point3 infotip">
			<span><br />
				<strong>Unified Communications</strong></p>
<p>In the summer of 2011, Ping Network Solutions were awarded the contract to deliver an end-to-end unified communications…</p>
<p><a href="./cs4">Click here for full case study</a></p>
<p>			</span>
		</div>
<div class="point4 infotip">
			<span><br />
				<strong>Unified Communications and Contact Centre Solution</strong></p>
<p>Ping Network Solutions has a market leading reputation for service excellence relating to designing, implementing and supporting…</p>
<p><a href="./cs5">Click here for full case study</a></p>
<p>			</span>
		</div>
<div class="point5 infotip">
			<span><br />
				<strong>Dual Homed Network and Internet Resilience Solutions</strong></p>
<p>It is now the case for many businesses that Internet connectivity is business critical, but adding a second Internet connection…</p>
<p><a href="./cs6">Click here for full case study</a></p>
<p>			</span>
		</div>
<div class="point6 infotip">
			<span><br />
				<strong>Dual Homed Network and Internet Resilience Solutions</strong></p>
<p>It is now the case for many businesses that Internet connectivity is business critical, but adding a second Internet connection…</p>
<p><a href="./cs6">Click here for full case study</a></p>
<p>			</span>
		</div>
<div class="point7 infotip">
			<span><br />
				<strong>Dual Homed Network and Internet Resilience Solutions</strong></p>
<p>It is now the case for many businesses that Internet connectivity is business critical, but adding a second Internet connection…</p>
<p><a href="./cs6">Click here for full case study</a></p>
<p>			</span>
		</div>
<div class="point8 infotip">
			<span><br />
				<strong>National and International Maintenance Services</strong></p>
<p>For a large multi-national shipping organisation, network uptime is critical in terms of the supporting the network fabric used to…</p>
<p><a href="./cs7">Click here for full case study</a></p>
<p>			</span>
		</div>
<div class="point9 infotip">
			<span><br />
				<strong>Cisco Bring Your Own Device (BYOD) Solution</strong></p>
<p>Ping Network Solutions has many clients within the education sector and we understand their unique challenges very well…</p>
<p><a href="./cs8">Click here for full case study</a></p>
<p>			</span>
		</div>
<div class="point10 infotip">
			<span><br />
				<strong>Upgrade Campus Wireless to 802.11n</strong></p>
<p>Wireless is by the far the fastest growing network access medium.  Almost every intelligent device a business or consumer…</p>
<p><a href="./cs9">Click here for full case study</a></p>
<p>			</span>
		</div>
<div class="point11 infotip">
			<span><br />
				<strong>Cisco TelePresence Solution</strong></p>
<p>Operational efficiency and clarity of detail is never more business critical than when operating in an off-shore environment…</p>
<p><a href="./cs10">Click here for full case study</a></p>
<p>			</span>
		</div>
</div>
</div>
</div><!-- container end -->

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}