/*general*/
@font-face { font-family: 'segoeui'; src: url('../font/segoeui.eot');
src: local('segoeui'), url('../font/segoeui.ttf') format('truetype'); }
@font-face { font-family: 'segoeuil'; src: url('../font/segoeuil.eot');
src: local('segoeuil'), url('../font/segoeuil.ttf') format('truetype'); }
body { background-color:#1D1D1D; }
body { font-family: 'segoeui'; font-size:14px; color:#FFF; }
textl { font-family: 'segoeuil'; font-size:20px; color:#FFF; }
ul { list-style-type:none; }
li { list-style-type:none; }
/*hyper*/
a:link { color: #FFF; text-decoration: none; }
a:visited { color: #FFF; text-decoration: none; }
a:hover { color: #8CBF26; text-decoration: none; }
a:active { color: #8CBF26; text-decoration: none; }
a img { border: 0; }
/*classes*/
.tds { width:120px; height:120px; }
.tdl { width:240px; height:120px; }
/*ids*/
#index { width:520px; margin-top:100px; margin-right:auto; margin-left:auto; }
#menu { width:260px; position:absolute; left:100px; top:100px; }
#container { width:500px; position:absolute; left:460px; top:135px; background:url(../gfx/box.png); }
#contained { width:470px; margin-left:auto; margin-right:auto; margin-top:0px; }
#frame { width:960px; float:left; }
#sprite { position:relative; }
#sprite { margin:0; padding:0;}
#sprite li { margin:0; list-style:none; top:0; }
#sprite li { height:120px; display:block; }
#sprite a { height:120px; display:block; }
#cv { left:0px; width:250px; float:left; }
#cv { border-style:solid; border-color:#1D1D1D; border-width:5px; }
#cv { background: url('../gfx/cv.png') 0 0; }
#cv a:hover { background: url('../gfx/cv.png') 0 -120px; }
#cv a:active { background: url('../gfx/cv.png') 0 -240px; }
#guest { left:0px; width:120px; float:left; }
#guest { border-style:solid; border-color:#1D1D1D; border-width:5px; }
#guest { background: url('../gfx/guest.png') 0 0; }
#guest a:hover { background: url('../gfx/guest.png') 0 -120px; }
#guest a:active { background: url('../gfx/guest.png') 0 -240px; }
#face { left:0px; width:120px; float:left; }
#face { border-style:solid; border-color:#1D1D1D; border-width:5px; }
#face { background: url('../gfx/face.png') 0 0; }
#face a:hover { background: url('../gfx/face.png') 0 -120px; }
#face a:active { background: url('../gfx/face.png') 0 -240px; }
#test { left:0px; width:250px; float:left; }
#test { border-style:solid; border-color:#1D1D1D; border-width:5px; }
#test { background: url('../gfx/test.png') 0 0; }
#test a:hover { background: url('../gfx/test.png') 0 -120px; }
#test a:active { background: url('../gfx/test.png') 0 -240px; }
#login { left:0px; width:120px; float:left; }
#login { border-style:solid; border-color:#1D1D1D; border-width:5px; }
#login { background: url('../gfx/login.png') 0 0; }
#login a:hover { background: url('../gfx/login.png') 0 -120px; }
#login a:active { background: url('../gfx/login.png') 0 -240px; }
#mail { left:0px; width:120px; float:left; }
#mail { border-style:solid; border-color:#1D1D1D; border-width:5px; }
#mail { background: url('../gfx/mail.png') 0 0; }
#mail a:hover { background: url('../gfx/mail.png') 0 -120px; }
#mail a:active { background: url('../gfx/mail.png') 0 -240px; }