ul#client {
	width:900px;
	margin:0 auto;
	}
	
#clientgrid
{
  margin-left:-10px;
  height: 543px;
  overflow: hidden;
}

.expand
{
  background: #f0f0f0 url(arrow.png) 15px center no-repeat;
  border: 1px solid #ccc;
  color: #000;
  cursor: pointer;
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto 1em 7px;
  padding: .8em 15px .8em 30px;
  text-align: left;
  width: 853px;
  margin-left:-3px;
  margin-bottom:20px;
}

.expand:hover
{
  background-color: #B4D5FE;
}

#clientgrid.expanded
{
  height: 1098px;
}

#clientgrid li {
list-style-type:none;
float:left;
}

figure {
  margin: 0;
}

    .logogrid {
      width: 174px;
      height: 174px;
      position: relative;
      margin-left:7px;
      margin-bottom:7px;
      border: 0px solid #CCC;
      -webkit-perspective: 800px;
         -moz-perspective: 800px;
    }
    
    .card {
      width: 100%;
      height: 100%;
      position: absolute;
      top:0;
      left:0;
}
    
    .card.over .front  {
   
    }
    
    .card figure {
      display: block;
      height: 100%;
      width: 100%;
      line-height: 174px;
      color: white;
      text-align: center;
      font-weight: bold;
      font-size: 140px;
      position: absolute;
      -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
          -ms-backface-visibility: hidden;
           -o-backface-visibility: hidden;
              backface-visibility: hidden;
            border: 1px solid #CCC;

    }
    

	    
    #html5logo .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 0;
	  background-repeat: no-repeat;
    }
    
    #html5logo .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px 0;
	  background-repeat: no-repeat;
    }
    
    #html5logo .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 0;
	  background-repeat: no-repeat;
    }
    
    
    #dart .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -183px;
	  background-repeat: no-repeat;
    }
    
    #dart .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -183px;
	  background-repeat: no-repeat;
    }
    
     #dart .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -183px;
	  background-repeat: no-repeat;
    }
        
    
    #ringmark .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -366px;
	  background-repeat: no-repeat;
    }
    
        
    #ringmark .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -366px;
	  background-repeat: no-repeat;
    }
    
    #ringmark .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -366px;
	  background-repeat: no-repeat;
    }
    

    
    #validator .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -549px;
	  background-repeat: no-repeat;
    }
    
        
    #validator .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -549px;
	  background-repeat: no-repeat;
    }
    

    #validator .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -549px;
	  background-repeat: no-repeat;
    }
    
    
    #ipv6 .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -732px;
	  background-repeat: no-repeat;
    }
    
        
    #ipv6 .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -732px;
	  background-repeat: no-repeat;
    }  
    
    #ipv6 .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -732px;
	  background-repeat: no-repeat;
    }  

    #backbone .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -915px;
	  background-repeat: no-repeat;
    }
    
    #backbone .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -915px;
	  background-repeat: no-repeat;
    }
    
    #backbone .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -915px;
	  background-repeat: no-repeat;
    }
    
    #hihr .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -1098px;;
	  background-repeat: no-repeat;
    }
    
    #hihr .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -1098px;;
	  background-repeat: no-repeat;
    }
    
    #hihr .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -1098px;;
	  background-repeat: no-repeat;
    }
        
    
    #privacy .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -1281px;
	  background-repeat: no-repeat;
    }
    
        
    #privacy .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -1281px;
	  background-repeat: no-repeat;
    }
    
    #privacy .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -1281px;
	  background-repeat: no-repeat;
    }
    
    #allaccessx .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -1464px;
	  background-repeat: no-repeat;
    }
    
        
    #allaccessx .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -1464px;
	  background-repeat: no-repeat;
    }
    
    #allaccessx .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -1464px;
	  background-repeat: no-repeat;
    }
    
    
    #html5rocks .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -1647px;
	  background-repeat: no-repeat;
    }
    
        
    #html5rocks .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -1647px;
	  background-repeat: no-repeat;
    } 
    
    #html5rocks .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -1647px;
	  background-repeat: no-repeat;
    }
    


    #rosa .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -1830px;
	  background-repeat: no-repeat;
    }
    
        
    #rosa .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -1830px;
	  background-repeat: no-repeat;
    } 
    
    #rosa .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -1830px;
	  background-repeat: no-repeat;
    }
    
    #shacked .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -2013px;
	  background-repeat: no-repeat;
    }
    
        
    #shacked .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -2013px;
	  background-repeat: no-repeat;
    }      
    
    #shacked .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -2013px;
	  background-repeat: no-repeat;
    }   
    
    #foxtax .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -2196px;
	  background-repeat: no-repeat;
    }
    
        
    #foxtax .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -2196px;
	  background-repeat: no-repeat;
    } 
    
    #foxtax .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -2196px;
	  background-repeat: no-repeat;
    }
    
    #crossfit .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -2379px;
	  background-repeat: no-repeat;
    }
    
        
    #crossfit .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -2379px;
	  background-repeat: no-repeat;
    }  
    
     #crossfit .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -2379px;
	  background-repeat: no-repeat;
    }       
    
    #unseasoned .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -2562px;
	  background-repeat: no-repeat;
    }
    
        
    #unseasoned .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -2562px;
	  background-repeat: no-repeat;
    } 
    
    #unseasoned .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -2562px;
	  background-repeat: no-repeat;
    }
    
    
    #ecostyle .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -2745px;
	  background-repeat: no-repeat;
    }
    
        
    #ecostyle .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -2745px;
	  background-repeat: no-repeat;
    }  
    
    #ecostyle .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -2745px;
	  background-repeat: no-repeat;
    }       
    
    #sustainable .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -2928px;
	  background-repeat: no-repeat;
    }
    
        
    #sustainable .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -2928px;
	  background-repeat: no-repeat;
    } 
    
    #sustainable .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -2928px;
	  background-repeat: no-repeat;
    }
    
    #brainparker .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -3111px;
	  background-repeat: no-repeat;
    }
    
        
    #brainparker .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -3111px;
	  background-repeat: no-repeat;
    }  
    
    #brainparker .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -3111px;
	  background-repeat: no-repeat;
    } 
     
    
    #farmroofx .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -3294px;
	  background-repeat: no-repeat;
    }
    
        
    #farmroofx .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -3294px;
	  background-repeat: no-repeat;
    } 
    
    #farmroofx .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -3294px;
	  background-repeat: no-repeat;
    }
        
    #bocoup .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -3477px;
	  background-repeat: no-repeat;
    }
    
        
    #bocoup .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -3477px;
	  background-repeat: no-repeat;
    }  
    
    #bocoup .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -3477px;
	  background-repeat: no-repeat;
    }       
    
    #hearlyrics .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -3660px;
	  background-repeat: no-repeat;
    }
    
        
    #hearlyrics .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -3660px;
	  background-repeat: no-repeat;
    } 
    
    #hearlyrics .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -3660px;
	  background-repeat: no-repeat;
    }
    
    
    #menumill .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -3843px;
	  background-repeat: no-repeat;
    }
    
        
    #menumill .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -3843px;
	  background-repeat: no-repeat;
    }  
    
    #menumill .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -3843px;
	  background-repeat: no-repeat;
    }       
    
    #symmetry .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -4026px;
	  background-repeat: no-repeat;
    }
    
        
    #symmetry .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -4026px;
	  background-repeat: no-repeat;
    } 
    
    #symmetry .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -4026px;
	  background-repeat: no-repeat;
    }
    
    
    #izzy-hakan .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -4209px;
	  background-repeat: no-repeat;
    }
    
        
    #izzy-hakan .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -4209px;
	  background-repeat: no-repeat;
    }    
    
    #izzy-hakan .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -4209px;
	  background-repeat: no-repeat;
    }     
    
    #ybclogo .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -4392px;
	  background-repeat: no-repeat;
    }
    
        
    #ybclogo .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -4392px;
	  background-repeat: no-repeat;
    } 
    
    #ybclogo .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -4392px;
	  background-repeat: no-repeat;
    }
    
    #adventure .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -4575px;
	  background-repeat: no-repeat;
    }
    
        
    #adventure .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -4575px;
	  background-repeat: no-repeat;
    }  
    
    #adventure .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -4575px;
	  background-repeat: no-repeat;
    }
    
    
     #concourse .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -4758px;
	  background-repeat: no-repeat;
    }
    
        
    #concourse .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -4758px;
	  background-repeat: no-repeat;
    } 
    
     #happytummy .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -4951px;
	  background-repeat: no-repeat;
    }
    
    #concourse .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -4758px;
	  background-repeat: no-repeat;
    }
    
        
    #happytummy .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -4951px;
	  background-repeat: no-repeat;
    } 
    
    #happytummy .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -4951px;
	  background-repeat: no-repeat;
    }
    
     #totoradco .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -5124px;
	  background-repeat: no-repeat;
    }
    
        
    #totoradco .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -5124px;
	  background-repeat: no-repeat;
    }     
    
     #totoradco .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -5124px;
	  background-repeat: no-repeat;
    }    
    
    
     #irislogo .front {
	  background-image:url('/logo-sprites.png');
	  background-position: 0 -5307px;
	  background-repeat: no-repeat;
    }
    
        
    #irislogo .front:hover {
	  background-image:url('/logo-sprites.png');
	  background-position: -183px -5307px;
	  background-repeat: no-repeat;
    }   
    
    #irislogo .back {
	  background-image:url('/logo-sprites_rear.png');
	  background-position: 0 -5307px;
	  background-repeat: no-repeat;
    }  
    
    
	.card {
	}
	
	.card.over
	{
	}
	
    
    .card .front {
		position: absolute;
    	background:#f0f0f0;
    	background-position: 0 0;
    	cursor:pointer;
		float: none;
		
		z-index: 900;
		-webkit-transform: rotateY(0deg);
		-webkit-transform-style: preserve-3d;
		-webkit-backface-visibility: hidden;
		-webkit-transition: -webkit-transform 0.4s;

		-moz-transform: rotateY(0deg);
		-moz-transform-style: preserve-3d;
		-moz-backface-visibility: hidden;
		-moz-transition: -moz-transform 0.4s;
	}
		
	.card.over .front {
		-webkit-transform: rotateY(180deg);
		-webkit-backface-visibility: hidden;
		-moz-transform: rotateY(180deg);
		-moz-backface-visibility: hidden;
	}
    
    .card .back {
		position: absolute;
		background:#f0f0f0;
		cursor:pointer;
		float: none;

		z-index: 800;
		-webkit-transform: rotateY(-180deg);
		-webkit-transform-style: preserve-3d;
		-webkit-backface-visibility: hidden;
		-webkit-transition: -webkit-transform 0.4s;

		-moz-transform: rotateY(-180deg);
		-moz-transform-style: preserve-3d;
		-moz-backface-visibility: hidden;
		-moz-transition: -moz-transform 0.4s;;
    }
	
	.card.over .back
	{
		z-index: 1000;
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}
    
    a.case-zoom   {
		background:transparent;	
		background-image:url('/zoom.png');
		position:absolute;
		top:0;
		left:0;
		width:56px;
		height:55px;
		cursor:pointer;
		z-index: 10000;
	}
	
	a.case-zoom:hover {
		background: #f0f0f0;
		background-image:url('/zoom-on.png');
	}
	
	.logosupport {
		color:#000;
		font-size:14px;
		line-height:19px;
		font-family:"Helvetica";
		text-align:center;
		margin-top:58px;
		}
		
	.ford {
		font-family:"Times";
		font-style:italic;
		display:block;
		}