 html {
  height:             100%;
  margin:             0;
  padding:            0;
  overflow:          hidden;
}  

body {
  height:             100%;
  margin:             0;
  padding:            0;
  color:              #fff;
  background :        #000 none;
  font-family:        "Arial", "Helvetica CE", Verdana, sans-serif;
  text-align:         center;
  float:              left;
  overflow:           hidden;
}
#main {
  width:              480px;
  height:             480px;
  padding:            0px;  
  border:             0px dotted #fdfdfd;
  text-align:         center;
  position:           absolute;
  top:                50%;
  left:               50%;
  color:              #fff;
  margin:             -240px 0 0 -240px;
  background :        #000 none;
  voice-family:       "\"}\"";
  voice-family:       inherit;
  margin:             -240px 0 0 -240px;
  
} 
#center {
  width:              280px;
  height:             280px;
  text-align:         center;
  
  
  }
  
a:link {   
 color:              #fff;

}  

a:hover {   
 color:              #ff0000;

} 
a:visited {   
 color:              #00ff00;

} 

.small_link {
  font-size:       0.7em;

}

.fullscreen {

  margin:        2em;

}


#game {

border: 0px solid white;
border-bottom: 1px solid white;
width: 300px;
text-align: center;
 margin:  0px auto; 
padding-bottom:  1em;


}


#game a:link {   
 color:              #f00;

} 


#mozaika {

border: 0px solid white;
border-bottom: 0px solid white;
width: 300px;
text-align: center;
 margin:  0px auto; 
padding-bottom:  1em;


}

#mozaika a:link {   
 color:              #0f0;

} 

html,body,#outermost {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
    background-color: #000;
}
body {
  text-align: center; /* IE/Win bug fix */
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#outer {
  height: 28em;
  width: 40em;
  border: 0px solid #000;
  background-color: #000;
  z-index: 10;
}
/*
Works in IE5+/Win, Firefox, Safari, Opera 5+, Netscape 6+, Konqueror 3 
Does not work in NS4.x or IE/Mac
*/
.valignmid1 {
  position: relative;
  margin: 0 auto;
}
/* Opera 7.0x is buggy when you put display:table on <body> Opera 7.2+ and 6.x 
   don't appear to have this problem. We hide this from IE5/Mac, because it 
doesn't support display:table-cell and it doesn't have the same bug that allows
this to work in IE5-6/Win (hide from IE/Mac) \*/
.valignmid1 {
  display: table;
  vertical-align: middle;
}
/* Moz1.4 - Moz1.6 (NS7.1) bug, can't put position:relative on .valignmid2 \*/
.valignmid2 {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
/* end hide */
.valignmid3 {
  position: relative;
}

p,h2 {
  margin: 0.5em;
  padding: 0;
  text-align: center;
  text-indent: 0em;
  font-weight: 400;
}
h1 {
  font-size: 1em;
  margin: 1em; /* IE/Mac we set it later to 0 for other browsers */
  padding: 0;
  text-align: center;
  font-weight: 400;
}
/* hide from IE/Mac \*/
h2 {
  font-size: 1em;
}

h1 {
  margin: 0;
}
#toCategoryIndex {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
}
#toCategoryIndex a {
  background-color: #000;
}
.lastUpdate {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1000;
  width: 16em;
}
/* end hide */


.about {
  
  display: none;
  
}


<!--[if lte IE 7]>

/* this is the hack to make it work in IE5-7/Win */
.valignmid2 {
  top: 50%;
  left: 0;
  position: relative;
  margin: 0;
}
.valignmid3 {
  top: -50%;
  position: relative;
  padding: 1px 0;
}




/* these next two rules are a fix for the unnecessary scrollbars in IE7 */
#outermost {
  min-height: 28em; /* same as height for #outer */
}
*:first-child+html .valignmid3 {
  margin: -12% 0; /* you may need to adjust this */
}

/* to trigger hasLayout in IE7 */
.valignmid1,.valignmid2,.valignmid3 {
  min-height: 1px;
}
/* to trigger hasLayout in IE5-6/Win */
* html .valignmid1,* html .valignmid2,* html .valignmid3 {
  height: 1%;
}
* html body {
  position: relative;
}
![endif]-->






