html, body
{
   height: 100%;
}
div#space
{
   width: 1px;
   height: 50%;
   margin-bottom: -950px;
   float:left
}
div#container
{
   width: 1900px;
   height: 1900px;
   margin: 0 auto;
   position: relative;
   clear: left;
}
body
{
   background-color: #696969;
   background-image: url('images/WENB.JPG');
   background-attachment: scroll;
   background-position: center top;
   background-repeat: repeat;
   background-size: cover;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#Extension1 label 
{
   position: absolute;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   overflow: hidden;
}
#Extension1 [class*=image] 
{
   width: 33%;
   height: 33%;
   border: 1px solid #DCDCDC;
   background: url() center center/cover no-repeat;
   transition: all 500ms ease-in-out;
   z-index: 0;
}
#Extension1 [class*=image]:hover 
{
   border: 1px solid #FFFFFF;
   z-index: 1;
}
#Extension1 [class*=image]:nth-of-type(1) 
{
   top: 0;
   left: 0;
}
#Extension1 [class*=image]:nth-of-type(2) 
{
   top: 0;
   left: 33%;
}
#Extension1 [class*=image]:nth-of-type(3) 
{
   top: 0;
   left: 66%;
}
#Extension1 [class*=image]:nth-of-type(4) 
{
   top: 33%;
   left: 0;
}
#Extension1 [class*=image]:nth-of-type(5) 
{
   top: 33%;
   left: 33%;
}
#Extension1 [class*=image]:nth-of-type(6) 
{
   top: 33%;
   left: 66%;
}
#Extension1 [class*=image]:nth-of-type(7) 
{
   top: 66%;
   left: 0;
}
#Extension1 [class*=image]:nth-of-type(8) 
{
   top: 66%;
   left: 33%;
}
#Extension1 [class*=image]:nth-of-type(9) 
{
   top: 66%;
   left: 66%;
}
#Extension1 input 
{
   display: none;
}
#Extension1 input:checked + [class*=image] 
{
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
}