*{font-size:12px;}
    body {padding: 0; margin: 0;}   
        body,html{height: 100%;}   
        #outer {   
            height: 100%;   
            overflow: hidden;   
            position: relative;   
            width: 100%;
            display:table;   
        }   
          
        #outer[id] {         
            display: table;   
            position: static;       
            *position:relative;   
	         _position: static;   
        }   
        #middle {       
            position: absolute;   
            top: 50%;   
            left: 0;   
            vertical-align:middle;   
            display:table-cell;   
            width:100%;      
            *vertical-align:middle;   
            *display:table-cell;   
            *width:100%;   
	         _vertical-align:;   
            _display:;   
            _width:;   
        }   
        #middle[id] {      
            display: table-cell;   
            vertical-align: middle;   
            position: static;   
            top:50%;   
            left:0;   
            width:100%;   
	         *position:absolute;   
	        _position: ;   
        }   
          
        #inner {   
            position: relative;   
            top: -50%;   
            margin: 0 auto;   
            text-align:center;   
        }   
          
        #content{   
            width:478px;   
            height:478px;    
            margin: 0 auto;   
            text-align:left;    
            overflow:hidden;
        }