body
	{
	background-color:grey;
	}

div.title
	{
	position:absolute ;
	left:10% ;
	top:0% ;
	height:20% ;
	width:80% ;
	background:black;
	border-radius:0px 0px 10px 10px;
	border: 2px solid white;
	}
div.fbg
	{
	position:fixed ;
	left:0% ;
	top:0% ;
	height:100% ;
	width:100% ;
	z-index:-1;
	}
div.bg
	{
	position:absolute ;
	left:10% ;
	top:22% ;
	height:152% ;
	width:80% ;
	background:grey;
	border-radius:10px;
	opacity:.7;
	}
div.act
	{
	position:absolute ;
	left:11% ;
	top:24% ;
	height:10% ;
	width:78% ;
	background:black;
	border-radius:10px;
	border: 2px solid white;
	}
div.hay1
	{
	position:absolute ;
	left:11% ;
	top:36% ;
	height:40% ;
	width:18.75% ;
	background:white;
	border-radius:10px;
	border: 2px solid black;
	}
div.hay2
	{
	position:absolute ;
	left:30.75% ;
	top:36% ;
	height:40% ;
	width:18.75% ;
	background:white;
	border-radius:10px;
	border: 2px solid black;
	}
div.hay3
	{
	position:absolute ;
	left:50.5% ;
	top:36% ;
	height:40% ;
	width:18.75% ;
	background:white;
	border-radius:10px;
	border: 2px solid black;
	}
div.hay4
	{
	position:absolute ;
	left:70.25% ;
	top:36% ;
	height:40% ;
	width:18.75% ;
	background:white;
	border-radius:10px;
	border: 2px solid black;
	}
div.proj
	{
	position:absolute ;
	left:11% ;
	top:78% ;
	height:10% ;
	width:78% ;
	background:black;
	border-radius:10px;
	border: 2px solid white;
	}
div.hay5
	{
	position:absolute ;
	left:11% ;
	top:90% ;
	height:40% ;
	width:25.33% ;
	background:white;
	border-radius:10px;
	border: 2px solid black;
	}
div.hay6
	{
	position:absolute ;
	left:37.33% ;
	top:90% ;
	height:40% ;
	width:25.33% ;
	background:white;
	border-radius:10px;
	border: 2px solid black;
	}
div.hay7
	{
	position:absolute ;
	left:63.67% ;
	top:90% ;
	height:40% ;
	width:25.33% ;
	background:white;
	border-radius:10px;
	border: 2px solid black;
	}
div.hay8
	{
	position:absolute ;
	left:11% ;
	top:132% ;
	height:40% ;
	width:25.33% ;
	background:white;
	border-radius:10px;
	border: 2px solid black;
	}
div.hay9
	{
	position:absolute ;
	left:37.33% ;
	top:132% ;
	height:40% ;
	width:25.33% ;
	background:white;
	border-radius:10px;
	border: 2px solid black;
	}
div.hay10
	{
	position:absolute ;
	left:63.67% ;
	top:132% ;
	height:40% ;
	width:25.33% ;
	background:white;
	border-radius:10px;
	border: 2px solid black;
	}
div.foot
	{
	position:absolute ;
	left:10% ;
	top:176% ;
	height:20% ;
	width:80% ;
	background:black;
	border-radius:10px 10px 0px 0px;
	border: 2px solid white;
	}
table.foot
	{
	margin: 0 auto;
	}
a.ewan
	{
	text-decoration: none;
	color: grey;
	}
p.foot
	{
	margin: 0px;
	color:white;
	}
img.foot
	{
	width: 15% ;
	}
p.title
	{
	font-family:Copperplate Gothic Bold ;
	font-size:60px;
	color:white;
	margin:10px;
	text-align:center;
	}
p.title2
	{
	font-family:arial;
	font-size:20px;
	color:white;
	margin:0px;
	text-align:center;
	}
p.act
	{
	font-family:Copperplate Gothic Bold ;
	font-size:40px;
	color:white;
	margin:10px;
	}
p.proj
	{
	font-family:Copperplate Gothic Bold ;
	font-size:40px;
	color:white;
	margin:10px;
	}
a.act
	{
	text-decoration:none;
	font-family:Arial ;
	font-size:23px;
	color:black;
	}
a.act:hover
	{
	color:red;
	text-decoration:underline;
	}
li.act
	{
	margin-top:10px;
	}
img.pic
	{
	width:90%;
	margin: 10px;
	border:1px solid black;
	}
img.pic:hover
	{
	-webkit-filter: grayscale(100%);
	-moz-transition: all 2s;
	transition: all 2s;
	}
img.pic2
	{
	width:90%;
	margin: 16px;
	border:1px solid black;
	}
img.pic2:hover
	{
	-webkit-filter: grayscale(100%);
	-moz-transition: all 2s;
	transition: all 2s;
	}
p.des
	{
	font-family:arial;
	font-size:25px;
	margin:10px;
	text-align:center;
	}
p.des2
	{
	font-family:arial;
	font-size:25px;
	margin:0px;
	text-align:center;
	}