@font-face { font-family:Bebas; src:url('fonts/bebas.ttf'); }
@font-face { font-family:Latin; src:url('fonts/lmsans10-regular.otf'); }

body { margin:0px; padding:0px; font-size:32px; color:#333; text-align:center; font-family:Latin, Arial; }
img { border:none; }
a { text-decoration:none; }

.noise { position:absolute; background:url('img/noise.png') repeat; width:100%; height:100%; z-index:8; }
.centeredcontainer { margin:0px auto; width:800px; z-index:32; text-align:justify; }
.centeredcontainer2 { margin:0px auto; width:1100px; z-index:32; }
.abs { position:absolute; }

#menu { position:fixed; top:0px; left:0px; width:100%; background-color:#222; z-index:64; }
#menu ul { padding:1px; margin:-18px 0px 0px 0px; }
#menu ul li { display:inline; margin:0px 24px; }
#menu ul li a { font-family:Bebas; font-size:12px; color:#999; letter-spacing:0.1em; }
#menu ul li a:hover { color:#ddd; }

#main { position:absolute; width:100%; height:2600px; z-index:1; }
#main a { color:#ec3; font-size:80%; font-family:Bebas; opacity:0.7; }
#main a:hover { color:#ec3; opacity:1; }
#main a.first { font-size:110%; letter-spacing:0.1em; }

#calwushutitle{ position:relative; top:70px; left:200px; width:600px; z-index:1; }
#calwushualan{ position:relative; top:178px; left:0px; width:640px; z-index:1; opacity:0.8; }
#calwushudesc{ position:relative; top:326px; left:440px; width:360px; z-index:32; font-family:Latin; font-size:18px; line-height:28px; }

#calwushupracticetitle{ position:relative; top:750px; left:290px; width:400px; font-family:Bebas; font-size:24px; letter-spacing:0.1em; }
#calwushupracticedesc{ position:relative; top:810px; z-index:32; font-family:Latin; font-size:18px; }
#calwushupracticetable { position:relative; top:910px; left:70px; z-index:32; font-family:Latin; font-size:18px; }
#calwushupracticetable table { border-collapse:collapse; }
#calwushupracticetable table td { padding:0px 40px; }
#calwushupracticetable table td.left { padding:0px 40px 0px 10px; text-align:right; font-family:Bebas; font-size:80%; }
#calwushupracticetable table td.spacer { height:14px; }

#calwushuucmap{ position:relative; top:1160px; left:40px; width:200; z-index:1; opacity:0.5; }
#calwushuregtitle{ position:relative; top:1170px; left:290px; width:400px; font-family:Bebas; font-size:24px; letter-spacing:0.1em; }
#calwushuregdesc{ position:relative; top:1230px; left:290px; width:510px; z-index:32; font-family:Latin; font-size:18px; }

#wushu { position:absolute; top:1350px; }

#wushutitle{ position:relative; top:1420px; left:240px; width:320; z-index:1; }
#wushudesc{ position:relative; top:1630px; left:0px; width:800px; z-index:32; font-family:Latin; font-size:18px; }

#wushuyinyang{ position:relative; top:1880px; left:340px; z-index:1; opacity:0.1; width:120px; }

#cmat { position:absolute; top:1980px; }

#cmattitle{ position:relative; top:2050px; left:90px; width:203; z-index:1; }
#cmatdesc{ position:relative; top:2170px; left:0px; width:370px; z-index:32; font-family:Latin; font-size:18px; }

#demos { position:absolute; top:1980px; }

#demostitle{ position:relative; top:2050px; left:490px; width:258px; z-index:1; }
#demosdesc{ position:relative; top:2170px; left:430px; width:370px; z-index:32; font-family:Latin; font-size:18px; }


.yellow { color:#ec3; }
.yellowbg { background-color:#ec3; }
.darkgray { color:#333; }
.darkgraybg { background-color:#333; }
.white { color:#eee; }