@charset "utf-8";
/* CSS Document */

body
{
	background-color: #999;
	background-image:url(flashlight.png);
	background-repeat:no-repeat;
	background-position: 50% -500px;
	overflow: hidden;
}
.div
{
	width: 80%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: 10%;
	overflow: auto;
}
.pic_1
{
	position: absolute;
	top: 3%;
	right: 70%;
	-webkit-filter: opacity(0.4)grayscale(1);
	-webkit-transition-duration: 0.3s;
}
.pic_1:hover
{
	position: absolute;
	top: 3%;
	right: 70%;
	-webkit-filter: opacity(0.8)grayscale(0);
	-webkit-transition-duration: 0.3s;
}

.pic_2
{
	position: absolute;
	top: 0%;
	right: 35%;
	-webkit-filter: opacity(0.4)grayscale(1);
	-webkit-transition-duration: 0.3s;
}
.pic_2:hover
{
	position: absolute;
	top: 0%;
	right: 35%;
	-webkit-filter: opacity(0.8)grayscale(0);
	-webkit-transition-duration: 0.3s;
}

.pic_3
{
	position: absolute;
	left: 20%;
	top: 43%;
}

.pic_4
{
	position: absolute;
	bottom: 0%;
	right: 70%;
	-webkit-filter: opacity(0.4)grayscale(1);
	-webkit-transition-duration: 0.3s;
}
.pic_4:hover
{
	position: absolute;
	bottom: 0%;
	right: 70%;
	-webkit-filter: opacity(0.8)grayscale(0);
	-webkit-transition-duration: 0.3s;
}

.pic_5
{
	position: absolute;
	top: 3%;
	right: 0%;
	margin-top: 200px;
	-webkit-filter: opacity(0.4)grayscale(1);
	-webkit-transition-duration: 0.3s;
}
.pic_5:hover
{
	position: absolute;
	top: 3%;
	margin-top: 200px;
	right: 0%;
	-webkit-filter: opacity(0.8)grayscale(0);
	-webkit-transition-duration: 0.3s;
}

.pic_6
{
	position: absolute;
	bottom: 60px;
	right: 35%;
	-webkit-filter: opacity(0.4)grayscale(1);
	-webkit-transition-duration: 0.3s;
}
.pic_6:hover
{
	position: absolute;
	bottom: 60px;
	right: 35%;
	-webkit-filter: opacity(0.8)grayscale(0);
	-webkit-transition-duration: 0.3s;
}

.logo
{
	position: absolute;
	right: 0%;
	bottom: 1%;	
}