body {
background: url('body_bg.jpg') no-repeat center center fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
} 

#content_welcome{
      width:522px;  
      height:300px;  
      position:absolute;  
      left:50%;  
      top:50%;  
      margin:-200px 0 0 -261px;  
}

#main {
  margin:10px;
}

.csc-default{
  float:left;
  clear:both;
  background:white;
  margin:0px; padding:0px;
  width:494px; overflow:hidden;
  margin-top:5px;
  text-align: left;
  background:#000;
  opacity:0.5;
  color:#fff;
  padding:0px 0px 0 26px;
}




/*#content{
 width:900px;
}*/

a{
  background:none !important; 
}

.csc-default{visibility: hidden;}
#main:hover .csc-default{
  visibility: visible;
    animation: fadein 3s;
  -moz-animation: fadein 3s; /* Firefox */
  -webkit-animation: fadein 3s; /* Safari and Chrome */
  -o-animation: fadein 3s; /* Opera */
}

p.bodytext {padding-top:0px !important; font-weight:normal; text-transform:uppercase; font-size:16px; width:424px; float:left; clear: none !important;}





@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:0.5;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:0.5;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:0.5;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 0.5;
    }
}