body { background-color: #ffffff; }
.screen { position: absolute; top: 0; left: 50%; margin-left: -395; z-index: 1; width: 770; height=100%; }
.title { position: absolute; top: 28; left: 65; z-index: 10; text-align: center }
.head { position: absolute; top: 148; left: 80; font-family: Verdana, Arial; color: 00BBFF; font-size: 10pt;  }
.text { position: absolute; left: 70; top: 180; z-index: 10; font-family: Verdana, Arial; color: black; text-align: justify; font-size: 9pt }
.robot { position: absolute; left: 505; top: 340; z-index: 5 }
.thumbnail { position: absolute; top: 10; left: 690; z-index: 10 }

.introtext { z-index: 7 }
.largetext { position: relative; left: 60; z-index: 10; width: 490; font-family: Arial; color: black; text-align: justify }
.downtext { position: absolute; left: 90; top: 190; z-index: 10; width: 600; font-family: Verdana, Arial; color: black; text-align: justify; font-size: 9pt }
.context { position: absolute; left: 90; top: 190; z-index: 10; width: 600; font-family: Verdana, Arial; color: black; text-align: center; font-size: 9pt }
.dontext { position: absolute; left: 90; top: 190; z-index: 10; width: 600; font-family: Verdana, Arial; color: black; text-align: center; font-size: 9pt }
.chapters { position: absolute; top: 160; left: 560; font-family: Verdana, Arial; color: black; z-index: 50; font-size: 10pt }
.list { font-family: Verdana, Arial; color: black; z-index: 50; font-size: 10pt }

A.dev:link    {color: 000000 ; text-decoration: underline}
A.dev:visited {color: 000000 ; text-decoration: underline}
A.dev:active  {color: 000000 ; text-decoration: underline}
A.dev:hover   {color: 00BBFF ; text-decoration: none}