/* this has nothing to do with the spookislider, only creates a neat container for it */
.spooki {position:relative;width:100%;margin:0 auto 0 auto;overflow:hidden;z-index:100;}

	.spookislider {height:100%;}
	
	.spookislider > div {position:absolute;width:100%;background:no-repeat top center;} /* absolute positioning is necessar for the fade to work */
	
	.spookislider div div {overflow:hidden;}
	
	/* key height */
	.spooki, .spookislider div div {height:560px;}
	
	/*.spookislider > div {display:none;}*/
		/*.spookislider div div {position:relative;width:940px;height:480px;margin:0 auto 0 auto;overflow:hidden;}*/
			
		.spookislider div div > img, .spookislider div div > p {display:none;}
		
		/* content for slides */
		/*.spookislider div div div,*/ .spooki_box {position:absolute;right:40px;top:40px;width:400px;height:300px;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;filter:alpha(opacity=95);opacity:0.95;}
	
	.spooki_controller {display:none;position:absolute;bottom:0px;left:0;z-index:5000;}
		/* type 1 */
		.spooki_controller.disc li {width:13px;margin-right:8px;cursor:pointer;float:right;}
		
		/* type 2 */
		.spooki_controller.thumb {bottom:30px;}
		.spooki_controller.thumb * {height:50px;}
		
		/* off state */
		.spooki_controller.thumb li {position:relative;width:80px;margin-right:20px;background:#000;cursor:pointer;float:right;overflow:hidden;}
		.spooki_controller.thumb  li:first-child {margin-right:0;}
		.spooki_controller.thumb  li img {position:absolute;left:0;top:0;filter:alpha(opacity=40);opacity:0.4;}
		
		/* on state */
		.spooki_controller.thumb  li.on {border:3px solid #da491d;width:74px;height:44px;}
		.spooki_controller.thumb  li.on img {filter:alpha(opacity=100);opacity:1;}
		
	.preview_copy {display:none;position:absolute;width:auto;padding:10px;background:#fff;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
		.preview_copy {position:absolute;left:0;top:-10px;}
	
	/* next back buttons */
	.spooki_btn {display:none;position:absolute;width:60px;height:60px;cursor:pointer;}
	
	.spooki_btn.next {background:url('btn_next_red.png') no-repeat;}
	
	.spooki_btn.back {background:url('btn_back_red.png') no-repeat;}
		
	/* toggle events */
	/*.spookislider.toggle:hover + .spooki_controller.toggle {display:block;}
	.spooki_controller.toggle:hover {display:block;}

	.spookislider.toggle:hover + ul + .spooki_btn.toggle {display:block;}
	.spookislider.toggle:hover + ul + div + .spooki_btn.toggle {display:block;}
	.spooki_btn.toggle:hover {display:block;}*/	
			
	/* controller type 1 */
	.controller_container {position:absolute;width:100%;/*top:430px;*/margin:0 auto 0 auto;}
	.controller_unit {position:relative;width:940px;height:0;margin:0 auto 0 auto;}
	.controller {position:absolute;right:25px;margin:420px auto 0 auto;}
		.controller li {float:left;margin-right:4px;cursor:pointer;}
	
	/* controller type 2 */
	/* new slide show */
	.cntrl_unit {display:block;position:absolute;bottom:50px;}
		.cntrl_unit * {height:50px;}
		/* off state */
		.cntrl_unit li {width:80px;margin-left:20px;background:#000;float:left;}
		.cntrl_unit li:first-child {margin-left:0;}
		.cntrl_unit li img {filter:alpha(opacity=60);opacity:0.6;}
		/* on state */
		.cntrl_unit li.on {border:3px solid #da491d;width:74px;height:44px;overflow:hidden;}
		.cntrl_unit li.on img {filter:alpha(opacity=100);opacity:1;width:74px;height:44px;}