body {background: url(sitePics/misc034.jpg); color: #FFFFFF; font-size: 11px; font-family: "Arial";}
a {outline: 0;}

#mainWrapper       { position: relative; width:  720px; margin: 50px 0px 0px 0px; }
 #headWrapper      { position: relative; width:  720px; height: 100px; background: url(sitePics/silver010_.png); z-index: 10; } 
  #eye             { position: absolute; width:  38px; height: 39px; left: 340px; top: 80px; background: url(sitePics/evil_eye.png); }
  #tab             { position: absolute; width:  118px; height: 40px; left: 530px; top: 0px; z-index: 12; }
  #bodyWrapper      { position: relative; width:  720px; top: -7px; z-index: 5; overflow: hidden;}
  
  #metalWrapper    { position: relative; width:  720px; top: -488px; }
   #metalMid       { position: relative; width:  640px; min-height: 495px; background: url(sitePics/Metal4_trans_mid.png) repeat-y;}
    #sliderWrapper { position: absolute; width:  600px; height: 490px; top: 12px; left:20px; overflow: hidden;}
	 #sliderStrip  { position: absolute; width: 600px; height: 3450px; left:    0px; top: 0px; background: url(sitePics/papyrusB.png) repeat-y;}
	  .ascii       { position: absolute; opacity: 0.4; }
	  .title       { position: absolute; width: 600px; height: 400px; left: 9px; top: 110px; z-index: 1; }
	  .title1      { position: absolute; width: 507px; height: 136px; top: 0px; left: 24px; background: url(sitePics/baskanos12.gif);}
	  .title2      { position: absolute; width: 289px; height: 80px;  top: 180px; left: 100px; background: url(sitePics/software12.png); }
	  .slide       { position: relative; width:  600px; height: 490px; left: 0px; top: 0px; overflow: hidden; margin-bottom: 10px; }
	  .circuit   { position: absolute; width: 600px; height: 490px; left: 0px; top: 0px; z-index: 2; background: url(sitePics/circuitboardON4.gif); }
	  #soon         { position: absolute; width: 470px; height: 292px; left: 60px; top: 110px; z-index: 1; background: url(sitePics/soon.png); }
   #metalBot       { position: relative; width: 720px; height: 100px; background: url(sitePics/silver010.png); }
   
    /* slide1 */
	
	
	#clipDescr    { position: absolute; top: 150px; left: 20px; width: 305px; height: 274px; z-index: 1; background: url(sitePics/ClipMonolithDescr2.png); }
	#clipTitle    { position: absolute; top: 90px; left: 20px; width: 276px; height: 60px; z-index: 1; background: url(sitePics/clipMonolith00.png);}
	#clipmonolith { position: absolute; top: 80px; left: 300px; width: 222px; height: 314px; z-index: 1;}
	
	.demo { position: absolute; width: 429px; height: 228px; left: 90px; top: 110px; text-align: center; z-index: 3;}
    .ver  { position: absolute; width: 282px; height: 94px; left: 120px; top: 334px; background: url(sitePics/VersionsOS.png); z-index: 3;}
    #demGC { position: absolute; width: 428px; height: 214px; left: 0px; top: 0px; background: url(sitePics/Demo_GearedClock.png); z-index: 3;}
    #demZC { position: absolute; width: 429px; height: 210px; left: 0px; top: 0px; background: url(sitePics/Demo_ZodiacClock.png); z-index: 3;}
    #demCD { position: absolute; width: 420px; height: 228px; left: 0px; top: 0px; background: url(sitePics/Demo_CosmicDrift.png); z-index: 3;}	
	#demM  { position: absolute; width: 453px; height: 203px; left: 94px; top: 140px; background: url(sitePics/market2.png); z-index: 5; }
	
	.preload {position: absolute; top: -9999px; } 
	#animation {position: relative; width: 305px; height: 147px; background: url(sitePics/login2.gif); top: 80px; left: 26px;}
	#r a {display: block; width: 26px; color: #FFF; list-style-type: none; display: inline; }
	#main {	margin: 5px auto; width: 560px; min-height: 108px; padding: 5px 5px; border: 7px solid #444;	background: url(sitePics/bricks01.png);	position: relative; top: 90px; left: 20px; font-size: 16px;}
	#main td { font-size: 16px; border: 0;  }
    #main input { margin: 4px; padding: 4px; background-color: rgba(0,0,0, 0.6); color: #FFFFFF; border: 0; font-size: 16px; }
	#bars {position: relative; width:  760px; height: 600px; left: -100px; top: -64px; overflow: hidden; margin-bottom: 10px; background: url(sitePics/fract54_75per3.png);}
	#l { position: relative; width: 118px; height: 40px; left: 0px; top: 0px; z-index: 12; margin-top: 12px;}
	#h { position: absolute; width: 118px; height: 40px; left: -10px; top: 0px; z-index: 12; }
	.load {position: absolute; left: -900px;}
	.results { color: #CC0000; background: rgba(0,0,0, 0.7); font-size: 18px; padding: 4px; }
    .success { color: #00DD00; background: rgba(0,0,0, 0.7); font-size: 18px; padding: 4px; }
	.red { color: #FF2222; font-weight: bold;}
	.r {text-align: right; }
	#animation2 {position: relative; width: 400px; height: 147px; background: url(sitePics/register2.gif); top: 80px; left: 30px; }
	#divInner input 
    { 
	padding-left: 4px; 
	font-family: Roboto, 'Lucida Console', Arial, sans-serif; 
	font-size: 3rem; 
	letter-spacing: 10px; 
	border: 0; 
	background-size: 39px 1px; 
	background-position-y: 35px; 
	width: 196px; 
	min-width: 196px; 
	}
    #divInner{ left: 0; position: sticky; } 
    #divOuter{ position: relative; left: -20px; width: 180px; /* overflow: hidden; */ }