p {
    color: #9b9b9b; 
    font: small "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}         
    
p.title {     
    
    text-align: center;  
    font-style: italic;
    text-decoration: underline;
}   

a {
    color: #9b9b9b;
}

a.gallery {
    margin: 10px;
}  

div.gallery {
    position: absolute;
    top: 60px;
    left: 60px;
}  

div.movie {
    position: absolute;
    top: 10px; 
    left: 65px;
}       

div.commercialProject {
    position: absolute;
    top: 410px;
    left: 65px;
} 

div.commercialRole {
    position: absolute;
    top: 450px;
    left: 65px;
}         

div.commercialResponsibleFor {
    text-align: left;
    position: absolute;
    top: 410px;
    left: 340px;
}      

div.commercialResponsibilities {
    text-align: left;
    position: absolute;
    top: 425px;
    left: 315px;
}
   
div.animationDescription {
    position: absolute;
    top: 410px;
    left: 65px;
    width: 480px;
}   
   
         
img {
    border: 1px solid;
    border-color: #9b9b9b;
}

img:hover {
    border: 1px solid;
    border-color: #ea1212;
}     
      
ul {
    list-style-type: disc;
}   

li {
        color: #9b9b9b; 
        font: small "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    
}

embed.commercials {
     height: 400px;
     width:  480px;
} 

embed.animation {
     height: 400px;
     width:  480px;
}