Verschillende menu items verschillende margin-right

Hallo mensen
ik wil van het hoofdmenu, bij de verschillende menu items een andere margin-right dus verschillende afstanden tussen de verschillende menu items.

Ik had zelf e.e.a. geprobeerd bijv. de volgende code:

ul#menu-hoofdmenu.fullwidth-menu.nav.downwards:nth-child(1)
{
	margin-right:0px;
}

ul#menu-hoofdmenu.fullwidth-menu.nav.downwards:nth-child(2)
{
	margin-right:45px;
}

ul#menu-hoofdmenu.fullwidth-menu.nav.downwards:nth-child(3)
{
	margin-right:20px;
}

maar ook zonder ‘downwards’ etc. geprobeerd, maar de menu items lijken allemaal nog steeds even ver uit elkaar te staan.
Kan iemand mij hiermee helpen, dat het zal werken?
Vriendelijke groet
Diana

De pagina waar ik hulp bij nodig heb: [log in om de link te zien]