IEfontissue

/*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; }