body {
	background-color: #FFFFFF;
}
.map {
	outline: 0;
}

img {
	border: 0;
	/* [disabled]max-width: 100%; */
}
ul {
	padding:0
}

a {
	text-decoration:none;
	outline: none;
}
.horizon {
	width: 100%;
	height: 1px;
	top: 50%;
	position: absolute;
	overflow: visible;
}


a:link {
	text-decoration: none;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	outline: none;
}
a:visited {
	color: #FFFFFF;
	outline: none;

}
a:hover, active {
	color: #fe0002;
	outline: none;
}
.container {
	/* [disabled]height: 812px; */
	/* [disabled]width: 1056px; */
	position: absolute;
	left: 50%;
	margin: -406px 0 0 -528px;
	background-image: url(../images/sparking.jpg);
	background-repeat: no-repeat;
}
.container2 {
	height: 812px;
	width: 1056px;
	position: absolute;
	left: 50%;
	margin: -406px 0 0 -528px;
	background-image: url(../images/intermediate.png);
	background-repeat: no-repeat;
	/* this is so that map area doesn't show outline on firefox. Use only in combination onfocus="blur()" for the map area (removes outline for ie)*/
}
.container3 {
	height: 812px;
	width: 1056px;
	position: absolute;
	left: 50%;
	margin: -406px 0 0 -528px;
	background-image: url(../images/home.jpg);
	background-repeat: no-repeat;
	/* this is so that map area doesn't show outline on firefox. Use only in combination onfocus="blur()" for the map area (removes outline for ie)*/
}
.container *:active { 
overflow-x:hidden 
}

.container2 *:active { 
overflow-x:hidden 
}

.container3 *:active { 
overflow-x:hidden 
}