buenas,
el problema es que el CSS esta mal. fijate lo que dicen los selectores.
"aplicar propiedades a elemento <a> que estan dentro de un elemento con clase .active y a su vez dentro de un elemento con id #nav_trabajos". es decir, las propiedades serian aplicada a un elemento <a> como en el ejemplo que sigue. notese el texto marcado en color rojo son donde los selectores coinciden.
Código:
<ul id="nav_trabajos">
<li class="active"><a href='...'>enlace</a></li>
<li><a href='...'>enlace</a></li>
</ul>
tu estructura html es distinta y por eso no se aplica las propiedades css. si vas a usar esa estructura, debes reescribir los selectores acorde a dicha estructura. por ejemplo, los enlaces ya tienen un id, puedes partir desde ahi.
Código:
/* notese que no hay espacio entre el id y la clase */
#nav_trabajos.active, #nav_inicio.active{
/* propiedades css */
}
