@CHARSET "UTF-8";

/* Fleet Header */
#fleet {
	position: relative;
	width: 100%;
	height: 395px;
/*  	background-image: url('../img/fleet/fleet.jpg'); */
}

#fleet .machine > * {
	display: none;
}

#fleet_close {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 200;
	height: 35px;
}

.focus #fleet_close {
	display: block;
}

#fleet_close span {
	display: block;
	width: 35px;
	height: 100%;
	background-image: url('../img/fleet/close.png');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	margin: 0 0 0 auto;
}

#description {
	display: none;
}

#fleet.focus + #description {
	display: block;
}

#fleet .machine {
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.5s
}

#fleet .machine.available:hover {
	transform: scale(1.1);
}

#fleet .machine.available.active:hover {
	transform: none;
}

#fleet .machine.active {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

#fleet.focus .machine:not(.active) {
	opacity: 0.2;
}

#fleet_lasermat {
	background-image: url('../img/fleet/lasermat.png');
	width: 267px;
	height: 128px;
	left: 85px;
	top: 132px;
	z-index: 1;
}

#fleet_metalmaster {
	background-image: url('../img/fleet/metalmaster.png');
	width: 187px;
	height: 174px;
	left: 13px;
	top: 120px;
	z-index: 10;
}

#fleet_fiberblade {
	background-image: url('../img/fleet/fiberblade.png');
	width: 349px;
	height: 199px;
	left: 797px;
	top: 105px;
	z-index: 10;
}

#fleet_multitherm {
	background-image: url('../img/fleet/multitherm.png');
	width: 188px;
	height: 124px;
	left: 444px;
	top: 109px;
	z-index: 3;
}

#fleet_omnimat {
	background-image: url('../img/fleet/omnimat.png');
	width: 196px;
	height: 140px;
	left: 632px;
	top: 106px;
	z-index: 5;
}

#fleet_powerblade {
	background-image: url('../img/fleet/powerblade.png');
	width: 187px;
	height: 124px;
	left: 308px;
	top: 109px;
	z-index: 2;
}