.navi-outer { position:absolute; bottom:0; margin:0 auto; height:38px; width:200px; overflow:hidden; }

	a.prev { display:inline; float:left; width:44px; height:38px; cursor:pointer; background:url(../img/slider_ctrl_left.png) no-repeat left top; }
	a.next { display:inline; float:left; width:44px; height:38px; cursor:pointer; background:url(../img/slider_ctrl_right.png) no-repeat left top; }
	
	.navi { float:left; overflow:hidden; }
	.navi a { width:10px; height:38px; float:left; margin:0; display:block; font-size:1px; background:url(../img/slider_ctrl_inactive.png) no-repeat left top; }
	.navi a.active, .navi a:hover { background:url(../img/slider_ctrl_active.png) no-repeat left top; }


.scrollable { position:relative; overflow:hidden; width: 960px; height:350px; }
	.scrollable .items { width:20000em; position:absolute; clear:both; }
	.scrollable .items div.slide { float:left; width:960px; position:relative; height:350px; background-position: left top; background-repeat:no-repeat; }
		.scrollable .items div.slide .slidecont { position:absolute; left:100px; top:80px; width:270px; }
			.scrollable .items div.slide .slidecont h1 { font-size:30px; color:#FFFFFF; font-weight:normal; padding:0; margin:0; margin-bottom:6px; }
			.scrollable .items div.slide .slidecont p { font-size:12px; line-height:16px; color:#FFFFFF; font-weight:normal; padding:0; margin:0; margin-bottom:10px; }