さらに、一つ一つのグローバルナビの「エリア」の間を空けて、以下の参考サイトのような感じにすることはCSSで出来るのでしょうか?
理由として、HTMLやCSS等の組合せでwebページは表示されているので、同じように組めば、同じように表示可能です。
ブロック要素やインライン要素にマージン・パディング等をどのように設定し、どのように並べていくのかはひとつとは限りません。
状況により、いくつか選択があり、どれを選択するのがより良いのかは、質問者さんがHTML・CSSについての参考書や参考サイト等で勉強されると分かるかと思います。
今回の質問者さんの質問は「推奨していない質問」と捉えられます。
まずは目標とするデザイン等に該当する部分と、ご自分で考えたコードとその結果を併せて提示されると、より良い回答を得れると思います。