/* generic styling */
*
{
  font-family: arial, sans-serif;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

html
{
  height: 100%;
  max-height: 100%;
  position: relative;
  /* hide overflow: hidden from IE5/Mac */
  /* \*/
  overflow:  hidden;
  /* */
}

body
{
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

#wrapper
{
  overflow: auto;
  position: absolute;
  z-index: 3;
  top: 80px;
  bottom: 46px;
  left: 1px;
  right: 1px;
}

* html #wrapper
{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  max-height: 100%;
  width: 100%;
  overflow: auto;
  position: absolute;
  display:block;
  float: left;
  z-index: 3;
  border-top: 80px solid #fff;
  border-bottom: 46px solid #fff;
}


#header
{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 80px;
  background: #141414;
  z-index: 5;
  overflow: hidden;
  color: #fff;
}

#navi-left
{
  position: absolute;
  bottom: 0px;
  left: 9px;
}

#navi-right
{
  position: absolute;
  bottom: 0px;
  /*right: 9px;*/
  left: 445px;
  width: 450px;
}

#navi-right a { color: #999; }

.navi a
{
  float:left;
  padding: 6px 10px 6px 10px;
  border: solid #6c6c6c;
  border-width: 1px 0px 0px 1px;
}

.navi a:hover { background: #2c2c2c; }

#navi_3, #navi_7 { border-right: 1px solid #6c6c6c; }

#navi_0 { color: #ccc; }
#navi_1 { color: #f00008; }
#navi_2 { color: #ff9200; }
#navi_3 { color: #00a1f3; }

.navi .selected { background: #2c2c2c; }

#footer
{
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 46px;
  z-index: 5;
  overflow: hidden;
  background: url("../img/footer_bg.gif") 50% 50% no-repeat;
  
}

#search
{
  position: absolute;
  right: 8px;
  top: 16px;
}

#search label
{
  float: left;
  margin: 3px 5px 0px 0px;
  color: #999;
}

#search-area
{
  float: left;
  width: 130px;
  height: 20px;
  background: #999 url("../img/search_field.png") 0 0 no-repeat;
}

#search input
{
  width: 120px;
  padding: 3px 5px 0px 5px;
  background: transparent;
}