body {
	background: #F5F4F4;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
}
.wrapper  { 
	text-align: left; 
	margin: 20px auto 20px auto; 
	position: top; 
	width: 1000px 
}
.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes bounceInDown { 
   0% { 
       opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
    60% { 
        opacity: 1; 
        -webkit-transform: translateY(30px); 
    } 
    80% { 
        -webkit-transform: translateY(-10px); 
    } 
    100% { 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
    60% { 
        opacity: 1; 
        transform: translateY(30px); 
    } 
    80% { 
        transform: translateY(-10px); 
    } 
    100% { 
        transform: translateY(0); 
    } 
} 

.bounceInDown { 
    -webkit-animation-name: bounceInDown; 
    animation-name: bounceInDown; 
}
.menu {
  position: relative;
  top: 10px;
  left: 50%;
  margin-top: 10px;
  margin-left: -500px;
  border: 0;
  width: 1000px;
  height: 40px;
  text-align: center;
  padding: 20px;
}

.menu a {
	position: relative;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 20px 10px 20px;
	color: #000;
	text-align: center;
	font: 18px 'Open Sans',helvetica,arial,sans-serif;
	font-weight: 300;
	letter-spacing: 2px;
	text-decoration: none;
}
.menu a:hover {
	margin-left: auto;
	margin-right: auto;
	padding: 0px 20px 10px 20px;
	color: #999;
	text-align: center;
	font: 18px 'Open Sans',helvetica,arial,sans-serif;
	font-weight: 300;
	letter-spacing: 2px;
	text-decoration: none;
}
a {
   font: 14px/20px 'Open Sans', helvetica, sans-serif;
   font-weight: 300;
   color: #999;
   text-decoration: none;   
}
a:hover {
   font: 14px/20px 'Open Sans', helvetica, sans-serif;
   font-weight: 300;
   color: #000;
   text-decoration: none;
}
section { 
	display: block;
}
#top {
	min-height: 2000px;
}
#bottom {
	background-color: #fff;
	text-align:center;
	min-height: 1600px;
}
.thumbs {
	width: 1000px;
	margin: 0 auto; 
}
.kemi {
	margin-left: 270px; 
}
img {
    border: 0px;
}
.thumbs a img {
	float: left;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-backface-visibility: hidden; /* Fix for transition flickering */
	-webkit-transition: all 2.1s ease;
	-moz-transition: all 2.1s ease;
	-ms-transition: all 2.1s ease;
	-o-transition: all 2.1s ease;
	transition: all 2.1s ease;
	z-index: 40 !important;
	display: block;
    position: relative;
	padding: 0;
	margin: 0;
}
.thumbs a:hover img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
	-webkit-transform: scale(1.05,1.07);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration:  .1s;
	-moz-transform: scale(1.05,1.07);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration:  .1s;
	z-index: 41 !important;
	position: relative;
}
.hidden {
	height: 0px !important;
	display: none;
}