body {
	
}

#wrap {
	background: url(../images/vortex/vortex.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	position: fixed;
	width: 100%;
	overflow: hidden;
}

#vortex {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-x: scroll;
}

#vortex .bubbleWrap {
	position: absolute;
	float: left;
}

#vortex .bubble {
	border-radius: 50%;
	background: #e50b6a;
	text-align: center;
	position: relative;
	color: #fff;
	width: 300px; /* 370px */
	height: 300px; /* 370px */
	overflow: hidden;
	/*box-shadow: 10px 10px 75px #999;*/
	
}
	
	#vortex .bubble img {
		margin-top: 18px;
		width: 116px;
		height: 150px;
	}

	#vortex .bubble span.heading {
		margin: 3px auto 0;
		width: 80%;
		color: #fff;
		font-size: 0.95em;
		text-transform: uppercase;
		display: block;
	}
	
	#vortex .bubble a {
		margin: 0 auto 0;
		width: 300px;
		height: 300px;
		color: #fff;
		line-height: 1em;
		font-size: 1.6em;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		border-radius: 50%;
	}
	
#vortex .bubbleWhite {
	background: #fff;
	
}

	#vortex .bubbleWhite h2 {
		color: #e50b6a;
	}
	
#vortex .bubbleGreen {
	background: #52c343;
	
}

	#vortex .bubbleGreen h2 {
		color: #fff;
	}
	
#vortex .bubbleGold {
	background: #df9116;
	
}

	#vortex .bubbleGold h2 {
		color: #fff;
	}
	
#vortex .bubbleBlue {
	background: #2486cb;
	
}

	#vortex .bubbleBlue h2 {
		color: #fff;
	}
	
#vortex .bubbleImage {
	margin: 0 auto 5px;
	display: block;
	height: 150px;
	width: 150px;
}

	#vortex .welcomeIllu {
		background: url('../images/vortex/illustrations/welcome.png') no-repeat center center;
		background-size: contain;
	}
	
	#vortex .kettleIllu {
		background: url('../images/vortex/illustrations/kettle.png') no-repeat center center;
		background-size: contain;
	}
	
	#vortex .campusIllu {
		background: url('../images/vortex/illustrations/campus.png') no-repeat center center;
		background-size: contain;
	}
	
	#vortex .muffinIllu {
		background: url('../images/vortex/illustrations/muffin.png') no-repeat center center;
		background-size: contain;
	}
	
	#vortex .globeIllu {
		background: url('../images/vortex/illustrations/globe.png') no-repeat center center;
		background-size: contain;
	}
	
	#vortex .bootsIllu {
		background: url('../images/vortex/illustrations/boots.png') no-repeat center center;
		background-size: contain;
	}
	
	#vortex .loveIllu {
		background: url('../images/vortex/illustrations/love_london.png') no-repeat center center;
		background-size: contain;
	}
	
	#vortex .supportIllu {
		background: url('../images/vortex/illustrations/support.png') no-repeat center center;
		background-size: contain;
	}
	
	#vortex .studentsIllu {
		background: url('../images/vortex/illustrations/students.png') no-repeat center center;
		background-size: contain;
		width: 220px;
	}
	
	#vortex .bagIllu {
		background: url('../images/vortex/illustrations/bag.png') no-repeat center center;
		background-size: contain;
	}
	
	#vortex .careersIllu {
		background: url('../images/vortex/illustrations/careers.png') no-repeat center center;
		background-size: contain;
	}
	
	#vortex .placementsIllu {
		background: url('../images/vortex/illustrations/placements.png') no-repeat center center;
		background-size: contain;
	}
	
	#vortex .turntableIllu {
		background: url('../images/vortex/illustrations/turntable.png') no-repeat center center;
		background-size: contain;
	}
	
	#vortex .degreeIllu {
		background: url('../images/vortex/illustrations/degree.png') no-repeat center center;
		background-size: contain;
	}
	
	#vortex .scrollIllu {
		background: url('../images/vortex/illustrations/scroll.png') no-repeat center center;
		background-size: contain;
	}
	
	#vortex .graduationIllu {
		background: url('../images/vortex/illustrations/graduation.png') no-repeat center center;
		background-size: contain;
	}
	
	#vortex .starIllu {
		background: url('../images/vortex/illustrations/star.png') no-repeat center center;
		background-size: contain;
	}
	
#welcome {
	top: 12%;
	left: 12.5%;
	z-index: 50;
}

#accommodation {
	top: 2%;
	left: 45%;
	-webkit-transform: scale(0.810811); /* 300px circle */
	-moz-transform: scale(0.810811);
	-o-transform: scale(0.810811);
	-ms-transform: scale(0.810811);
	transform: scale(0.810811);
	z-index: 49;
}

#campus {
	top: 35%;
	left: 57.5%;
	-webkit-transform: scale(0.662162); /* 245px circle */
	-moz-transform: scale(0.662162);
	-o-transform: scale(0.662162);
	-ms-transform: scale(0.662162);
	transform: scale(0.662162);
	z-index: 48;
}

#location {
	top: 55%;
	left: 42.5%;
	-webkit-transform: scale(0.540541); /* 150px circle */
	-moz-transform: scale(0.540541);
	-o-transform: scale(0.540541);
	-ms-transform: scale(0.540541);
	transform: scale(0.540541);
	z-index: 47;
}

#studentUn {
	top: 45%;
	left: 22.5%;
	-webkit-transform: scale(0.486486); /* 180px circle */
	-moz-transform: scale(0.486486);
	-o-transform: scale(0.486486);
	-ms-transform: scale(0.486486);
	transform: scale(0.486486);
	z-index: 46;
}

#socSports {
	top: 25%;
	left: 27.5%;
	-webkit-transform: scale(0.40505); /* 150px circle */
	-moz-transform: scale(0.40505);
	-o-transform: scale(0.40505);
	-ms-transform: scale(0.40505);
	transform: scale(0.40505);
	z-index: 45;
}

















.dot {
	height: 5px;
	width: 5px;
	background: #333;
	border-radius: 50%;
	position: absolute;
}