Alinhamento de Imagens Dinamica (Capas de Galeria)

Olá Pessoal???,

Tenho um site que gera dinamicamente 4 imagens na página inicial dinamicamente (São 4 imagens de capa de galeria de fotos). O código está no final.

O problema é que eu gostaria que a tanto a 1º imagem como a 4º imagem ficassem (coladas) com suas margens a esquerda e direita zeradas , ficando alinhadas certinhas ao layout.

Da forma que eu fiz abaixo a primeira imagem fica correta, porém a última que é a 4º obviamente terá espaçamento também.

Tem alguma técnica que eu possa fazer isso só com css? ou terei que testar isso no meu PHP, atribuindo espaçamento diferente quando a imagem for a 4º

Espero que tenham entendido. Obrigado por ajudar

ul#fotos{

list-style-type: none;

float:left;

margin: 40px 0px 0px 0px;

display: block;

}

ul#fotos li{

width: 217px;

height: 190px;

display: inline;

float:left;

padding-right: 40px;

 

 

}