/* main vertical scroll */ #main { position:relative; overflow:hidden; /* height: 455px;*/ height: 545px; } /* root element for pages */ #pages { position:absolute; height:20000em; } /* single page */ .page { /*padding-top:10px;*/ /*padding:10px;*/ /*background:#222 url(http://static.flowplayer.org/img/global/gradient/h600.png) 0 0 repeat-x;*/ background:#222; width: 1200px; height: 545px; /* width: 980px; height: 455px;*/ } /* root element for horizontal scrollables */ .scrollable { position:relative; overflow:hidden; width: 1200px; height: 545px; /* width: 980px; height: 455px;*/ } /* root element for scrollable items */ .scrollable .items { width:20000em; position:absolute; clear:both; } /* single scrollable item */ .item { float:left; cursor:pointer; width: 1200px; height: 545px; /* width: 980px; height: 455px;*/ /*padding-top:10px;*/ /*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-size:12px; height:75px; list-style-type:none; padding:10px; width:190px; cursor:pointer; } #main_navi li:hover { background-color:#444; } #main_navi li.active { background-color:#555; } #main_navi img { float:left; margin-right:10px; } #main_navi strong { display:block; } #main div.navi { margin-left:520px; cursor:pointer; } /*Multiple Scroll*/ /* root element for single scroll */ .scroll { position:relative; overflow:hidden; width: 326px; height: 165px; float:left; } /* root element for the scroll pics */ .scroll .pics { width:20000em; position:absolute; clear:both; } /* single scroll item */ .pics div { float:left; cursor:pointer; width:326px !important; height:300px; margin:0px; } /* possible settings for the active scroll */ .scroll.active { }