Menu de página suspensa.

[Rapha Jor 3]

Na página principal do Imasters ao lado da logo existe um botão "Escolha uma seção", ao clicar surge uma página suspensa com várias opções de menu, como se faz o mesmo, já tentei algumas coisas mas sem sucesso, podem me ajudar?

[WilkerIceri 4]

Ao clicar no botão ele somente mostra essa div alterando a propriedade display do css dela para "block", e ao clicar fora da div (no document) ela altera a propriedade display para "none".

 

Qualquer dúvida posta ae pra gente ;)