.container{margin:0 auto;}

/* Example wrapper */
.wrap{position:relative;margin:0;}

/* Frame */

/* Scrollbar */
.scrollbar_member{height:2px;background:#E6E6E6;line-height:0;}
.scrollbar_member .handle{width:100px;height:100%;background:#2688FF;cursor:pointer;}
.scrollbar_member .handle .mousearea{position:absolute;top:-9px;left:0;width:100%;height:20px;}

/* Scrollbar */
.scrollbar_units{margin:0 0 1em 0;height:2px;background:#E6E6E6;line-height:0;}
.scrollbar_units .handle{width:100px;height:100%;background:#2688FF;cursor:pointer;}
.scrollbar_units .handle .mousearea{position:absolute;top:-9px;left:0;width:100%;height:20px;}

/* Pages */
.pages{list-style:none;margin:20px 0;padding:0;text-align:center;}
.pages li{display:inline-block;width:14px;height:14px;margin:0 4px;text-indent:-999px;border-radius:10px;cursor:pointer;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);}
.pages li:hover{background:#aaa;}
.pages li.active{background:#666;}

/* Controls */
.controls{margin:25px 0;text-align:center;}

/* One Item Per Frame example*/
.oneperframe{height:300px;line-height:300px;}
.oneperframe ul li{width:1140px;}
.oneperframe ul li.active{background:#333;}

/* Crazy example */
.crazy ul li:nth-child(2n){width:100px;margin:0 4px 0 20px;}
.crazy ul li:nth-child(3n){width:300px;margin:0 10px 0 5px;}
.crazy ul li:nth-child(4n){width:400px;margin:0 30px 0 2px;}