/* CSS Document */
/* main vertical scroll */
#main {
  position:relative;
  overflow:hidden;
  /*height: 450px;*/
  height: 523px;
}

/* root element for pages */
#pages {
  position:absolute;
  height:20000em;
}

/* single page */
.page {
  padding:10px;
  /*height: 450px;*/
  height: 523px;
  /*background:#222 url(../images/h600.png) 0 0 repeat-x;*/
  width: 770px;
}

/* root element for horizontal scrollables */
.scrollable {
  position:relative;
  overflow:hidden;
  width: 750px;
  height: 503px;
}

/* root element for scrollable items */
.scrollable .items {
  width:20000em;
  position:absolute;
  clear:both;
}

/* single scrollable item */
.item {
  float:left;
  cursor:pointer;
  width:710px;
  /*height:450px;*/
  height: 503px;
  padding:10px;
}

/* main navigator */
#main_navi {
  float:left;
  padding:0px !important;
  margin:0px !important;
}

#main_navi li {
  background-color: #333;
  border-top: 1px solid #666;
  clear: both;
  color: #FFFFFF;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  height: 10px;
  list-style-type: none;
  padding: 10px;
  width: 40px;
  cursor: pointer;
}

#main_navi li:hover {
  background-color:#444;
}

#main_navi li.active {
  color: #0FA1E0;
  background-color:#555;
}

#main_navi img {
  float:left;
  margin-right:10px;
}

#main_navi strong {
  display:block;
}

#main div.navi {
  margin-left:250px;
  cursor:pointer;
}