html.ie8 #stations
{

}

body.loading  #stations
{
	visibility: hidden;
}

#stations {
	position: relative;
	width: 100%;
	min-width: 1200px;
	text-align: center;
	z-index: 1;
	margin-top: 20px;
}


#stations > #floor-plan
{
	background: url("../../images/stations/stations-bg.jpg") transparent top center repeat;
	margin: 0px auto;
	width: 1000px;
	height: 767px;
	z-index: 1;

}

#stations > #floor-plan > img {
	z-index: 10000;
	position: relative;
	left: 0px;
}


#stations > ol {
	margin: 0px;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	height: 767px;
	list-style: none;
	top: 0px;
	z-index: 100;
}

#stations > ol > li
{

}

#stations > ol > li > .info
{
	text-decoration: none;
	display: block;
	height: 90px;
	width: 90px;
	display: block;
	position: absolute;
	text-align: center;
}

#stations > ol > li > .info > span
{
	font-size: 13px;
	display: block;
	color: black;
}

#stations > ol > li > .info > .title
{
	display: none;
}

#stations > ol > li > .info > .description
{
	position: absolute;
	bottom: 50px;
	display: block;
	width: 60px;
	padding: 0px 15px;
	text-align: center;
	font-weight: bold;

}

#stations > ol > li > .info > .number
{
	background: black;
	color: white;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	width: 44px;
	position: absolute;
	bottom: -1px;
	left: 22px;
	padding: 12px 0px;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	box-shadow: 1px 1px 5px rgba(0,0,0,.7);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.7);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.7);
	transition: all .3s ease-out
}


#stations > ol > #station-1 > .info > .number,
#stations > ol > #station-5 > .info > .number,
#stations > ol > #station-9 > .info > .number,
#stations > ol > #station-13 > .info > .number
{
	background-color: #84c666;
}

#stations > ol > #station-2 > .info > .number,
#stations > ol > #station-6 > .info > .number,
#stations > ol > #station-10 > .info > .number,
#stations > ol > #station-14 > .info > .number
{
	background-color: #2897ff;
}

#stations > ol > #station-3 > .info > .number,
#stations > ol > #station-7 > .info > .number,
#stations > ol > #station-11 > .info > .number,
#stations > ol > #station-15 > .info > .number
{
	background-color: #ff8042;
}

#stations > ol > #station-4 > .info > .number,
#stations > ol > #station-8 > .info > .number,
#stations > ol > #station-12 > .info > .number,
#stations > ol > #station-16 > .info > .number
{
	background-color: #3f60b8;
}




#stations > ol > #station-1.hover > .info > .number,
#stations > ol > #station-2.hover > .info > .number,
#stations > ol > #station-3.hover > .info > .number,
#stations > ol > #station-4.hover > .info > .number,
#stations > ol > #station-5.hover > .info > .number,
#stations > ol > #station-6.hover > .info > .number,
#stations > ol > #station-7.hover > .info > .number,
#stations > ol > #station-8.hover > .info > .number,
#stations > ol > #station-9.hover > .info > .number,
#stations > ol > #station-10.hover > .info > .number,
#stations > ol > #station-11.hover > .info > .number,
#stations > ol > #station-12.hover > .info > .number,
#stations > ol > #station-13.hover > .info > .number,
#stations > ol > #station-14.hover > .info > .number,
#stations > ol > #station-15.hover > .info > .number
{
	font-size: 23px;
	line-height: 23px;
	padding: 14px 0px;
	width: 48px;
	bottom: -5px;
	left: 18px;
	border-radius: 50%;
	transition: all .3s ease-out;
}

#stations > ol > li > img
{
	position: absolute;

}

#stations > ol > li.hover > img {
	display: none;
}


#station-1 > .info
{
	top: 566px;
	left: 186px;
}

#station-1 > img
{
	top: 422px;
	left: 117px;
}

#station-2 > .info
{
	top: 419px;
	left: 12px;
}

#station-2 > img
{
	top: 305px;
	left: 201px;
}


#station-3 > .info
{
	top: 204px;
	left: 26px;
}

#station-3 > img
{
	top: 284px;
	left: 66px;
}

#station-4 > .info
{
	top: 144px;
	left: 164px;
}

#station-4 > img
{
	top: 254px;
	left: 220px;
}

#station-5 > .info
{
	top: 92px;
	left: 289px;
}

#station-5 > img
{
	top: 215px;
	left: 289px;
}

#station-6 > .info
{
	top: 40px;
	left: 416px;
}

#station-6 > img
{
	top: 155px;
	left: 380px;
}

#station-7 > .info
{
	top: 3px;
	left: 504px;
}

#station-7 > img
{
	top: 99px;
	left: 524px;
}

#station-8 > .info
{
	top: 194px;
	left: 893px;
}

#station-8 > img
{
	top: 227px;
	left: 710px;
}


#station-9 > .info
{
	top: 413px;
	left: 912px;
}

#station-9 > img
{
	top: 278px;
	left: 631px;
}


#station-10 > .info
{
	top: 487px;
	left: 799px;
}

#station-10 > img
{
	top: 327px;
	left: 664px;
}


#station-11 > .info
{
	top: 531px;
	left: 670px;
}

#station-11 > img
{
	top: 343px;
	left: 466px;
}

#station-12 > .info
{
	top: 592px;
	left: 590px;
}

#station-12 > img
{
	top: 430px;
	left: 517px;
}


#station-13 > .info
{
	top: 655px;
	left: 450px;
}

#station-13 > img
{
	top: 363px;
	left: 251px;
}


#station-14 > .info
{
	top: 712px;
	left: 332px;
}

#station-14 > img
{
	top: 560px;
	left: 525px;
}




#station-15 > .info
{
	top: 657px;
	left: 238px;
}