/****************/
/* CSS Document */
/****************/

#PageContainer
       {
         position:relative;
         margin-left:auto;
         margin-right:auto;
         width:1366px;
         height:768px;
         background-color:#ffffff; 
       }	
 #wdlogo
	   {
	     position:absolute;
	     left:235px;
	     top:10px;
	     width:714px;
	     height:274px;
	     z-index:10;
	   }

/*****************/	   
/*   menu items  */
/*****************/
  		
#menubox a:link 
	   {
 		 color:#000000;
 	   }
  		  
 #menubox a:visited
  	   {
  		 color:#000000;
 	   }
 		 
 #menubox a:hover
 	   {
  		 color:#0000ff;
 	   }
 		 
 #menubox a:active
 	   {
 		 color:#0000ff;
 	   }
	   
#menubox
       {
		 position:absolute;
		 left:235px;
	     top:299px;
	     width:750px;
	     height:25px;         
         font-size:10px;
         margin-top:0px;
         z-index:1;
       }
	   
/********************************/
/*     Navagation Menu css code */
/********************************/

ul 
       {
         font-family: Arial;
         font-size: 12px;
         margin:  0;
         padding: 0;
         list-style: none;
       }
ul li
       {
         display:  block;
         position: relative;
         float:    left;
       }
li ul
       {
         display: none;
       }
ul li a
       {
         display: block;
         text-decoration: none;
         color: #8c7732; 
         border-top: 1px solid #8c7732; 
         padding: 5px 15px 5px 15px;
         background: #8c7732;  
         margin-left: 1px;
         white-space: nowrap;
       }
ul li a:hover
       {
         background: #aa8d31;
    }
li:hover ul
       {
         display: block;
         position: absolute;
    }
li:hover li
       {
         float: none;
         font-size: 11px;
    }
li:hover a
       {
         background: #aa8d31;
    } /* #617F8A; */ 
li:hover li a:hover
       {
         background: #4B7823;
     } 
   

/**********************/   
/* Main Page Pictures */
/**********************/

#mainpageleftpic
	   {
		 position:absolute;
		 left:235px;
		 top:345px;
		 width:275px;
		 height:330px;
	  }
	     
#mainpagecenterpic
	   {
	     position:absolute;
		 left:563px;
		 top:345px;
	     width:276px;
	     height:330px;
	   }

#mainpagerightpic
	   {
		 position:absolute;
		 left:895px;
		 top:345px;
		 width:276px;
		 height:330px;
	   }

#phonenumber
	   {
		 position:absolute;
		 left:1082px;
		 top:231px;
		 width:110px;
		 height:20px;
		 font-size:12px;
	     font-family:Arial;
	     letter-spacing:1px;
	   }
		 
#emailaddress
	   {
		 position:absolute;
	     top:260px;
	     left:978px;
	     font size:12px;
	     font-family:Arial;
	     text-decoration:underline;
	     letter-spacing:1px;
		 height:15px;
	   }


/**********************/
/* social media icons */
/**********************/
 
#twitterbox
	   {
		 position:absolute;
		 top:299px;
		 left:1136px;
		 width:30px;
		 height:30px;
	   }
		
#facebook
	   {
		 position:absolute;
		 top:299px;
		 left:1101px;
		 width:30px;
		 height:30px;
	   }
	
#linkedin
	   {
		 position:absolute;
		 top:299px;
		 left:1066px;
		 width:30px;
		 height:30px;
	   }
		
#instagram
	   {
		 position:absolute;
		 top:299px;
		 left:1031px;
		 width:30px;
		 height:30px;
	   }
  
#houzz
	   {
		 position:absolute;
		 top:299px;
		 left:996px;
		 width:30px;
		 height:30px;
	   }
	   
/******************************/	   
/* about us page content divs */
/******************************/


#aboutuspagecontent
	   {
	     position:absolute;
		 left:235px;
		 top:345px;
	     width:931px;
	     height:435px;
	     font-family:Arial;
		 font-size: 14px;
	   }

#aboutuspic
       {
         position:absolute;
         left:600px;
         top:5px;
         width:340px;
         height:243px;
       }
        
/**************************/
/* service page side menu */
/**************************/
 
#servicepagesidemenu a:link 
	   {
 		 color:#8c7732;
 	   }
  		  
 #servicepagesidemenu a:visited
  	   {
  		 color:#8c7732;
 	   }
 		 
 #servicepagesidemenu a:hover
 	   {
  		 color:#0000ff;
 	   }
 		 
 #servicepagesidemenu a:active
 	   {
 		 color:#8c7732;
 	   }       
 		   
#servicepagesidemenu
       {
         position:absolute;
         left:955px;
         top:328px;
         width:215px;
         height:390px;
         text-align:right;
         font-family:Arial;
       }
#sidemenuconsult
	   {
	     position:absolute;
	     left:50px;
	     top:28px;
	     width:150px;
	     height:28px;
	   }
	    
       

#sidemenuplan
	   {
	     position:absolute;
	     left:50px;
	     top:84px;
	     width:150px;
	     height:28px;
	   }
#sidemenudesign
	   {
	     position:absolute;
	     left:50px;
	     top:140px;
	     width:150px;
	     height:28px;
	   }
#sidemenuproductsource
	   {
	     position:absolute;
	     left:50px;
	     top:196px;
	     width:150px;
	     height:28px;
	   }
#sidemenuprojectmanage
	   {
	     position:absolute;
	     left:50px;
	     top:252px;
	     width:150px;
	     height:28px;
	   }
#sidemenuaftercareservice
	   {
	     position:absolute;
	     left:50px;
	     top:308px;
	     width:150px;
	     height:28px;
	   }

/******************************************/	   
/* down arrows for service page side menu */
/******************************************/

#downarrow1
       {
         position:absolute;
         left:180px;
         top: 45px;
         width:5px;
         height:40px;
       }
        
#downarrow2
       {
         position:absolute;
         left:180px;
         top: 100px;
         width:5px;
         height:40px;
       }	
        
#downarrow3
       {
         position:absolute;
         left:180px;
         top: 158px;
         width:5px;
         height:40px;
        }	   
        
#downarrow4
        {
         position:absolute;
         left:180px;
         top: 215px;
         width:5px;
         height:40px;
        }	    
        
#downarrow5
        {
         position:absolute;
         left:180px;
         top: 270px;
         width:5px;
         height:40px;
        }	   
#servicepagecontent
		{
         position:absolute;
         left:235px;
         top:328px;
         width:713px;
         height:390px;
         font-family:Arial;
		 font-size:14px;
        }
        

#servicelinkconsult
		{
	      position:absolute;
	      left :100px;
	      top:5px;
	      width:200px
	      height:5px;
	     }

#servicelinkplan
		 {
	      position:absolute;
	      left :100px;
	      top:10px;
	      width:200px
	      height:5px;
	     }
#servicelinkdesign
		 {
	      position:absolute;
	      left :100px;
	      top:15px;
	      width:200px;
	      height:5px;
	     }
#servicelinkproductsrc
         {
	      position:absolute;
	      left :100px;
	      top:20px;
	      width:200px;
	      height:5px;
	     }
#servicelinkprojectman
          {
	      position:absolute;
	      left :100px;
	      top:25px;
	      width:200px;
	      height:5px;
	     }
#servicelinkasa
          {
	      position:absolute;
	      left :100px;
	      top:30px;
	      width:200px;
	      height:5px;
	     }
        
/*******************************************************************/
/*                 portfolio page css code 						   */
/*******************************************************************/
#portfoliopagecontent
	{
		position:absolute;
		left:235px;
		top:345px;
		width:930px;
		height:435px;
		
	}
.galleria
	{
		width:930px;
		height:435px;
	}
	
#videowalkthroughpagecontent
	{
		position:absolute;
		left:235px;
		top:345px;
		width:930px;
		height:435px;
		}
		
#videosidepanel
     {
       position:absolute;
       left:965px;/* CSS Document */


/********************************/
/*     Navagation Menu css code */
/********************************/
 
li:hover li a:hover
   {
    background: #4B7823;
   } 
        
/*******************************************************************/
/*                 portfolio page css code 						   */
/*******************************************************************/
#portfoliopagecontent
	{
		position:absolute;
		left:235px;
		top:345px;
		width:930px;
		height:435px;
		
	}
.galleria
	{
		width:930px;
		height:435px;
	}
	
#videowalkthroughpagecontent
	{
		position:absolute;
		left:235px;
		top:345px;
		width:930px;
		height:435px;
		}
		
#videosidepanel
     {
       position:absolute;
       left:965px;
       top:345px;
       width:400px;
       height:390px;
       text-align: center;
    }
    		
#contactuspagecontent
	{
		position:absolute;
		left:235px;
		top:345px;
		width:930px;
		height:435px;
		background-image: url(watson_tree_onlyv2.jpg);
		background-position: center;
	    background-repeat: no-repeat;
	}
	
#contactuspagecontentv2
	{
		position:absolute;
		left:235px;
		top:345px;
		width:930px;
		height:435px;
		background-image: url(watson_leaves_only_new.jpg);
		background-position: center;
	    background-repeat: no-repeat;
	}
	
#contactuspagecontentv3
	{
		position:absolute;
		left:235px;
		top:345px;
		width:930px;
		height:435px;
		background-image: url(watson_leaves_only_flipped.jpg);
		background-position: center;
	    background-repeat: no-repeat;
	}
#contactuspageinputform
    {
      position:absolute;
      left:55px;
      top:220px;
      width:350px;
      height:300px;
      background-image: url(watson_leaves_only_new.jpg);
	  background-position: center;
	  background-repeat: no-repeat;
    }
/*   form css stuff */
textarea {
        resize: none;
	   }

input {
color: #000000;
background-color: #aa8d31;
border: 1px solid #8c7732;
}
select {
width: 100px;
color: #00008B;
background-color: #ADD8E6;
border: 1px solid #00008B;
}
textarea {
width: 260px;
height: 90px;
color: #000000;
background-color: #aa8d31;
border: 1px solid #8c7732;
}

/***********************/
/*  printed media page */
/***********************/

#printmediapagecontent1
		{
         position:absolute;
         left:235px;
         top:345px;
         width:340px;
         height:233px;
         
        }
        
#printmediapagecontent2
		{
         position:absolute;
         left:605px;
         top:345px;
         width:340px;
         height:233px;
         
        }
        
#printmediapagecontent3
        {
          position:absolute;
          left:400px;
          top:610px;
          width:120px;
          height:60px;
          
        }
        
#printmediapagecontent4
        {
          position:absolute;
          left:525px;
          top:610px;
          width:120px;
          height:60px;
          
        }
        
#printmediapagecontent5
        {
          position:absolute;
          left:650px;
          top:610px;
          width:120px;
          height:60px;
          
        }
        

       top:345px;
       width:400px;
       height:390px;
       text-align: center;
    }

    		
#contactuspagecontent
	{
		position:absolute;
		left:235px;
		top:345px;
		width:930px;
		height:435px;
	}
	
#contactuspagetext1
    {
       position:absolute;
       left:10px;
       top:10px;
       width:730px;
       height:50px;
    }
 
 #contactuspagetext2
    {
       position:absolute;
       left:10px;
       top:65px;
       width:730px;
       height:100px;
    }   


 p.contactpagetxt1
    {
      text-align:center;
      font-size:20px;
      font-family:Arial, Verdana;
      color:#8c7732;
    }
 
 p.contactpagetxt2
    {
      text-align:center;
      font-size:40px;
      font-family:Arial, Verdana;
      color:#848205;
    }   
    
#contactuspageimage
   {
     position:absolute;
     top:90px;
     left:5px;
     height:301px;
     width:740px;
   }
   
#contactuspageinputform
    {
      position:absolute;
      left:735px;
      top:35px;
      width:370px;
      height:300px;
      
    }


/**************************/
/*  Contact us form css   */
/**************************/

textarea {
           resize: none;
	     }

input   {
		  color: #000000;
		  background-color: #aa8d31;
		  border: 1px solid #8c7732;
		}
		
select  {
		  width: 100px;
		  color: #00008B;
		  background-color: #ADD8E6;
		  border: 1px solid #00008B;
		}
textarea 
		{
		  width: 180px;
		  height: 90px;
		  color: #000000;
		  background-color: #aa8d31;
		  border: 1px solid #8c7732;
		}

		
/***********************/
/*  printed media page */
/***********************/

#printmediapagecontent1
		{
         position:absolute;
         left:235px;
         top:345px;
         width:340px;
         height:233px;
         font-family:Arial;
        }
        
#printmediapagecontent2
		{
         position:absolute;
         left:605px;
         top:345px;
         width:340px;
         height:233px;
         font-family:Arial;
        }
        
#printmediapagecontent3
        {
          position:absolute;
          left:400px;
          top:610px;
          width:120px;
          height:60px;
          font-family:Arial;
		  font-size: 10px;
         }
       /*************************************************/
       /*  Vernada,"Monotype Corsiva","Times New Roman" */
       /*************************************************/
#printmediapagecontent4
        {
          position:absolute;
          left:525px;
          top:610px;
          width:120px;
          height:60px;
          font-family:Arial;
		  font-size: 10px;
          
        }
        
#printmediapagecontent5
        {
          position:absolute;
          left:650px;
          top:610px;
          width:120px;
          height:60px;
          font-family:Arial;
		  font-size: 10px;
          
        }
        
#printmediapagecontent6
        {
          position:absolute;
          left:775px;
          top:610px;
          width:120px;
          height:60px;
          font-family:Arial;
		  font-size: 10px;
          
        }        
 #printmediapagecontent7
        {
          position:absolute;
          left:275px;
          top:610px;
          width:120px;
          height:60px;
          font-family:Arial;
		  font-size: 10px;
          
        }      

/*******************************/		
/* testimonial page style info */
/*******************************/

#testimonialpagecontent
		{
         position:absolute;
         left:275px;
         top:335px;
         width:810px;
         height:540px;
         
        }
        
.flowGallery {width:810px; height:540px; position:relative; z-index:100; margin-left:-40px;}
.flowGallery input {position:absolute; left:-9999px;}
.flow {padding:0; margin:0; list-style:none; width:810px; height:540px;}
.flow li {width:150px; height:100px; position:absolute;}

.flow li img {display:block; width:100%; height:100%;}
.flow li.c1 {left:0; top:0;
-webkit-transition:0.5s 0.05s;
-moz-transition:0.5s 0.05s;
-ms-transition:0.5s 0.05s;
-o-transition:0.5s 0.05s;
transition:0.5s 0.05s;
}
.flow li.c2 {left:165px; top:0;
-webkit-transition:0.5s 0.1s;
-moz-transition:0.5s 0.1s;
-ms-transition:0.5s 0.1s;
-o-transition:0.5s 0.1s;
transition:0.5s 0.1s;
}
.flow li.c3 {left:330px; top:0;
-webkit-transition:0.5s 0.15s;
-moz-transition:0.5s 0.15s;
-ms-transition:0.5s 0.15s;
-o-transition:0.5s 0.15s;
transition:0.5s 0.15s;
}
.flow li.c4 {left:495px; top:0;
-webkit-transition:0.5s 0.2s;
-moz-transition:0.5s 0.2s;
-ms-transition:0.5s 0.2s;
-o-transition:0.5s 0.2s;
transition:0.5s 0.2s;
}
.flow li.c5 {left:660px; top:0;
-webkit-transition:0.5s 0.25s;
-moz-transition:0.5s 0.25s;
-ms-transition:0.5s 0.25s;
-o-transition:0.5s 0.25s;
transition:0.5s 0.25s;
}
.flow li.c6 {left:0; top:110px;
-webkit-transition:0.5s 0.3s;
-moz-transition:0.5s 0.3s;
-ms-transition:0.5s 0.3s;
-o-transition:0.5s 0.3s;
transition:0.5s 0.3s;
}
.flow li.c7 {left:165px; top:110px;
-webkit-transition:0.5s 0.35s;
-moz-transition:0.5s 0.35s;
-ms-transition:0.5s 0.35s;
-o-transition:0.5s 0.35s;
transition:0.5s 0.35s;
}
.flow li.c8 {left:330px; top:110px;
-webkit-transition:0.5s 0.4s;
-moz-transition:0.5s 0.4s;
-ms-transition:0.5s 0.4s;
-o-transition:0.5s 0.4s;
transition:0.5s 0.4s;
}
.flow li.c9 {left:495px; top:110px;
-webkit-transition:0.5s 0.45s;
-moz-transition:0.5s 0.45s;
-ms-transition:0.5s 0.45s;
-o-transition:0.5s 0.45s;
transition:0.5s 0.45s;
}
.flow li.c10 {left:660px; top:110px;
-webkit-transition:0.5s 0.5s;
-moz-transition:0.5s 0.5s;
-ms-transition:0.5s 0.5s;
-o-transition:0.5s 0.5s;
transition:0.5s 0.5s;
}
.flow li.c11 {left:0; top:220px;
-webkit-transition:0.5s 0.45s;
-moz-transition:0.5s 0.45s;
-ms-transition:0.5s 0.45s;
-o-transition:0.5s 0.45s;
transition:0.5s 0.45s;
}
.flow li.c12 {left:165px; top:220px;
-webkit-transition:0.5s 0.4s;
-moz-transition:0.5s 0.4s;
-ms-transition:0.5s 0.4s;
-o-transition:0.5s 0.4s;
transition:0.5s 0.4s;
}
.flow li.c13 {left:330px; top:220px;
-webkit-transition:0.5s 0.35s;
-moz-transition:0.5s 0.35s;
-ms-transition:0.5s 0.35s;
-o-transition:0.5s 0.35s;
transition:0.5s 0.35s;
}
.flow li.c14 {left:495px; top:220px;
-webkit-transition:0.5s 0.3s;
-moz-transition:0.5s 0.3s;
-ms-transition:0.5s 0.3s;
-o-transition:0.5s 0.3s;
transition:0.5s 0.3s;
}
.flow li.c15 {left:660px; top:220px;
-webkit-transition:0.5s 0.25s;
-moz-transition:0.5s 0.25s;
-ms-transition:0.5s 0.25s;
-o-transition:0.5s 0.25s;
transition:0.5s 0.25s;
}
.flow li.c16 {left:0; top:330px;
-webkit-transition:0.5s 0.2s;
-moz-transition:0.5s 0.2s;
-ms-transition:0.5s 0.2s;
-o-transition:0.5s 0.2s;
transition:0.5s 0.2s;
}
.flow li.c17 {left:165px; top:330px;
-webkit-transition:0.5s 0.15s;
-moz-transition:0.5s 0.15s;
-ms-transition:0.5s 0.15s;
-o-transition:0.5s 0.15s;
transition:0.5s 0.15s;
}

#p1:checked ~ .flow li.c1 {left:0px; top:0px; width:480px; height:320px; z-index:-1;}
#p1:checked ~ .flow li.c2 {left:495px; top:0px;}
#p1:checked ~ .flow li.c3 {left:660px; top:0px;}
#p1:checked ~ .flow li.c4 {left:495px; top:110px;}
#p1:checked ~ .flow li.c5 {left:660px; top:110px;}
#p1:checked ~ .flow li.c6 {left:495px; top:220px;}
#p1:checked ~ .flow li.c7 {left:660px; top:220px;}
#p1:checked ~ .flow li.c8 {left:0px; top:330px;}
#p1:checked ~ .flow li.c9 {left:165px; top:330px;}
#p1:checked ~ .flow li.c10 {left:330px; top:330px;}
#p1:checked ~ .flow li.c11 {left:495px; top:330px;}
#p1:checked ~ .flow li.c12 {left:660px; top:330px;}
#p1:checked ~ .flow li.c13 {left:0px; top:440px;}
#p1:checked ~ .flow li.c14 {left:165px; top:440px;}
#p1:checked ~ .flow li.c15 {left:330px; top:440px;}
#p1:checked ~ .flow li.c16 {left:495px; top:440px;}
#p1:checked ~ .flow li.c17 {left:660px; top:440px;}

#p2:checked ~ .flow li.c1 {left:0px; top:0px;}
#p2:checked ~ .flow li.c2 {left:165px; top:0px; width:480px; height:320px; z-index:-1;}
#p2:checked ~ .flow li.c3 {left:660px; top:0px;}
#p2:checked ~ .flow li.c4 {left:0px; top:110px;}
#p2:checked ~ .flow li.c5 {left:660px; top:110px;}
#p2:checked ~ .flow li.c6 {left:0px; top:220px;}
#p2:checked ~ .flow li.c7 {left:660px; top:220px;}
#p2:checked ~ .flow li.c8 {left:0px; top:330px;}
#p2:checked ~ .flow li.c9 {left:165px; top:330px;}
#p2:checked ~ .flow li.c10 {left:330px; top:330px;}
#p2:checked ~ .flow li.c11 {left:495px; top:330px;}
#p2:checked ~ .flow li.c12 {left:660px; top:330px;}
#p2:checked ~ .flow li.c13 {left:0px; top:440px;}
#p2:checked ~ .flow li.c14 {left:165px; top:440px;}
#p2:checked ~ .flow li.c15 {left:330px; top:440px;}
#p2:checked ~ .flow li.c16 {left:495px; top:440px;}
#p2:checked ~ .flow li.c17 {left:660px; top:440px;}

#p3:checked ~ .flow li.c1 {left:0px; top:0px;}
#p3:checked ~ .flow li.c2 {left:165px; top:0px;}
#p3:checked ~ .flow li.c3 {left:330px; top:0px; width:480px; height:320px; z-index:-1;}
#p3:checked ~ .flow li.c4 {left:0px; top:110px;}
#p3:checked ~ .flow li.c5 {left:165px; top:110px;}
#p3:checked ~ .flow li.c6 {left:0px; top:220px;}
#p3:checked ~ .flow li.c7 {left:165px; top:220px;}
#p3:checked ~ .flow li.c8 {left:0px; top:330px;}
#p3:checked ~ .flow li.c9 {left:165px; top:330px;}
#p3:checked ~ .flow li.c10 {left:330px; top:330px;}
#p3:checked ~ .flow li.c11 {left:495px; top:330px;}
#p3:checked ~ .flow li.c12 {left:660px; top:330px;}
#p3:checked ~ .flow li.c13 {left:0px; top:440px;}
#p3:checked ~ .flow li.c14 {left:165px; top:440px;}
#p3:checked ~ .flow li.c15 {left:330px; top:440px;}
#p3:checked ~ .flow li.c16 {left:495px; top:440px;}
#p3:checked ~ .flow li.c17 {left:660px; top:440px;}

#p4:checked ~ .flow li.c1 {left:495px; top:0px;}
#p4:checked ~ .flow li.c2 {left:660px; top:0px;}
#p4:checked ~ .flow li.c3 {left:495px; top:110px;}
#p4:checked ~ .flow li.c4 {left:0px; top:0px; width:480px; height:320px; z-index:-1;}
#p4:checked ~ .flow li.c5 {left:660px; top:110px;}
#p4:checked ~ .flow li.c6 {left:495px; top:220px;}
#p4:checked ~ .flow li.c7 {left:660px; top:220px;}
#p4:checked ~ .flow li.c8 {left:0px; top:330px;}
#p4:checked ~ .flow li.c9 {left:165px; top:330px;}
#p4:checked ~ .flow li.c10 {left:330px; top:330px;}
#p4:checked ~ .flow li.c11 {left:495px; top:330px;}
#p4:checked ~ .flow li.c12 {left:660px; top:330px;}
#p4:checked ~ .flow li.c13 {left:0px; top:440px;}
#p4:checked ~ .flow li.c14 {left:165px; top:440px;}
#p4:checked ~ .flow li.c15 {left:330px; top:440px;}
#p4:checked ~ .flow li.c16 {left:495px; top:440px;}
#p4:checked ~ .flow li.c17 {left:660px; top:440px;}

#p5:checked ~ .flow li.c1 {left:0px; top:0px;}
#p5:checked ~ .flow li.c2 {left:660px; top:0px;}
#p5:checked ~ .flow li.c3 {left:0px; top:110px;}
#p5:checked ~ .flow li.c4 {left:660px; top:110px;}
#p5:checked ~ .flow li.c5 {left:165px; top:0px; width:480px; height:320px; z-index:-1;}
#p5:checked ~ .flow li.c6 {left:0px; top:220px;}
#p5:checked ~ .flow li.c7 {left:660px; top:220px;}
#p5:checked ~ .flow li.c8 {left:0px; top:330px;}
#p5:checked ~ .flow li.c9 {left:165px; top:330px;}
#p5:checked ~ .flow li.c10 {left:330px; top:330px;}
#p5:checked ~ .flow li.c11 {left:495px; top:330px;}
#p5:checked ~ .flow li.c12 {left:660px; top:330px;}
#p5:checked ~ .flow li.c13 {left:0px; top:440px;}
#p5:checked ~ .flow li.c14 {left:165px; top:440px;}
#p5:checked ~ .flow li.c15 {left:330px; top:440px;}
#p5:checked ~ .flow li.c16 {left:495px; top:440px;}
#p5:checked ~ .flow li.c17 {left:660px; top:440px;}

#p6:checked ~ .flow li.c1 {left:0px; top:0px;}
#p6:checked ~ .flow li.c2 {left:165px; top:0px;}
#p6:checked ~ .flow li.c3 {left:0px; top:110px;}
#p6:checked ~ .flow li.c4 {left:165px; top:110px;}
#p6:checked ~ .flow li.c5 {left:0px; top:220px;}
#p6:checked ~ .flow li.c6 {left:330px; top:0px; width:480px; height:320px; z-index:-1;}
#p6:checked ~ .flow li.c7 {left:165px; top:220px;}
#p6:checked ~ .flow li.c8 {left:0px; top:330px;}
#p6:checked ~ .flow li.c9 {left:165px; top:330px;}
#p6:checked ~ .flow li.c10 {left:330px; top:330px;}
#p6:checked ~ .flow li.c11 {left:495px; top:330px;}
#p6:checked ~ .flow li.c12 {left:660px; top:330px;}
#p6:checked ~ .flow li.c13 {left:0px; top:440px;}
#p6:checked ~ .flow li.c14 {left:165px; top:440px;}
#p6:checked ~ .flow li.c15 {left:330px; top:440px;}
#p6:checked ~ .flow li.c16 {left:495px; top:440px;}
#p6:checked ~ .flow li.c17 {left:660px; top:440px;}

#p7:checked ~ .flow li.c1 {left:0px; top:0px;}
#p7:checked ~ .flow li.c2 {left:165px; top:0px;}
#p7:checked ~ .flow li.c3 {left:330px; top:0px;}
#p7:checked ~ .flow li.c4 {left:495px; top:0px;}
#p7:checked ~ .flow li.c5 {left:660px; top:0px;}
#p7:checked ~ .flow li.c6 {left:495px; top:110px;}
#p7:checked ~ .flow li.c7 {left:0px; top:110px; width:480px; height:320px; z-index:-1;}
#p7:checked ~ .flow li.c8 {left:660px; top:110px;}
#p7:checked ~ .flow li.c9 {left:495px; top:220px;}
#p7:checked ~ .flow li.c10 {left:660px; top:220px;}
#p7:checked ~ .flow li.c11 {left:495px; top:330px;}
#p7:checked ~ .flow li.c12 {left:660px; top:330px;}
#p7:checked ~ .flow li.c13 {left:0px; top:440px;}
#p7:checked ~ .flow li.c14 {left:165px; top:440px;}
#p7:checked ~ .flow li.c15 {left:330px; top:440px;}
#p7:checked ~ .flow li.c16 {left:495px; top:440px;}
#p7:checked ~ .flow li.c17 {left:660px; top:440px;}

#p8:checked ~ .flow li.c1 {left:0px; top:0px;}
#p8:checked ~ .flow li.c2 {left:165px; top:0px;}
#p8:checked ~ .flow li.c3 {left:330px; top:0px;}
#p8:checked ~ .flow li.c4 {left:495px; top:0px;}
#p8:checked ~ .flow li.c5 {left:660px; top:0px;}
#p8:checked ~ .flow li.c6 {left:0px; top:110px;}
#p8:checked ~ .flow li.c7 {left:660px; top:110px;}
#p8:checked ~ .flow li.c8 {left:165px; top:110px; width:480px; height:320px; z-index:-1;}
#p8:checked ~ .flow li.c9 {left:0px; top:220px;}
#p8:checked ~ .flow li.c10 {left:660px; top:220px;}
#p8:checked ~ .flow li.c11 {left:0px; top:330px;}
#p8:checked ~ .flow li.c12 {left:660px; top:330px;}
#p8:checked ~ .flow li.c13 {left:0px; top:440px;}
#p8:checked ~ .flow li.c14 {left:165px; top:440px;}
#p8:checked ~ .flow li.c15 {left:330px; top:440px;}
#p8:checked ~ .flow li.c16 {left:495px; top:440px;}
#p8:checked ~ .flow li.c17 {left:660px; top:440px;}

#p9:checked ~ .flow li.c1 {left:0px; top:0px;}
#p9:checked ~ .flow li.c2 {left:165px; top:0px;}
#p9:checked ~ .flow li.c3 {left:330px; top:0px;}
#p9:checked ~ .flow li.c4 {left:495px; top:0px;}
#p9:checked ~ .flow li.c5 {left:660px; top:0px;}
#p9:checked ~ .flow li.c6 {left:0px; top:110px;}
#p9:checked ~ .flow li.c7 {left:165px; top:110px;}
#p9:checked ~ .flow li.c8 {left:0px; top:220px;}
#p9:checked ~ .flow li.c9 {left:330px; top:110px; width:480px; height:320px; z-index:-1;}
#p9:checked ~ .flow li.c10 {left:165px; top:220px;}
#p9:checked ~ .flow li.c11 {left:0px; top:330px;}
#p9:checked ~ .flow li.c12 {left:165px; top:330px;}
#p9:checked ~ .flow li.c13 {left:0px; top:440px;}
#p9:checked ~ .flow li.c14 {left:165px; top:440px;}
#p9:checked ~ .flow li.c15 {left:330px; top:440px;}
#p9:checked ~ .flow li.c16 {left:495px; top:440px;}
#p9:checked ~ .flow li.c17 {left:660px; top:440px;}

#p10:checked ~ .flow li.c1 {left:0px; top:0px;}
#p10:checked ~ .flow li.c2 {left:165px; top:0px;}
#p10:checked ~ .flow li.c3 {left:330px; top:0px;}
#p10:checked ~ .flow li.c4 {left:495px; top:0px;}
#p10:checked ~ .flow li.c5 {left:660px; top:0px;}
#p10:checked ~ .flow li.c6 {left:495px; top:110px;}
#p10:checked ~ .flow li.c7 {left:660px; top:110px;}
#p10:checked ~ .flow li.c8 {left:495px; top:220px;}
#p10:checked ~ .flow li.c9 {left:660px; top:220px;}
#p10:checked ~ .flow li.c10 {left:0px; top:110px; width:480px; height:320px; z-index:-1;}
#p10:checked ~ .flow li.c11 {left:495px; top:330px;}
#p10:checked ~ .flow li.c12 {left:660px; top:330px;}
#p10:checked ~ .flow li.c13 {left:0px; top:440px;}
#p10:checked ~ .flow li.c14 {left:165px; top:440px;}
#p10:checked ~ .flow li.c15 {left:330px; top:440px;}
#p10:checked ~ .flow li.c16 {left:495px; top:440px;}
#p10:checked ~ .flow li.c17 {left:660px; top:440px;}

#p11:checked ~ .flow li.c1 {left:0px; top:0px;}
#p11:checked ~ .flow li.c2 {left:165px; top:0px;}
#p11:checked ~ .flow li.c3 {left:330px; top:0px;}
#p11:checked ~ .flow li.c4 {left:495px; top:0px;}
#p11:checked ~ .flow li.c5 {left:660px; top:0px;}
#p11:checked ~ .flow li.c6 {left:0px; top:110px;}
#p11:checked ~ .flow li.c7 {left:660px; top:110px;}
#p11:checked ~ .flow li.c8 {left:0px; top:220px;}
#p11:checked ~ .flow li.c9 {left:660px; top:220px;}
#p11:checked ~ .flow li.c10 {left:0px; top:330px;}
#p11:checked ~ .flow li.c11 {left:165px; top:110px; width:480px; height:320px; z-index:-1;}
#p11:checked ~ .flow li.c12 {left:660px; top:330px;}
#p11:checked ~ .flow li.c13 {left:0px; top:440px;}
#p11:checked ~ .flow li.c14 {left:165px; top:440px;}
#p11:checked ~ .flow li.c15 {left:330px; top:440px;}
#p11:checked ~ .flow li.c16 {left:495px; top:440px;}
#p11:checked ~ .flow li.c17 {left:660px; top:440px;}

#p12:checked ~ .flow li.c1 {left:0px; top:0px;}
#p12:checked ~ .flow li.c2 {left:165px; top:0px;}
#p12:checked ~ .flow li.c3 {left:330px; top:0px;}
#p12:checked ~ .flow li.c4 {left:495px; top:0px;}
#p12:checked ~ .flow li.c5 {left:660px; top:0px;}
#p12:checked ~ .flow li.c6 {left:0px; top:110px;}
#p12:checked ~ .flow li.c7 {left:165px; top:110px;}
#p12:checked ~ .flow li.c8 {left:0px; top:220px;}
#p12:checked ~ .flow li.c9 {left:165px; top:220px;}
#p12:checked ~ .flow li.c10 {left:0px; top:330px;}
#p12:checked ~ .flow li.c11 {left:165px; top:330px;}
#p12:checked ~ .flow li.c12 {left:330px; top:110px; width:480px; height:320px; z-index:-1;}
#p12:checked ~ .flow li.c13 {left:0px; top:440px;}
#p12:checked ~ .flow li.c14 {left:165px; top:440px;}
#p12:checked ~ .flow li.c15 {left:330px; top:440px;}
#p12:checked ~ .flow li.c16 {left:495px; top:440px;}
#p12:checked ~ .flow li.c17 {left:660px; top:440px;}

#p13:checked ~ .flow li.c1 {left:0px; top:0px;}
#p13:checked ~ .flow li.c2 {left:165px; top:0px;}
#p13:checked ~ .flow li.c3 {left:330px; top:0px;}
#p13:checked ~ .flow li.c4 {left:495px; top:0px;}
#p13:checked ~ .flow li.c5 {left:660px; top:0px;}
#p13:checked ~ .flow li.c6 {left:0px; top:110px;}
#p13:checked ~ .flow li.c7 {left:165px; top:110px;}
#p13:checked ~ .flow li.c8 {left:330px; top:110px;}
#p13:checked ~ .flow li.c9 {left:495px; top:110px;}
#p13:checked ~ .flow li.c10 {left:660px; top:110px;}
#p13:checked ~ .flow li.c11 {left:495px; top:220px;}
#p13:checked ~ .flow li.c12 {left:660px; top:220px;}
#p13:checked ~ .flow li.c13 {left:0px; top:220px; width:480px; height:320px; z-index:-1;}
#p13:checked ~ .flow li.c14 {left:495px; top:330px;}
#p13:checked ~ .flow li.c15 {left:660px; top:330px;}
#p13:checked ~ .flow li.c16 {left:495px; top:440px;}
#p13:checked ~ .flow li.c17 {left:660px; top:440px;}

#p14:checked ~ .flow li.c1 {left:0px; top:0px;}
#p14:checked ~ .flow li.c2 {left:165px; top:0px;}
#p14:checked ~ .flow li.c3 {left:330px; top:0px;}
#p14:checked ~ .flow li.c4 {left:495px; top:0px;}
#p14:checked ~ .flow li.c5 {left:660px; top:0px;}
#p14:checked ~ .flow li.c6 {left:0px; top:110px;}
#p14:checked ~ .flow li.c7 {left:165px; top:110px;}
#p14:checked ~ .flow li.c8 {left:330px; top:110px;}
#p14:checked ~ .flow li.c9 {left:495px; top:110px;}
#p14:checked ~ .flow li.c10 {left:660px; top:110px;}
#p14:checked ~ .flow li.c11 {left:0px; top:220px;}
#p14:checked ~ .flow li.c12 {left:660px; top:220px;}
#p14:checked ~ .flow li.c13 {left:0px; top:330px;}
#p14:checked ~ .flow li.c14 {left:165px; top:220px; width:480px; height:320px; z-index:-1;}
#p14:checked ~ .flow li.c15 {left:660px; top:330px;}
#p14:checked ~ .flow li.c16 {left:0px; top:440px;}
#p14:checked ~ .flow li.c17 {left:660px; top:440px;}

#p15:checked ~ .flow li.c1 {left:0px; top:0px;}
#p15:checked ~ .flow li.c2 {left:165px; top:0px;}
#p15:checked ~ .flow li.c3 {left:330px; top:0px;}
#p15:checked ~ .flow li.c4 {left:495px; top:0px;}
#p15:checked ~ .flow li.c5 {left:660px; top:0px;}
#p15:checked ~ .flow li.c6 {left:0px; top:110px;}
#p15:checked ~ .flow li.c7 {left:165px; top:110px;}
#p15:checked ~ .flow li.c8 {left:330px; top:110px;}
#p15:checked ~ .flow li.c9 {left:495px; top:110px;}
#p15:checked ~ .flow li.c10 {left:660px; top:110px;}
#p15:checked ~ .flow li.c11 {left:0px; top:220px;}
#p15:checked ~ .flow li.c12 {left:165px; top:220px;}
#p15:checked ~ .flow li.c13 {left:0px; top:330px;}
#p15:checked ~ .flow li.c14 {left:165px; top:330px;}
#p15:checked ~ .flow li.c15 {left:330px; top:220px; width:480px; height:320px; z-index:-1;}
#p15:checked ~ .flow li.c16 {left:0px; top:440px;}
#p15:checked ~ .flow li.c17 {left:165px; top:440px;}

#p16:checked ~ .flow li.c1 {left:0px; top:0px;}
#p16:checked ~ .flow li.c2 {left:165px; top:0px;}
#p16:checked ~ .flow li.c3 {left:330px; top:0px;}
#p16:checked ~ .flow li.c4 {left:495px; top:0px;}
#p16:checked ~ .flow li.c5 {left:660px; top:0px;}
#p16:checked ~ .flow li.c6 {left:0px; top:110px;}
#p16:checked ~ .flow li.c7 {left:165px; top:110px;}
#p16:checked ~ .flow li.c8 {left:330px; top:110px;}
#p16:checked ~ .flow li.c9 {left:495px; top:110px;}
#p16:checked ~ .flow li.c10 {left:660px; top:110px;}
#p16:checked ~ .flow li.c11 {left:0px; top:220px;}
#p16:checked ~ .flow li.c12 {left:660px; top:220px;}
#p16:checked ~ .flow li.c13 {left:0px; top:330px;}
#p16:checked ~ .flow li.c14 {left:660px; top:330px;}
#p16:checked ~ .flow li.c15 {left:0px; top:440px;}
#p16:checked ~ .flow li.c16 {left:165px; top:220px; width:480px; height:320px; z-index:-1;}
#p16:checked ~ .flow li.c17 {left:660px; top:440px;}

#p17:checked ~ .flow li.c1 {left:0px; top:0px;}
#p17:checked ~ .flow li.c2 {left:165px; top:0px;}
#p17:checked ~ .flow li.c3 {left:330px; top:0px;}
#p17:checked ~ .flow li.c4 {left:495px; top:0px;}
#p17:checked ~ .flow li.c5 {left:660px; top:0px;}
#p17:checked ~ .flow li.c6 {left:0px; top:110px;}
#p17:checked ~ .flow li.c7 {left:165px; top:110px;}
#p17:checked ~ .flow li.c8 {left:330px; top:110px;}
#p17:checked ~ .flow li.c9 {left:495px; top:110px;}
#p17:checked ~ .flow li.c10 {left:660px; top:110px;}
#p17:checked ~ .flow li.c11 {left:0px; top:220px;}
#p17:checked ~ .flow li.c12 {left:165px; top:220px;}
#p17:checked ~ .flow li.c13 {left:0px; top:330px;}
#p17:checked ~ .flow li.c14 {left:165px; top:330px;}
#p17:checked ~ .flow li.c15 {left:0px; top:440px;}
#p17:checked ~ .flow li.c16 {left:165px; top:440px;}
#p17:checked ~ .flow li.c17 {left:330px; top:220px; width:480px; height:320px; z-index:-1;}