@charset "UTF-8";
/* CSS Document */


.animation{position:fixed;
left:290px;
top:170px;
font-size:12px;
color:black;
}

a{text-decoration:none;
color:#000000;}


a.animation:hover{color:#2f73fb;}

p{font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:250px;
position:absolute;
left:110px;
top:360px;
line-height:17px;
}

p2{font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:250px;
position:fixed;
left:545px;
top:380px;
line-height:17px;
}

h1{font-size:12px;
word-spacing:10px;
letter-spacing:1px;
position:absolute;
top:73px;
left:250px;
width:650px;}

table{position:absolute;
top:192px;
}

.word-spacing{word-spacing:0px;}

.motiongraphics{position:fixed;
left:290px;
top:330px;
font-size:12px;
width:10px;
color:black;
}

a.motiongraphics:hover{color:#CC9900;}

a.motiongraphicstitles:hover{color:#CC9900;}


.narrative{position:fixed;
left:420px;
top:235px;
font-size:12px;
width:100px;
color:black;
}

a.narrative:hover{color:#00FF99;}

a.narrativetitles:hover{color:#00FF99;}


.print{position:fixed;
left:565px;
top:235px;
font-size:12px;
width:100px;
color:black;
}

a.print:hover{color:#CC3366;}

a.printtitles:hover{color:#CC3366;}

.printlist{position:fixed;
left:650px;
top:200px;
font-size:12px;
line-height:20px;
}

.and{font-size:16px;}

.animationlist{position:fixed;
left:250px;
top:230px;
font-size:12px;
line-height:20px;
}

a.animationtitles:hover{color:#0099FF;}

a.animationheading:hover{color:#0099FF;}



.youtube{position:absolute;
left:450px;
top:130px;
}

.pages{position:absolute;
left:440px;
top:160px;}