Primefaces JSF - Layout com Template

Galera, estou com minha aplicação web pronta em JSF com Primefaces.
Tenho um template feito com facelets mas era apenas provisório.
Recebi um template em html que utiliza JQuery e tal. Mas não consegui importar de jeito nenhum.
Na verdade eu importava mas ao que parece, o Primefaces sobreescreve os CSS de todos os componentes.

Tenho algumas dúvidas:

  1. Para templates, o melhor (ou o mais recomendado) em JSF é fazer um template com

    e outros componentes html só fazendo a chamada pelo ui:composition?
    Ou seria melhor realmente utilizar o <p:layout> que o primefaces tem e estrutura a página toda de acordo com os recursos do prime?
  2. Como eu faço por exemplo para preencher o fundo de uma página com outra cor usando esses componentes do primefaces? Eu coloco no <p:layout> e/ou no <p:layoutUnit> essa configuração CSS e altera apenas a cor das bordas. style="background-color: #eeeeee;

  3. Por fim, eu li em alguns fóruns que algumas pessoas pegam o CSS do Primefaces e alteram de acordo com o seu jeito. Isso não seria de uma certa forma ruim?