html,body{
height: 100%;
}
body{
margin:0px;
padding: 0px;
text-align: center;
background-color: #2989cc;
}
div#box{
width: 100%;
height: 262px;
background-image: url('../pics/home_back.jpg');
background-repeat: repeat-x;
text-align: center;
}
div#tbox{
height: 25%;
background-color: #28628A;
}

div#navi{
width: 890px;
height: 337px;
background-image: url('../pics/home_nav_back.jpg');
background-repeat: no-repeat;
position: relative;
margin: 0px auto;
}
div#navi a{
display:block;
position:absolute;
overflow: hidden;
}
div#navi a img{
display:none;
border: none;
position: absolute;
top: 0px;
left: 0px;
}

div#navi #show{
top: 0px;
left:0px;
width: 169px;
height: 337px;
}
div#navi #info{
top: 31px;
left:209px;
width: 113px;
height: 306px;
}
div#navi #unt{
top: 42px;
left:331px;
width: 174px;
height: 295px;
}
div#navi #lin{
top: 32px;
left:554px;
width: 142px;
height: 305px;
}
div#navi #kon{
top: 23px;
left:745px;
width: 125px;
height: 314px;
}