.cover {background-size:cover;}

/* 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%;}
	/* this is the container for the background image, absolute positioning is necessary for the fade to work */
	.spookislider > div {position:absolute;width:100%;background:no-repeat center center;background-size:cover}
	/* this is the container for overlay content */
	.spookislider > div > div {overflow:hidden;}

	/* key height */
	.spooki, .spookislider > div > div {height:510px;}
	
/* hide content, will redisplay content */
.spookislider div div > img, .spookislider div div > p {display:none;}

/* styles for spooki navigation */
.spooki_controller {display:none;position:absolute;bottom:30px;margin:auto;left:0;right:0;z-index:5000;}
	/* type 1 */
	.spooki_controller.disc li {width:14px;height:14px;margin-right:6px;cursor:pointer;float:right;padding:0;background:url('nivo_slider_btn.png') no-repeat;background:#fff;border-radius:50%;}
	.spooki_controller.disc li.on {background-image:url('nivo_slider_btn_on.png');background:#00c0f2;}
	
	/* type 2 */
	.spooki_controller.thumb {bottom:50px;}
	.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;padding:0;}
	.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;border:3px solid #da491d;width:100%;box-sizing:border-box;} /* need to find a non border box solution */
	
/* preview copy for thumbnails */
.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;}
	.carat {position:absolute;left:0;top:0;width:1px;height:20px !important;border-top:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;}

/* next back buttons */
.spooki_btn {display:none;position:absolute;width:60px;height:60px;cursor:pointer;margin:auto;top:0;bottom:0;}
	.spooki_btn.next {background:url('btn_next_red.png') no-repeat;}
	.spooki_btn.back {background:url('btn_back_red.png') no-repeat;}