Filtro Categorias MYSQL PHP

Boas...eu tenho seguinte filtro para filtrar categorias: http://www.desigm.pt/workfolio.php

Como podem verificar ao clicar em "Design Gráfico" por exemplo ele vai-me filtrar só as que estão na opção "TODOS", queria que fosse buscar os 21 ultimos campos que estao na base dados.

segue o codigo:

<button data-filter="*" class="cbp-filter-item-active cbp-filter-item">TUDO</button>

 <?php

$SEL_C = mysql_query("Select * from categoria_work");

while($cat = mysql_fetch_array($SEL_C)){

$nameCat = $cat['name'];
$idCat = $cat['id_categoria'];
$nomeCat = $cat['nome_categoria'];
?>
 <button data-filter=".<?php echo $nameCat;?>" class="cbp-filter-item" style="text-transform:uppercase"><?php echo $nomeCat = $cat['nome_categoria']; ?></button>
 <?php } ?>
 </div>
 <div id="grid-container" class="cbp-l-grid-projects three">

 <ul>
 <?php

 $SQL_TUDO = mysql_query("SELECT * FROM work INNER JOIN categoria_work ON work.categoria_w =categoria_work.id_categoria ORDER BY id_work DESC LIMIT 21");

while($t_w = mysql_fetch_array($SQL_TUDO)){

$Cw = $t_w['nome_categoria'];
$IdW = $t_w['id_work'];
$nameW = $t_w['name'];

 ?>

 <li class="cbp-item <?php echo $nameW;?> ">
 <div class="cbp-caption three">
 <div class="cbp-caption-defaultWrap"> <img src="backoffice/imagens/imgwork/<?php echo $t_w['imagem_work']; ?> "alt="" /> </div>
 <div class="cbp-caption-activeWrap">
 <div class="cbp-l-caption-alignCenter">
 <div class="cbp-l-caption-body"> <a href="work.php?id=<?php echo $IdW ?>" class="cbp-l-caption-buttonLeft">+ info</a></div>
 </div>
 </div>
 </div>
 <div class="threeborder">
 <div class="cbp-l-grid-projects-title three"><?php echo $t_w['titulo_work']; ?></div>
 <div class="cbp-l-grid-projects-desc"><?php echo $Cw; ?></div>
 </div>
 </li>

 <?php } ?>