html{
	width:100%;
    height: 100%;    
	font-family:Arial, Helvetica, sans-serif; 
}
body{
	width:100%;
    height: 100%;
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.1em;
    line-height: 1em;
}
.background-initial{
    background: url("../images/pixel_line_1.0.jpg") repeat-x;  
    background-position: 0px center;       
}
.background-top-static{
    background: url("../images/pixel_line_1.0.jpg") repeat-x; 
    background-position: 0px 32.8vh;      
}
.background-top{
    background: url("../images/pixel_line_1.0.jpg") repeat-x; 
    background-position: 0px 32.8vh;

    animation: animatedBgLine 1s linear 1;
    -moz-animation: animatedBgLine 1s linear 1;
    -webkit-animation: animatedBgLine 1s linear 1;
    -ms-animation: animatedBgLine 1s linear 1;
    -o-animation: animatedBgLine 1s linear 1;      
}


@keyframes animatedBgLine {
    0% { background-position: 0px center; }
    100% { background-position: 0 32.8vh; }
}
@-moz-keyframes animatedBgLine {
    0% { background-position: 0px center; }
    100% { background-position: 0 32.8vh; }
}
@-webkit-keyframes animatedBgLine {
    0% { background-position: 0px center; }
    100% { background-position: 0 32.8vh; }
}
@-ms-keyframes animatedBgLine {
    0% { background-position: 0px center; }
    100% { background-position: 0 32.8vh; }
}
@-o-keyframes animatedBgLine {
    0% { background-position: 0px center; }
    100% { background-position: 0 32.8vh; }
}


.background-top2center{
    background: url("../images/pixel_line_1.0.jpg") repeat-x; 
    background-position: 0px center;

    animation: animatedBgLineR 1s linear 1;
    -moz-animation: animatedBgLineR 1s linear 1;
    -webkit-animation: animatedBgLineR 1s linear 1;
    -ms-animation: animatedBgLineR 1s linear 1;
    -o-animation: animatedBgLineR 1s linear 1;      
}


@keyframes animatedBgLineR {
    0% { background-position: 0 32.8vh; }
    100% { background-position: 0px center; }
}
@-moz-keyframes animatedBgLineR {
    0% { background-position: 0 32.8vh; }
    100% { background-position: 0px center; }
}
@-webkit-keyframes animatedBgLineR {
    0% { background-position: 0 32.8vh; }
    100% { background-position: 0px center; }
}
@-ms-keyframes animatedBgLineR {
    0% { background-position: 0 32.8vh; }
    100% { background-position: 0px center; }
}
@-o-keyframes animatedBgLineR {
    0% { background-position: 0 32.8vh; }
    100% { background-position: 0px center; }
}


.big-container {
	width:100%;
    height:100vh;
	background-color: #ffffff;
	/*background-color: rgba(0,0,0,0.05);*/
    
	}

.main-container {
	width:700px;
    height: 500px;
	/*background-color: rgba(255,255,255,0.25);
    border: thin dashed #000000;*/
    position: relative;
    overflow: hidden;
	}

.content-container {
	width:700px;
    height: 400px;
    margin-bottom: 50px;
	}
	
.content-container a:hover, .content-container a:active, .content-container a:visited, .content-container a:link {
	text-decoration:none;
	color:#000000;
	}

.content-container a:hover {
	color:#ff9900;
	}


.menu{
    position: absolute;
    top: -80px;
    right: 45px;

    animation: animatedMenu 2s linear 1;
    -moz-animation: animatedMenu 2s linear 1;
    -webkit-animation: animatedMenu 2s linear 1;
    -ms-animation: animatedMenu 2s linear 1;
    -o-animation: animatedMenu 2s linear 1;      
}

@keyframes animatedMenu {
    0% { top: 211px; }
    100% { top: -80px; }
}
@-moz-keyframes animatedMenu {
    0% { top: 211px; }
    100% { top: -80px; }
}
@-webkit-keyframes animatedMenu {
    0% { top: 211px; }
    100% { top: -80px; }
}
@-ms-keyframes animatedMenu {
    0% { top: 211px; }
    100% { top: -80px; }
}
@-o-keyframes animatedMenu {
    0% { top: 211px; }
    100% { top: -80px; }
}


.menu-reverse{
    position: absolute;
    top: 211px;
    right: 45px;

    animation: animatedMenuR 2s linear 1;
    -moz-animation: animatedMenuR 2s linear 1;
    -webkit-animation: animatedMenuR 2s linear 1;
    -ms-animation: animatedMenuR 2s linear 1;
    -o-animation: animatedMenuR 2s linear 1;      
}

@keyframes animatedMenuR {
    0% { top: -80px; }
    100% { top: 211px; }
}
@-moz-keyframes animatedMenuR {
    0% { top: -80px; }
    100% { top: 211px; }
}
@-webkit-keyframes animatedMenuR {
    0% { top: -80px; }
    100% { top: 211px; }
}
@-ms-keyframes animatedMenuR {
    0% { top: -80px; }
    100% { top: 211px; }
}
@-o-keyframes animatedMenuR {
    0% { top: -80px; }
    100% { top: 211px; }
}

.logo{
    position: absolute;
    top: 580px;
    left: 25px;

    animation: animatedlogo 2s linear 1;
    -moz-animation: animatedlogo 2s linear 1;
    -webkit-animation: animatedlogo 2s linear 1;
    -ms-animation: animatedlogo 2s linear 1;
    -o-animation: animatedlogo 2s linear 1;      
}

@keyframes animatedlogo {
    0% { top: 155px; }
    100% { top: 580px; }
}
@-moz-keyframes animatedlogo {
    0% { top: 155px; }
    100% { top: 580px; }
}
@-webkit-keyframes animatedlogo {
    0% { top: 155px; }
    100% { top: 580px; }
}
@-ms-keyframes animatedlogo {
    0% { top: 155px; }
    100% { top: 580px; }
}
@-o-keyframes animatedlogo {
    0% { top: 155px; }
    100% { top: 580px; }
}


.logo-reverse{
    position: absolute;
    top: 155px;
    left: 25px;

    animation: animatedlogoR 2s linear 1;
    -moz-animation: animatedlogoR 2s linear 1;
    -webkit-animation: animatedlogoR 2s linear 1;
    -ms-animation: animatedlogoR 2s linear 1;
    -o-animation: animatedlogoR 2s linear 1;      
}

@keyframes animatedlogoR {
    0% { top: 580px; }
    100% { top: 155px; }
}
@-moz-keyframes animatedlogoR {
    0% { top: 580px; }
    100% { top: 155px; }
}
@-webkit-keyframes animatedlogoR {
    0% { top: 580px; }
    100% { top: 155px; }
}
@-ms-keyframes animatedlogoR {
    0% { top: 580px; }
    100% { top: 155px; }
}
@-o-keyframes animatedlogoR {
    0% { top: 580px; }
    100% { top: 155px; }
}


.title{
    position: absolute;
    top: 50px; 
    left: 50%; 
    transform: translateX(-50%);  
    color: #FF9900; 
    font-size: 1.7rem;

    animation: animatedtitle 2s linear 1;
    -moz-animation: animatedtitle 2s linear 1;
    -webkit-animation: animatedtitle 2s linear 1;
    -ms-animation: animatedtitle 2s linear 1;
    -o-animation: animatedtitle 2s linear 1;      
}

@keyframes animatedtitle {
    0% { left: -700px; }
    100% { left: 50%; }
}
@-moz-keyframes animatedtitle {
    0% { left: -700px; }
    100% { left: 50%; }
}
@-webkit-keyframes animatedtitle {
    0% { left: -700px; }
    100% { left: 50%; }
}
@-ms-keyframes animatedtitle {
    0% { left: -700px; }
    100% { left: 50%; }
}
@-o-keyframes animatedtitle {
    0% { left: -700px; }
    100% { left: 50%; }
}


.title_reverse{
    position: absolute;
    top: 50px; 
    left: -700px; 
    transform: translateX(-50%);  
    color: #FF9900; 
    font-size: 1.7rem;

    animation: animatedtitleR 2s linear 1;
    -moz-animation: animatedtitleR 2s linear 1;
    -webkit-animation: animatedtitleR 2s linear 1;
    -ms-animation: animatedtitleR 2s linear 1;
    -o-animation: animatedtitleR 2s linear 1;      
}

@keyframes animatedtitleR {
    0% { left: 50%; }
    100% { left: -700px; }
}
@-moz-keyframes animatedtitleR {
    0% { left: 50%; }
    100% { left: -700px; }
}
@-webkit-keyframes animatedtitleR {
    0% { left: 50%; }
    100% { left: -700px; }
}
@-ms-keyframes animatedtitleR {
    0% { left: 50%; }
    100% { left: -700px; }
}
@-o-keyframes animatedtitleR {
    0% { left: 50%; }
    100% { left: -700px; }
}

.social-container{
    position: absolute;
    bottom: -80px; 
    right: 1px;

    animation: animatedsocial 2s linear 1;
    -moz-animation: animatedsocial 2s linear 1;
    -webkit-animation: animatedsocial 2s linear 1;
    -ms-animation: animatedsocial 2s linear 1;
    -o-animation: animatedsocial 2s linear 1;      
}

@keyframes animatedsocial {
    0% { bottom: 18px; }
    100% { bottom: -80px; }
}
@-moz-keyframes animatedsocial {
    0% { bottom: 18px; }
    100% { bottom: -80px; }
}
@-webkit-keyframes animatedsocial {
    0% { bottom: 18px; }
    100% { bottom: -80px; }
}
@-ms-keyframes animatedsocial {
    0% { bottom: 18px; }
    100% { bottom: -80px; }
}
@-o-keyframes animatedsocial {
    0% { bottom: 18px; }
    100% { bottom: -80px; }
}

.social-container-reverse{
    position: absolute;
    bottom: 18px; 
    right: 1px;

    animation: animatedsocialR 2s linear 1;
    -moz-animation: animatedsocialR 2s linear 1;
    -webkit-animation: animatedsocialR 2s linear 1;
    -ms-animation: animatedsocialR 2s linear 1;
    -o-animation: animatedsocialR 2s linear 1;      
}

@keyframes animatedsocialR {
    0% { bottom: -80px; }
    100% { bottom: 18px; }
}
@-moz-keyframes animatedsocialR {
    0% { bottom: -80px; }
    100% { bottom: 18px; }
}
@-webkit-keyframes animatedsocialR {
    0% { bottom: -80px; }
    100% { bottom: 18px; }
}
@-ms-keyframes animatedsocialR {
    0% { bottom: -80px; }
    100% { bottom: 18px; }
}
@-o-keyframes animatedsocialR {
    0% { bottom: -80px; }
    100% { bottom: 18px; }
}
.backbutton-static{
    position: absolute;
    top: 20px; 
    left: 30px;    
    font-size: 0.9rem;
    text-transform: uppercase;   
}
.backbutton{
    position: absolute;
    top: 20px; 
    left: 30px;    
    font-size: 0.9rem;
    text-transform: uppercase;

    animation: animatedbackbutton 2s linear 1;
    -moz-animation: animatedbackbutton 2s linear 1;
    -webkit-animation: animatedbackbutton 2s linear 1;
    -ms-animation: animatedbackbutton 2s linear 1;
    -o-animation: animatedbackbutton 2s linear 1;      
}

@keyframes animatedbackbutton {
    0% { left: -700px; }
    100% { left: 30px; }
}
@-moz-keyframes animatedbackbutton {
    0% { left: -700px; }
    100% { left: 30px; }
}
@-webkit-keyframes animatedbackbutton {
    0% { left: -700px; }
    100% { left: 30px; }
}
@-ms-keyframes animatedbackbutton {
    0% { left: -700px; }
    100% { left: 30px; }
}
@-o-keyframes animatedbackbutton {
    0% { left: -700px; }
    100% { left: 30px; }
}

.backbutton_reverse{
    position: absolute;
    top: 20px; 
    left: -700px;    
    font-size: 0.9rem;
    text-transform: uppercase;

    animation: animatedbackbuttonR 2s linear 1;
    -moz-animation: animatedbackbuttonR 2s linear 1;
    -webkit-animation: animatedbackbuttonR 2s linear 1;
    -ms-animation: animatedbackbuttonR 2s linear 1;
    -o-animation: animatedbackbuttonR 2s linear 1;      
}

@keyframes animatedbackbuttonR {
    0% { left: 30px; }
    100% { left: -700px; }
}
@-moz-keyframes animatedbackbuttonR {
    0% { left: 30px; }
    100% { left: -700px; }
}
@-webkit-keyframes animatedbackbuttonR {
    0% { left: 30px; }
    100% { left: -700px; }
}
@-ms-keyframes animatedbackbuttonR {
    0% { left: 30px; }
    100% { left: -700px; }
}
@-o-keyframes animatedbackbuttonR {
    0% { left: 30px; }
    100% { left: -700px; }
}

.content{
    position: absolute;
    top: 90px; 
    right: 10px;

    animation: animatedcontent 2s linear 1;
    -moz-animation: animatedcontent 2s linear 1;
    -webkit-animation: animatedcontent 2s linear 1;
    -ms-animation: animatedcontent 2s linear 1;
    -o-animation: animatedcontent 2s linear 1;      
}

@keyframes animatedcontent {
    0% { right: -700px; }
    100% { right: 10px; }
}
@-moz-keyframes animatedcontent {
    0% { right: -700px; }
    100% { right: 10px; }
}
@-webkit-keyframes animatedcontent {
    0% { right: -700px; }
    100% { right: 10px; }
}
@-ms-keyframes animatedcontent {
    0% { right: -700px; }
    100% { right: 10px; }
}
@-o-keyframes animatedcontent {
    0% { right: -700px; }
    100% { right: 10px; }
}



.box{
    min-width: 180px;
}

.heading{
    color:#999999;
    font-size:0.88rem;
    text-align:right;
    margin-bottom: 0;
}
.text{
    color:#000000;
    font-size:0.88rem;
    text-align:right;
    margin-bottom: 0;
}
.bottomname{
    position: absolute;
    bottom: 42%; 
    left: 50%; 
    transform: translateX(-50%); 
    font-size: 1.7rem;

    animation: animatedBname 2s linear 1;
    -moz-animation: animatedBname 2s linear 1;
    -webkit-animation: animatedBname 2s linear 1;
    -ms-animation: animatedBname 2s linear 1;
    -o-animation: animatedBname 2s linear 1;      
}

@keyframes animatedBname {
    0% { left: 1300px; }
    100% { left: 50%; }
}
@-moz-keyframes animatedBname {
    0% { left: 1300px; }
    100% { left: 50%; }
}
@-webkit-keyframes animatedBname {
    0% { left: 1300px; }
    100% { left: 50%; }
}
@-ms-keyframes animatedBname {
    0% { left: 1300px; }
    100% { left: 50%; }
}
@-o-keyframes animatedBname {
    0% { left: 1300px; }
    100% { left: 50%; }
}

.topname{
    position: absolute;
    top: 42%; 
    left: 50%; 
    transform: translateX(-50%); 
    font-size: 1.7rem;

    animation: animatedTname 2s linear 1;
    -moz-animation: animatedTname 2s linear 1;
    -webkit-animation: animatedTname 2s linear 1;
    -ms-animation: animatedTname 2s linear 1;
    -o-animation: animatedTname 2s linear 1;      
}

@keyframes animatedTname {
    0% { left: -700px; }
    100% { left: 50%; }
}
@-moz-keyframes animatedTname {
    0% { left: -700px; }
    100% { left: 50%; }
}
@-webkit-keyframes animatedTname {
    0% { left: -700px; }
    100% { left: 50%; }
}
@-ms-keyframes animatedTname {
    0% { left: -700px; }
    100% { left: 50%; }
}
@-o-keyframes animatedTname {
    0% { left: -700px; }
    100% { left: 50%; }
}


.movies{
    position: absolute;
    top: 25%; 
    left: 25px;  
    font-size: 1.7rem;

    animation: animatedmovierow 2s linear 1;
    -moz-animation: animatedmovierow 2s linear 1;
    -webkit-animation: animatedmovierow 2s linear 1;
    -ms-animation: animatedmovierow 2s linear 1;
    -o-animation: animatedmovierow 2s linear 1;      
}

@keyframes animatedmovierow {
    0% { left: -700px; }
    100% { left: 25px; }
}
@-moz-keyframes animatedmovierow {
    0% { left: -700px; }
    100% { left: 25px; }
}
@-webkit-keyframes animatedmovierow {
    0% { left: -700px; }
    100% { left: 25px; }
}
@-ms-keyframes animatedmovierow {
    0% { left: -700px; }
    100% { left: 25px; }
}
@-o-keyframes animatedmovierow {
    0% { left: -700px; }
    100% { left: 25px; }
}

.movies_reverse{
    position: absolute;
    top: 25%; 
    right: 1300px;  
    font-size: 1.7rem;

    animation: animatedmovierowR 2s linear 1;
    -moz-animation: animatedmovierowR 2s linear 1;
    -webkit-animation: animatedmovierowR 2s linear 1;
    -ms-animation: animatedmovierowR 2s linear 1;
    -o-animation: animatedmovierowR 2s linear 1;      
}

@keyframes animatedmovierowR {
    0% { right: 15px; }
    100% { right: 1300px; }
}
@-moz-keyframes animatedmovierowR {
    0% { right: 15px; }
    100% { right: 1300px; }
}
@-webkit-keyframes animatedmovierowR {
    0% { right: 15px; }
    100% { right: 1300px; }
}
@-ms-keyframes animatedmovierowR {
    0% { right: 15px; }
    100% { right: 1300px; }
}
@-o-keyframes animatedmovierowR {
    0% { right: 15px; }
    100% { right: 1300px; }
}

.movies a, .movies_reverse a{
    margin-right: 10px;
}
.movie-title {
    font-size: 0.9rem;
	color:#ffffff; 
    padding-bottom: 8px;
    border-bottom: thick solid #ffffff;
    width:100px;
    margin-bottom: 5px;
    line-height: 0.8rem;
}
a:hover .movie-title {
	color:#ff9900; 
    border-bottom: thick solid #000000;
}
.movie-img {
    width:100px;
    text-align: center;
    margin-bottom: 0px;
}
.movie-img img{
    width: 100px;
}

.morework{
    position: absolute;
    top: 25%; 
    left: 0px;  
    font-size: 0.73rem;
    line-height: 1.2rem;
    width:680px;

    animation: animatedmorework 2s linear 1;
    -moz-animation: animatedmorework 2s linear 1;
    -webkit-animation: animatedmorework 2s linear 1;
    -ms-animation: animatedmorework 2s linear 1;
    -o-animation: animatedmorework 2s linear 1;      
}

@keyframes animatedmorework {
    0% { left: -700px; }
    100% { left: 0px; }
}
@-moz-keyframes animatedmorework {
    0% { left: -700px; }
    100% { left: 0px; }
}
@-webkit-keyframes animatedmorework {
    0% { left: -700px; }
    100% { left: 0px; }
}
@-ms-keyframes animatedmorework {
    0% { left: -700px; }
    100% { left: 0px; }
}
@-o-keyframes animatedmorework {
    0% { left: -700px; }
    100% { left: 0px; }
}

.morework_reverse{
    position: absolute;
    top: 25%; 
    left: -730px;  
    font-size: 0.73rem;
    line-height: 1.2rem;
    width:680px;

    animation: animatedmoreworkR 2s linear 1;
    -moz-animation: animatedmoreworkR 2s linear 1;
    -webkit-animation: animatedmoreworkR 2s linear 1;
    -ms-animation: animatedmoreworkR 2s linear 1;
    -o-animation: animatedmoreworkR 2s linear 1;      
}

@keyframes animatedmoreworkR {
    0% { left: 0; }
    100% { left: -730px; }
}
@-moz-keyframes animatedmoreworkR {
    0% { left: 0; }
    100% { left: -730px; }
}
@-webkit-keyframes animatedmoreworkR {
    0% { left: 0; }
    100% { left: -730px; }
}
@-ms-keyframes animatedmoreworkR {
    0% { left: 0; }
    100% { left: -730px; }
}
@-o-keyframes animatedmoreworkR {
    0% { left: 0; }
    100% { left: -730px; }
}

	
.morework a:hover, .morework a:active, .moreworkr a:visited, .morework a:link {
	text-decoration:none;
	color:#000000;
    padding-left: 20px;
	}

.morework a:hover {
    background-image:url("data:image/svg+xml,%3Csvg height='20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='5' fill='%23ff9900'/%3E%3C/svg%3E");
    background-position:left;
    background-repeat:no-repeat;
    background-size:20px 20px;    
}


.currentname{
    position: absolute;
    bottom: 42%; 
    left: 1300px; 
    transform: translateX(-50%); 
    font-size: 1.7rem;

    animation: animatedCname 2s linear 1;
    -moz-animation: animatedCname 2s linear 1;
    -webkit-animation: animatedCname 2s linear 1;
    -ms-animation: animatedCname 2s linear 1;
    -o-animation: animatedCname 2s linear 1;      
}

@keyframes animatedCname {
    0% { left: 50%; }
    100% { left: 1300px; }
}
@-moz-keyframes animatedCname {
    0% { left: 50%; }
    100% { left: 1300px; }
}
@-webkit-keyframes animatedCname {
    0% { left: 50%; }
    100% { left: 1300px; }
}
@-ms-keyframes animatedCname {
    0% { left: 50%; }
    100% { left: 1300px; }
}
@-o-keyframes animatedCname {
    0% { left: 50%; }
    100% { left: 1300px; }
}

.bottom-nav-border{
    position:absolute;
    bottom:0;
    width:70%;
    right:20px;
    border-top: #000000 solid 1px;


    animation: animatedBnav 2s linear 1;
    -moz-animation: animatedBnav 2s linear 1;
    -webkit-animation: animatedBnav 2s linear 1;
    -ms-animation: animatedBnav 2s linear 1;
    -o-animation: animatedBnav 2s linear 1;      
}

@keyframes animatedBnav {
    0% { bottom:-300px; }
    100% { bottom:0; }
}
@-moz-keyframes animatedBnav {
    0% { bottom:-300px; }
    100% { bottom:0; }
}
@-webkit-keyframes animatedBnav {
    0% { bottom:-300px; }
    100% { bottom:0; }
}
@-ms-keyframes animatedBnav {
    0% { bottom:-300px; }
    100% { bottom:0; }
}
@-o-keyframes animatedBnav {
    0% { bottom:-300px; }
    100% { bottom:0; }
}

.bottom-nav-border-reverse{
    position:absolute;
    bottom:-300px;
    width:70%;
    right:20px;
    border-top: #000000 solid 1px;

    animation: animatedBnavR 3s linear 1;
    -moz-animation: animatedBnavR 3s linear 1;
    -webkit-animation: animatedBnavR 3s linear 1;
    -ms-animation: animatedBnavR 3s linear 1;
    -o-animation: animatedBnavR 3s linear 1;      
}

@keyframes animatedBnavR {
    0% { bottom:0; }
    100% { bottom:-300px; }
}
@-moz-keyframes animatedBnavR {
    0% { bottom:0; }
    100% { bottom:-300px; }
}
@-webkit-keyframes animatedBnavR {
    0% { bottom:0; }
    100% { bottom:-300px; }
}
@-ms-keyframes animatedBnavR {
    0% { bottom:0; }
    100% { bottom:-300px; }
}
@-o-keyframes animatedBnavR {
    0% { bottom:0; }
    100% { bottom:-300px; }
}

#bottom-nav-border a:hover, #bottom-nav-border a:active, #bottom-nav-border a:visited, #bottom-nav-border a:link {
	font-size:18px;
	text-decoration:none;
	color:#000000;
    margin:0 10px 0 40px;
	}

#bottom-nav-border a:hover {
	color:#ff9900;
	}



.bio{
    position: absolute;
    top: 25%; 
    left: 75px;  
    font-size: 1rem;
    line-height: 1.2rem;
    width:550px;
    overflow-y: scroll;
    padding-right: 8px;

    animation: animatedbio 2s linear 1;
    -moz-animation: animatedbio 2s linear 1;
    -webkit-animation: animatedbio 2s linear 1;
    -ms-animation: animatedbio 2s linear 1;
    -o-animation: animatedbio 2s linear 1;      
}

@keyframes animatedbio {
    0% { left: -730px; }
    100% { left: 75px; }
}
@-moz-keyframes animatedbio {
    0% { left: -730px; }
    100% { left: 75px; }
}
@-webkit-keyframes animatedbio {
    0% { left: -730px; }
    100% { left: 75px; }
}
@-ms-keyframes animatedbio {
    0% { left: -730px; }
    100% { left: 75px; }
}
@-o-keyframes animatedbio {
    0% { left: -730px; }
    100% { left: 75px; }
}



.bio_reverse{
    position: absolute;
    top: 25%; 
    left: -730px;  
    font-size: 1rem;
    line-height: 1.2rem;
    width:550px;
    overflow-y: scroll;
    padding-right: 8px;

    animation: animatedbioR 2s linear 1;
    -moz-animation: animatedbioR 2s linear 1;
    -webkit-animation: animatedbioR 2s linear 1;
    -ms-animation: animatedbioR 2s linear 1;
    -o-animation: animatedbioR 2s linear 1;      
}

@keyframes animatedbioR {
    0% { left: 75px; }
    100% { left: -730px; }
}
@-moz-keyframes animatedbioR {
    0% { left: 75px; }
    100% { left: -730px; }
}
@-webkit-keyframes animatedbioR {
    0% { left: 75px; }
    100% { left: -730px; }
}
@-ms-keyframes animatedbioR {
    0% { left: 75px; }
    100% { left: -730px; }
}
@-o-keyframes animatedbioR {
    0% { left: 75px; }
    100% { left: -730px; }
}


.clients{
    position: absolute;
    top: 25%; 
    right: 10px;
    font-size: 1rem;
    line-height: 1.2rem;

    animation: animatedclients 2s linear 1;
    -moz-animation: animatedclients 2s linear 1;
    -webkit-animation: animatedclients 2s linear 1;
    -ms-animation: animatedclients 2s linear 1;
    -o-animation: animatedclients 2s linear 1;      
}

@keyframes animatedclients {
    0% { right: -700px; }
    100% { right: 10px; }
}
@-moz-keyframes animatedclients {
    0% { right: -700px; }
    100% { right: 10px; }
}
@-webkit-keyframes animatedclients {
    0% { right: -700px; }
    100% { right: 10px; }
}
@-ms-keyframes animatedclients {
    0% { right: -700px; }
    100% { right: 10px; }
}
@-o-keyframes animatedclients {
    0% { right: -700px; }
    100% { right: 10px; }
}



.services{
    position: absolute;
    top: 25%; 
    right: 25px;
    font-size: 1rem;
    line-height: 1.2rem;
    width:650px;

    animation: animatedservices 2s linear 1;
    -moz-animation: animatedservices 2s linear 1;
    -webkit-animation: animatedservices 2s linear 1;
    -ms-animation: animatedservices 2s linear 1;
    -o-animation: animatedservices 2s linear 1;      
}

@keyframes animatedservices {
    0% { right: -700px; }
    100% { right: 25px; }
}
@-moz-keyframes animatedservices {
    0% { right: -700px; }
    100% { right: 25px; }
}
@-webkit-keyframes animatedservices {
    0% { right: -700px; }
    100% { right: 25px; }
}
@-ms-keyframes animatedservices {
    0% { right: -700px; }
    100% { right: 25px; }
}
@-o-keyframes animatedservices {
    0% { right: -700px; }
    100% { right: 25px; }
}





.awebs{
    position: absolute;
    top: 25%; 
    right: 50px;
    font-size: 1.2rem;
    line-height: 1.4rem;
    width:600px;

    animation: animatedawebs 2s linear 1;
    -moz-animation: animatedawebs 2s linear 1;
    -webkit-animation: animatedawebs 2s linear 1;
    -ms-animation: animatedawebs 2s linear 1;
    -o-animation: animatedawebs 2s linear 1;      
}

@keyframes animatedawebs {
    0% { right: -700px; }
    100% { right: 50px; }
}
@-moz-keyframes animatedawebs {
    0% { right: -700px; }
    100% { right: 50px; }
}
@-webkit-keyframes animatedawebs {
    0% { right: -700px; }
    100% { right: 50px; }
}
@-ms-keyframes animatedawebs {
    0% { right: -700px; }
    100% { right: 50px; }
}
@-o-keyframes animatedawebs {
    0% { right: -700px; }
    100% { right: 50px; }
}

.awebs span {
	font-weight:bold;
	color:#FF9900;
	}

.person-name{
    margin:0;
    font-size:1.4rem;
}
.person-title{
    margin:0;
    font-size:0.9rem;
    color:#5E5E5E;
}





.home a:hover, .home a:active, .home a:visited, .home a:link {
	font-size:18px;
	text-decoration:none;
	color:#000000;
	}

.home a:hover {
	color:#ff9900;
	}
	
.bar {
	width:850px;
	height:20px;
	background-color:#000000;
	}
	
.logo {
	text-align:left;
	}

.thumbnails td {
	height:110px;
	}

.thumb_title {
	font-size:11px;
	font-weight:bold;
	color:#FF9900;
	visibility:hidden;
	}
	
.divider {
	height:2px;
	width:850px;
	background-color:#000000;
	}

.movie {
	margin-left:105px;
	}

.label {
	left:105px;
	float:left;
	width:75px;
	}

.client, .title, .director {
	font-weight:bold;
	}

.play_reel a:hover, .play_reel a:active, .play_reel a:visited, .play_reel a:link {
	font-size:14px;
	text-decoration:none;
	color:#000000;
	}

.play_reel a:hover {
	color:#ff9900;
	}

.reel_name {
	font-size:24px;
	}

.selected {
	position:absolute;
	}