body
{
    background-color: #C7B299;
    font-family: Sans-Serif;
	overflow: hidden;
	color: white;
}
#nuts
{
	display: none;
}
.spacer
{
	height: 150px;
	display: block;
}

#loading_span
{
	display: block;
	text-align: center;
	margin-top: 50px;
}
hr
{
	display: none;
}

a
{
	color: #E0E0E0;
}

h3
{
	margin-top: 0;
}
h1, h2
{
	display: none;
}
#image_loader
{
	display: none;
}

#center
{
    position: absolute;
	 
    width: 756px;
    left: 50%;
    margin-left: -378px;
	
	
    height: 600px;
    top: 50%;
    margin-top: -300px;
	
	background: url("images/mouth_back.jpg");
	
}

#lightbox
{
	
	height: 100%;
	width: 100%;
	display: none;

}
#lightbox #background
{
	height: 2000px;
	width: 120%;
	position: absolute;
	bottom: 0;
	right: 0;
	background: black;
	
}
#lightbox #image_container
{
	position: absolute;
	height: 500px;
	width: 506px;
	left: 50%;
	top: 50%;
	margin-top: -250px;
	margin-left: -253px;
	text-align: center;
	display: none;
}

#lightbox img
{
    background-color: #C7B299;
	padding: 2px;
	border: solid black 1px;
	border-bottom: 0;
}
#lightbox #close_message
{
   background-color: #C7B299;
	padding: 3px;
	border: solid black 1px;
}

#lightbox #close_message u
{
   cursor: pointer;
}



#leftside
{
    position: absolute; 
	top: 0;
	height: 600px;
	
	left: 0;
	width: 100px;
	
	background: url("images/mouth_fore.gif");
}
#rightside
{
    position: absolute; 
	top: 0;
	height: 600px;
	right: 0;
	width: 100px;
	
	background: url("images/mouth_fore.gif");
	background-position: 100px 0px;
}

.topmouth
{
	
	background: url("images/mouth_fore.gif");
    position: absolute; 
	top: 0;
}
#top1
{
	height: 270px;
	left: 100px;
	width: 25px;
	background-position: 656px 0px;
}
#top2
{
	height: 245px;
	left: 125px;
	
	width: 10px;
	background-position: 631px 0px;
}
#top3
{
	height: 230px;
	left: 135px;
	
	width: 20px;
	background-position: 621px 0px;
}
#top4
{
	height: 210px;
	left: 155px;
	
	width: 35px;
	background-position: 601px 0px;
}
#top5
{
	height: 145px;
	left: 190px;
	
	width: 25px;
	background-position: 566px 0px;
}
#top6
{
	height: 140px;
	left: 215px;
	
	width: 25px;
	background-position: 541px 0px;
}
#top7
{
	height: 135px;
	left: 240px;
	
	width: 40px; 
	background-position: 516px 0px;
}
#top8
{
	height: 200px;
	left: 280px;
	
	width: 55px;
	background-position: 476px 0px;
}
#top9
{
	height: 240px;
	left: 335px;
	
	width: 50px;
	background-position: 421px 0px;
}
#top10
{
	height: 235px;
	left: 385px;
	
	width: 35px;
	background-position: 371px 0px;
}
#top11
{
	height: 170px;
	left: 420px;
	
	width: 20px;
	background-position: 336px 0px;
}
#top12
{
	height: 145px;
	left: 440px;
	
	width: 40px;
	background-position: 316px 0px;
}
#top13
{
	height: 210px;
	left: 480px;
	
	width: 55px;
	background-position: 276px 0px;
}
#top14
{
	height: 165px;
	left: 535px;
	
	width: 20px;
	background-position: 221px 0px;
}
#top15
{
	height: 215px;
	left: 555px;
	
	width: 35px;
	background-position: 201px 0px;
}
#top16
{
	height: 230px;
	left: 590px;
	
	width: 5px;
	background-position: 166px 0px;
}
#top17
{
	height: 255px;
	left: 595px;
	
	width: 16px;
	background-position: 161px 0px;
}
#top18
{
	height: 280px;
	left: 611px;
	
	width: 30px;
	background-position: 145px 0px;
}
#top19
{
	height: 290px;
	left: 641px;
	
	width: 15px;
	background-position: 115px 0px;
}



.bottommouth
{
	
	background: url("images/mouth_fore.gif");
    position: absolute; 
	bottom: 0;
	background-position: bottom ;
}

#foreground div
{
	/*border: dashed lightblue 1px;*/
}
#bottom1
{
	height: 310px;
	left: 100px;
	width: 40px;
	background-position: 656px 310px;
}
#bottom2
{
	height: 300px;
	left: 140px;
	width: 40px;
	background-position: 616px 300px;
}
#bottom3
{
	height: 250px;
	left: 180px;
	width: 20px;
	background-position: 576px 250px;
}
#bottom4
{
	height: 240px;
	left: 200px;
	width: 30px;
	background-position: 556px 240px;
}
#bottom5
{
	height: 200px;
	left: 230px;
	width: 15px;
	background-position: 526px 200px;
}
#bottom6
{
	height: 190px;
	left: 245px;
	width: 80px;
	background-position: 511px 190px;
}
#bottom7
{
	height: 235px;
	left: 325px;
	width: 70px;
	background-position: 431px 235px;
}
#bottom8
{
	height: 250px;
	left: 395px;
	width: 20px;
	background-position: 361px 250px;
}
#bottom9
{
	height: 175px;
	left: 415px;
	width: 20px;
	background-position: 341px 175px;
}
#bottom10
{
	height: 185px;
	left: 435px;
	width: 20px;
	background-position: 321px 185px;
}
#bottom11
{
	height: 165px;
	left: 455px;
	width: 10px;
	background-position: 301px 165px;
}
#bottom12
{
	height: 155px;
	left: 465px;
	width: 55px;
	background-position: 291px 155px;
}
#bottom13
{
	height: 185px;
	left: 520px;
	width: 30px;
	background-position: 236px 185px;
}
#bottom14
{
	height: 205px;
	left: 550px;
	width: 70px;
	background-position: 206px 205px;
}
#bottom15
{
	height: 230px;
	left: 620px;
	width: 15px;
	background-position: 136px 230px;
}
#bottom16
{
	height: 275px;
	left: 635px;
	width: 36px;
	background-position: 121px 275px;
}


#content
{
    overflow: auto;
   	height: 400px;
    margin: 100px 50px 100px 120px;
	padding: 0 60px 0 40px;
}


#debug
{
	position: absolute;
	top: 0;
	left: 0;
	border: dotted black 2px;
	height: 3em;
	width: 100%;
	z-index: 10;
	display: none;
}

.button
{
		position: absolute;
		/*border: dotted brown 1px;*/
}
.button span
{
	display: none;;
}

#upbutton
{
	
	top: 160px;
	left: 555px;
	height: 55px;
	width: 35px;
}
#downbutton
{
	height: 65px;
	left: 550px;
	width: 55px;
	bottom: 140px;
}

#tooth1
{
	height: 90px;
	left: 480px;
	top: 120px; 
	width: 55px;
}
#tooth2
{
	height: 120px;
	left: 330px;
	top: 120px;
	width: 90px;
} 
#tooth3
{
	height: 90px;
	left: 280px;
	top: 110px; 
	width: 75px;
}
#tooth4
{
	height: 65px;
	width: 50px;
	
	left: 145px;
	top: 145px;
}
#tooth5
{
	height: 50px;
	width: 50px;
	
	left: 125px;
	top: 300px;
}
#tooth6
{
	height: 45px;
	width: 50px;
	
	left: 145px;
	top: 345px;
}
#tooth7
{
	height: 55px;
	width: 50px;
	
	left: 185px;
	top: 360px;
}

#tooth8
{ 
	height: 80px;
	width: 30px;
	
	left: 320px;
	top: 360px;
}
#tooth9
{
	height: 90px;
	width: 28px;
	
	left: 348px;
	top: 360px;
}
#tooth10
{
	height:85px;
	width: 27px;
	
	left: 374px;
	top: 365px;
}
#tooth11
{
	height:100px;
	width: 23px;
	
	left: 395px;
	top: 350px;
}
#tooth12
{
	height: 40px;
	width: 25px;
	
	left: 430px;
	top: 415px;
}



a.button:hover
{
	/*border: dotted #ffffff 1px;*/
}

#copyright
{
	text-align: center;
	font-size: 80%;
	position: absolute;
	bottom: 0;
	width: 300px;
	left: 50%;
	margin-left: -150px;
}
#copyright #ben
{
	text-align: center;
	font-size: 80%;
}

#text_box
{
	opacity: 0;
	position: absolute;
	width: 100px;
	height: 30px;
	border: dotted black 1px;
	top: 0;
	left: 50%;
	margin-left: -50px;
	padding: 20px;
	text-align: center;
	background: #C7B299;
	font-weight: bold;
	color: black;
	/*border-top: 0;*/
}





.top_navigation
{
	display: none;
}




