* { margin: 0 auto; padding: 0; text-decoration: none; list-style-type: none;  
	font-family: Verdana, Arial, Helvetica, sans-serif;}

body {background-color: #fff;  text-align: center;  }

#main_content {background-color: white; width: 1000px; height: 675px;  padding: 0px; overflow:hidden; position: relative;
top: 20px;}
#whiteBar {width: 70px; height: 575px; background-color: white; float: left;  }


#navContent {width: 172px; height: 527px; background-color: white; float: left;  z-index: 9999;}
	#navigationBox {width: 132px; height: 209px; background-color: white; position: relative; left: 20px; top: -2px; z-index:25;
			z-index: 9998;}
		#navInBox {width: 104px; height: 119px; background-color: white; position: relative; top: 38px; left: -2;}
			#navInBox ul {text-align: left; margin: 0; padding: 0;}
				#navInBox ul li {padding: 0; margin: 0;}
				
				#navInBox a  {padding: 0; margin: 0;}
				#navInBox  img {padding: 0;}
				
							
	
#galContent {width: 500px; height: 560px; background-color: white; float: left;overflow: hidden; z-index: 5555;
		position: relative; left: 30px; top: -25px;}
#rightContent {width: 50px; height: 527px; background-color: white; float: left; z-index: 9999;}

	

#logo {width: 173px; height: 43px; background: url("../images/logo.gif") no-repeat; 
			position: relative; top: 32px; ;left: 50px;margin-top: 40px; z-index: 9999;}
#aboutMe {width: 173px; height: 29px; position: relative; left: 730px; top: 195px; z-index: 12;}
	#aboutMe a {padding: 0; margin: 0; margin-right: 64px;}

#randomBox {width: 137px; margin-top: 94px; float: left; position: relative; left: 40px; top: 80px;}
	#randomBox a {padding: 0; margin: 0; margin-right: 14px;}
	#randomBox  img {padding: 0;}
	

#arrowLeft {width: 35px; height: 24px; background: url("../images/arrowLeft.gif") no-repeat; margin-top: 90px;float: left; 
		position: relative; left: 35px; top: -140px; z-index: 5000; }
*html #arrowLeft      {	top: -256px; left: 184px; }
	#arrowLeft a {margin: 0; padding: 0; display: block; width: 80px; height: 320px; 
			position: relative; left: -50px; top: -150px; }
*html #arrowLeft   a { top: -150px; left: -50px; }
	#arrowLeft a span {display: none;}
#cover11 {width: 83px; height: 10px; background-color: white; display: block; position: relative; top: -153px; left: -52px;   }
* html #cover11{display: none;}
#cover21 {width: 83px; height: 10px; background-color: white; display: block; position: relative; top: -485px; left: -52px;  } 
* html #cover21{display: none;}
#cover31 {width: 10px; height: 330px; background-color: white; display: block; position: relative; top: -490px; left: -68px; }
* html #cover31{display: none;}
#cover41 {width: 2px; height: 35px; background-color: white; display: block; position: relative; top: -105px; left:-1px; visibility: hidden;  }
* html #cover41{display: none;}


#arrowRight {width: 51px; height: 24px; background: url("../images/arrowRight.gif") no-repeat; background-color: transparent; margin-top: 423px;float: left;  
		position: relative; top: -145px; left: 35px;  z-index: 10;}
	#arrowRight a {margin: 0; padding: 0; display: block;width: 80px; height: 320px; 
			position: relative; top: -155px; left: -6px;}
	*html #arrowRight a {position: relative; left: -17px;}
	#arrowRight a span {display: none;}
#cover1 {width: 85px; height: 10px; background-color: white; display: block; position: relative; top: -160px; left: -12px;  }
* html #cover1{display: none;}
#cover2 {width: 85px; height: 10px; background-color: white; display: block; position: relative; top: -490px; left: -8px;   }
* html #cover2{display: none;}
#cover4 {width: 2px; height: 35px; background-color: white; display: block; position: relative; top: -110px; left: -27px; visibility: hidden;  }
* html #cover4{display: none;}
#cover3 {width: 10px; height: 330px; background-color: white; display: block; position: relative; top: -500px; left: 50px;    }
* html #cover3{display: none;}

#langBox { width: 45px; height: 25px;  padding: 0;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
	font-size: 7pt; color: #333; text-transform: uppercase;
	position: relative; top:-450px; left: 350px; z-index: 9999; border: solid 1px red;}
*html #langBox{left:350px; top: -890px;}

#lang {  width: 60px;  background-color: transparent;  padding: 0; margin: 0;font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt; color: #333;  font-weight: normal;
	text-transform: uppercase;}
	
#lang p {display: inline; position: relative; top: -91px;}
.lang  {position: relative; top: -90px;}


#lang a  { color: #777; }
#lang a:hover  {color: #fff;}
#start {font-weight: bold;}

h1 {margin-top: 200px;}

/*#handwrite1 {width: 447px; height: 357px; position: relative; top: -350px; left: -200px; }*/
#hw1 {width: 49px; height: 357px; background: url("../images/hand1left.jpg") no-repeat; float: left;
		position: relative; top: 230px; left: -720px;}
*html #hw1 {top: 217px; left: -750px;}
#hw2 {width: 390px; height: 42px; background: url("../images/hand2left.jpg") no-repeat; float: left;
		position: relative; top: -15px; left: 50px;}
*html #hw2 {top: -211px; left: -123px;}
/*#handwrite2 {width: 317px; height: 297px; position: relative; top: -716px; left: 320px; }
*html #handwrite2 {top:-1032px;}*/
#hw21 {width: 268px; height: 42px; background: url("../images/hand1right.jpg") no-repeat; float: left;
	position: relative; top: -563px; left: 190px;z-index: 5556;}
*html #hw21 {top: -750px; left: 0px;}
#hw22 {width: 49px; height: 297px; background: url("../images/hand2right.jpg") no-repeat; float: left;
	position: relative; top: -563px; left: 190px;}
*html #hw22 {top: -750px; left: 0px;}
	
#aboutBox {width: 490px; height: 328px; background: url("../images/about_bg.jpg"); position: relative;
		top: 145px; left: 0px; text-align: left;  z-index: 9999;}
	
		
#aboutINBox{width: 450px; height: 328px; margin-left: 15px;; padding: 0;}

	#aboutINBox img {float: left; margin: 0 10px 2px 0 }
		#aboutBox span {padding-right: 10px; color: #555; font-size: 9pt;}
		#aboutBox span p{margin-top: 7px;  color: #555;}
		#aboutBox  p{font-size: 9pt;  color: #555;)