#background {

	margin: -10px;
	position: absolute;
	/*height: 10%;
	width: 40%
	max-width: 50%;*/
	z-index: 0;
	border: none;	
}

img
{
	border: none;
}

#background-long {
	margin: -10px; 
	position: absolute;
	left: 3208px;
	/*height: 10%;
	width: 40%
	max-width: 50%;*/
	z-index: 0;
	border: none;
	
}
#question1 {
	position: absolute;
	left: 410px;
	top: 100px;
	
}
#arrowright{
	position: relative;
	left: 400px;
	top: 200px;
	z-index: 4;
	width: 420px;
}
#right{
	position: relative;
	left: 450px;
	top: 130px;
	width: 420px;
	z-index: 5;
	font-family: century gothic, sans serif;
	font size: 18px;
}
#question2 {
	position: absolute;
	left: 3500px;
	top: 100px;
	width: 400px;
}
#question3 {
	position: absolute;
	left: 6330px;
	top: 100px;
	width: 650px;
}
#rollover {
	position: absolute;
	top: 250px;
	left: 350px;
	z-index: 3;
	width: 2000px;
	height: 800px;
}
#imagecontainer {
	
	position: relative;
	margin: auto;
	top: 180px;
	left: 350px;
	z-index: 2;
	width: 2000px;
	height:400px;
	
}
#imagecontainer1 {
	
	position: absolute;
	top: 0px;
	left: 50px;
	z-index: 2;
	width: 2000px;
	height:800px;
	
}
#imagecontainer2 {
	
	position: absolute;
	top: 0px;
	left: 3150px;
	z-index: 2;
	width: 2000px;
	height:800px;
	
}
#imagecontainer3 {
	position: absolute;
	top: 250px;
	left: 6330px;
	z-index: 2;
	width: 720px;
	height:300px;

}
#transport {
	position: fixed;
	top: 350px;
	left: 50%;
	z-index: 3;
	
}
#barrier {
	position: absolute;
	left: 7550px;
	top: 350px;

}
#signs {
	position: absolute;
	left: 7290px;
	top: 210px;
	width: 120px;
	height: auto;
	z-index: 6;
	
}
#barrierboard {
	position: absolute;
	left: 6300px;
	top: 210px;
	width: 100px;
	height: 100px;
}
#signpanel {
	position: absolute;
	left: 7270px;
	top: 200px;
	width: 100px;
	height: 100px;
	/*z-index: 4;*/
}
#submit {
	position: absolute;
	left: 7050px;
	top: 210px;
	width: 100px;
	height: 100px;
	/*z-index: 4;*/
}

.tooltip{
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	left:0px;
	top: 20px;
	width: 100%;
	height: 20px;
	text-align: center;
	font-size: 16px;
	font-family: century gothic, sans-serif;
	background:white;
	}
.tip3{
	display: block;
	margin-left: auto;
	margin-right: auto;
	position:absolute;
	left:0px;
	top: 120px;
	width:100%;
	height:20px;
	text-align: center;
	font-size: 20px;
	font-family: century gothic, sans-serif;
	/*background:white;*/
	}

.barriers {
	position: relative;
	width: 120px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

#tooltip {
	display: block;
	position:absolute;
	left:7235px;
	top: 120px;
	width:200px;
	height:20px;
	text-align: center;
	font-size: 20px;
	font-family: century gothic, sans-serif;
}

input{
	font-family: century gothic, sans-serif;
}
form{
	font-family: century gothic, sans-serif;
	font-size: 14px;
}
input [type=submit] {
	font-family: century gothic, sans-serif;
}
p {
	font-family: century gothic, sans-serif;
	font-size: 18px;
}
.images.p {

	font-family: century gothic, sans-serif;
	font-size: 18px;
	text-align: center; 
}

#foot {
	
	position: relative;
	width: 163px;
	height: 75px;
	margin-right: 20px;
	float: left;
	padding-top: 185px;

}
#rollerskates {
	
	position: relative;
	width: 126px;
	height: 80px;
	margin-right: 20px; 
	float: left;
	padding-top: 180px;
}
#skateboard {
	
	position: relative;
	width: 135px;
	height: 24px;
	margin-right: 20px; 
	float: left;
	padding-top: 236px;

}
#scooter {
	
	position: relative;
	width: 63px;
	height: 83px;
	margin-right: 20px; 
	float: left;
	padding-top: 164px;
}
#scooter-side {
	
	position: relative;
	width: 100px;
	height: 95px;
	margin-right: 20px; 
	float: left;
	display: none;
	padding-top: 165px;
}
#bike {
	
	position: relative;
	width: 62px;
	height: 153px;
	margin-right: 20px; 
	float: left;
	padding-top: 107px;

}
#bike-side {
	
	position: relative;
	width: 231px;
	height: 150px;
	margin-right: 20px; 
	float: left;
	display: none;
	padding-top: 110px;
}
#motorbike {
	
	position: relative;
	width: 102px;
	height: 133px;
	margin-right: 30px; 
	float: left;
	padding-top: 127px;

}
#motorbike-side {
	
	position: relative;
	width: 205px;
	height: 130px;
	margin-right: 20px; 
	float: left;
	display: none;
	padding-top: 130px;

}
#horse {
	
	position: relative;
	width: 88px;
	height: 246px;
	margin-right: 20px; 
	float: left;
	padding-top: 14px;

}
#horse-side {
	
	position: relative;
	width: 298px;
	height: 260px;
	float: right;
	margin-right: 20px; 
	display: none;
	padding-top: 0px;

}
#bus {
	
	position: relative;
	width: 225px;
	height: 220px;
	margin-right: 20px; 
	float: left;
	padding-top: 40px;

}
#bus-side {
	
	position: relative;
	width: 444px;
	height: 221px;
	margin-right: 20px; 
	float: left;
	display: none;
	padding-top: 39px;

}
#taxi {
	
	position: relative;
	width: 120px;
	height: 121px;
	margin-right: 20px; 
	float: left;
	padding-top: 139px;

}
#taxi-side {
	
	position: relative;
	width: 228px;
	height: 121px;
	margin-right: 20px; 
	float: left;
	display: none;
	padding-top: 139px;

}
#car {
	
	position: relative;
	width: 168px;
	height: 129px;
	margin-right: 20px; 
	float: left;
	padding-top: 131px;
	/*display: inline-block;*/

}
#car-side {
	
	position: relative;
	width: 275px;
	height: 124px;
	margin-right: 20px; 
	float: left;
	display: none;
	padding-top: 136px;

}

.images1, .images2, .barriers, #submit{
	cursor: pointer;
}