body {color:#ccc; padding: 0; margin: 20px 0 0; background: #222;
font-family: Arial, sans-serif; font-size: 13px; line-height: 110%}
a:link {text-decoration: none; color: #999}
a:visited {text-decoration: none; color: #666}
a:hover {text-decoration: underline}
a:active {text-decoration: none}
p{font-size: 12px; margin: 0 0 12px}
h1,h2,h3,h4,h5,h6{margin: 0 0 12px; font-weight: normal; color:#999}
h1{font-size:18px; color: #eee}
h2 {font-size:13px; font-weight: bold}
p+h1 {padding-top: 10px}
hr{color:#999}
img{border:0}
#wrap{width:770px; margin:0 auto}
#header{}
#logo{height: 143px}
#main_content {overflow: hidden; position: relative; width: 100%}
#main_content_inside {background: #0b0b0b; padding: 20px}
#foot{margin: 5px 0 20px}
.btns{text-align:center; line-height: 100%}
.btns a:link,
.btns a:visited,
.btns a:hover {color: white; font: 11px Verdana; background:#0b0b0b; 
cursor:pointer; text-decoration:none; 
margin: 0; padding:3px 8px; line-height: 20px}
.btns a:hover span{opacity:0.6; filter:alpha(opacity:80)}
/*if in footer*/
#foot .btns a:link,
#foot .btns a:visited,
#foot .btns a:hover{background: none; line-height: 15px; 
padding: 0 6px 2px 1px; border-right: 1px solid #666}
#foot .btns a.mentions_legales {border: 0}
/**/
.popup {margin:0; padding: 0; background: #222}
.popup div{color: #ccc; padding: 50px 0 0 50px}
.popup p {font-size: 10px; line-height: 12px}
.popup strong {font-size: 12px}
.popup a {text-decoration: underline}
/**/
#works_preview_wrapper {float: left; margin: 0 10px 10px 0}
#flashcontent {width: 100%;height: 440px}