#main{position:relative;overflow:hidden;height:400px;}
#pages{position:absolute;height:20000em;}
.page{background:#222;width:658px;height:401px;}
.scrollable{float:left;position:absolute;overflow:hidden;width:658px;height:401px;}
.scrollable .items{width:20000em;position:absolute;clear:both;}
.item{float:left;cursor:pointer;width:658px;height:401px;background:#dcdcdc;}
.item img{height:401px!important;}
#main_navi{position:relative;float:right;z-index:1000;margin:0!important;padding:0!important;}
#main_navi li:last-of-type{ height: 100px; border-bottom: 0; }
#main_navi li:last-of-type div.post{height:100px;}
#main_navi li{border-bottom:1px solid #FFF;clear:both;color:#FFF;font-size:12px;height:100px;list-style-type:none;width:326px;cursor:pointer;}
#main_navi li h3,#main_navi li p{text-align:left;}
#main_navi li h3{margin-top:0;line-height:22px;color:#000;font-size:17px;font-family: 'Knockout 31 A', 'Knockout 31 B', Helvetica, Arial, sans-serif;font-weight: 400;margin-bottom:0;}
#main_navi li h3 a { border-bottom: none; color: #000; }
#main_navi li.active h3 a { border-bottom: none; color: #FFF !important; }
#main_navi li p{font-size:20px;line-height:24px;margin-top:-1px;padding-right:6px;}
#main_navi div.arrow{margin-left:-24px;width:24px;height:100px;float:left;}
#main_navi div.post{background:#E7E7E7;width:326px;padding-top:8px;padding-left:19px;float:left;height:100%;}
#main_navi li.world-views.active div.arrow{background:url(../images/slideshow-arrow-7-sections.png) left -100px no-repeat;}
#main_navi li.nature-and-cosmos.active div.arrow{background:url(../images/slideshow-arrow-7-sections.png) left -400px no-repeat;}
#main_navi li.being-human.active div.arrow{background:url(../images/slideshow-arrow-7-sections.png) left -300px no-repeat;}
#main_navi li.living-together.active div.arrow{background:url(../images/slideshow-arrow-7-sections.png) left top no-repeat;}
#main_navi li.altered-states.active div.arrow, #main_navi li.oceanic-feeling.active div.arrow{background:url(../images/slideshow-arrow-7-sections.png) left -200px no-repeat;}
#main_navi li.active h3,#main_navi li:hover h3,#main_navi li:hover p,#main_navi li.active p{color:#FFF!important;}
#main_navi img{float:left;margin-right:10px;}
#main_navi strong{display:block;}
#main div.navi{margin-left:250px;cursor:pointer;}
#main_navi li.world-views:hover div.post,#main_navi li.world-views.active div.post{background:#12617e;}
#main_navi li.nature-and-cosmos:hover div.post,#main_navi li.nature-and-cosmos.active div.post{background:#0a3d6b;}
#main_navi li.being-human:hover div.post,#main_navi li.being-human.active div.post{background:#942457;}
#main_navi li.living-together:hover div.post,#main_navi li.living-together.active div.post{background:#9e1916;}
#main_navi li.altered-states:hover div.post,#main_navi li.altered-states.active div.post,
#main_navi li.oceanic-feeling:hover div.post,#main_navi li.oceanic-feeling.active div.post{
    background:#bd4a05;
}
/* NEW TAXONOMY */
#main_navi li.science.active div.arrow{background:url(../images/slideshow-arrow-7-sections.png) left -500px no-repeat;}
#main_navi li.psychology.active div.arrow{background:url(../images/slideshow-arrow-7-sections.png) left -600px no-repeat;}
#main_navi li.philosophy.active div.arrow{background:url(../images/slideshow-arrow-7-sections.png) left -700px no-repeat;}
#main_navi li.society.active div.arrow{background:url(../images/slideshow-arrow-7-sections.png) left -800px no-repeat;}
#main_navi li.health.active div.arrow{background:url(../images/slideshow-arrow-7-sections.png) left -900px no-repeat;}
#main_navi li.technology.active div.arrow{background:url(../images/slideshow-arrow-7-sections.png) left -1000px no-repeat;}
#main_navi li.culture.active div.arrow{background:url(../images/slideshow-arrow-7-sections.png) left -1100px no-repeat;}


#main_navi li.science:hover div.post,#main_navi li.science.active div.post{background:#035A6D;}
#main_navi li.psychology:hover div.post,#main_navi li.psychology.active div.post{background:#18345B;}
#main_navi li.philosophy:hover div.post,#main_navi li.philosophy.active div.post{background:#0C776D;}
#main_navi li.society:hover div.post,#main_navi li.society.active div.post{background:#9D120D;}
#main_navi li.health:hover div.post,#main_navi li.health.active div.post{background:#911554;}
#main_navi li.technology:hover div.post,#main_navi li.technology.active div.post{background:#BB4C04;}
#main_navi li.culture:hover div.post,#main_navi li.culture.active div.post{background:#D47A00;}