* {
	margin: 0;
    padding: 0;
}

body {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
}

p{
	font-size: small;
	margin-bottom: 1.0em;
}

code{
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
}


#container {
	margin: 0px;
	padding: 0px;
	width: 980px;
	background: #ffffff;
}


#header {
	width: 980px;
	height: 160px;
	background: url(img/header-toc.gif) no-repeat;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

#logo {
	width: 405px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 50px;
}

#intro{
	width: 520px;
	background: url(img/toc-intro-header.gif) no-repeat;
	margin: 0px;
	padding-top: 70px;
	padding-left: 80px;
	padding-right: 20px;
}

#tocHeader{
	width: 620px;
	height: 70px;
	background: url(img/toc-toc-header.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#audioFolder{
	width: 620px;
	height: 50px;
	background: url(img/toc-folder-audio.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#basicAudio{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-basic-audio.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#audioTrigger{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-audio-trigger.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#audioCount{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-audio-count.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#countersClocksFolder{
	width: 620px;
	height: 50px;
	background: url(img/toc-folder-counters-clocks.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#universalClock{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-up-down-clock.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#universalCounter{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-counter.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#binaryBlock{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-binary-block.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#wiggleFolder{
	width: 620px;
	height: 50px;
	background: url(img/toc-folder-wiggle.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#loopingWiggle{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-looping-wiggle.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#wiggle1D{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-wiggle-1-dim.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#layerSpaceTransformsFolder{
	width: 620px;
	height: 50px;
	background: url(img/toc-folder-transforms.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#threeDCornerPin{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-3D-corner-pin.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#invisibleFacingAway{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-invisible.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#autoFocus{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-auto-focus.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#simulationsFolder{
	width: 620px;
	height: 50px;
	background: url(img/toc-folder-simulations.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#elastic{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-elastic.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#proximity{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-proximity.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#collision{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-collision.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#falloff{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-falloff.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#animationFolder{
	width: 620px;
	height: 50px;
	background: url(img/toc-folder-animation.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#IK{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-ik.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#markerSync{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-marker-sync.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#miscFolder{
	width: 620px;
	height: 50px;
	background: url(img/toc-folder-misc.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#sampleImage{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-sample-image.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#obscuration {
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-obscuration.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#sourceName{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-source-name.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#autoOrientY{
	width: 620px;
	height: 50px;
	background: url(img/toc-topic-auto-orient-y.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

Div.click{
	width: 400px;
	height: 50px;
	margin: 0;
	padding: 0;
}

#spacer{
	width: 620px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

#footer {
	width: 980px;
	height: 40px;
	background: url(img/footer.gif) no-repeat;
	margin: 0px;
}

#movieHoriz {
	width: 200px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 200px;
	left: 680px;
}

#note {
	width: 280px;
	height: 220px;
	background: url(img/sidebar-note.gif) no-repeat;
	margin: 0px;
	padding-left: 60px;
	position: absolute;
	top: 600px;
	left: 620px;
}

#caption{
	width: 280px;
	height: 220px;
	margin: 0px;
	padding-left: 60px;
	padding-top: 10px;
	position: absolute;
	top: 370px;
	left: 620px;
}

#caption p{
	font-size: medium;
	font-weight: bold;
}

#credit{
	width: 280px;
	height: 50px;
	margin: 0px;
	padding-left: 60px;
	position: absolute;
	top: 420px;
	left: 620px;
}

#credit p{
	font-size: x-small;
}

#note2 {
	width: 280px;
	height: 220px;
	background: url(img/sidebar-note.gif) no-repeat;
	margin: 0px;
	padding-left: 60px;
	position: absolute;
	top: 720px;
	left: 620px;
}

#wizard {
	width: 280px;
	height: 220px;
	background: url(img/sidebar-wizard.gif) no-repeat;
	margin: 0px;
	padding-left: 60px;
	position: absolute;
	top: 940px;
	left: 620px;
}

#nerd {
	width: 260px;
	height: 220px;
	background: url(img/sidebar-nerd.gif) no-repeat;
	margin: 0px;
	padding-left: 60px;
	position: absolute;
	top: 550px;
	left: 620px;
}