Как установить маржу в разделе?

-1

Невозможно понять, как установить маржу в обернутом элементе. Например у меня естьКак установить маржу в разделе?

<body> 
    <section id="main"> 
     <div id="video"> 

     </div> 

    </section> 
</body> 


section#main{ 
    width: 960px; 
    margin: 7% auto 0; 
    background: #000; 
    opacity: 0.86; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
} 

div#video{ 
    border: 1px solid red; 
    width: 640px; 
    height: 360px; 
    margin: 10px; 
}

enter image description here