#owrap { width: 750px; overflow: hidden; }
#iwrap { width: 750px; }
.page { width: 750px; display: block; float: left; margin: 0; padding: 0; position: relative;}
header img { width: 100%; }


#tocToggle { position: fixed; top: 1em; left: 1em;display: block; width: 32px; height: 32px; background: url(../i/nav_icon.png) 0 0 no-repeat; text-indent: -9999em; }
#toc { position: fixed; top: 1em; left: 1em; background: #efefef; padding: 1em; border-radius: 5px; display: none;}
#toc a.close { float: right; }
#toc ul { display: block; padding-top: 1em; width: 200px; font-family: sans-serif;}
#toc li { list-style: none; }
#toc li a { color: #000; text-decoration: none; display: block; margin-bottom: 1em;}
#toc li a.active { font-weight: bold; }

a#moveLeft { position: fixed; top: 40%; left: -5px; padding: 1em; font-size: 100%; color: #fff; background: rgba(0,0,0,0.5); border-radius: 5px; text-decoration: none; }
a#moveRight { position: fixed; top: 40%; right: -5px; padding: 1em; font-size: 100%; color: #fff; background: rgba(0,0,0,0.5); border-radius: 5px; text-decoration: none;}

.red { background: red; }
.blue { background: blue; }
.green { background: green; }

.red .intro, .blue .intro, .green .intro { text-align: center; }