﻿/* Presentation Widget */
.w-present {
	position: relative;
	overflow: hidden;
	height: 270px;
	background: #C5C6C7 url(images/bg_mp-present.png) center top ;
	display: none;
}		
.w-present .light-on {
	background: url(images/light1-cmp.png) center bottom no-repeat;
	background-size: 100% 100%;
}
/* NAV Pages 
* ul.w-present__nav > li
*/
.w-present__nav-area {
	float: left;
	position: relative;
	left: 50%;
	bottom: 26px;
}
	.w-present .w-present__nav-buttons {
		float: left;
		position: relative;
		left: -50%;
	}
		.w-present__nav-buttons li {
			float: left;
			width: 11px; height: 11px;
			margin: 0 3px;
			text-indent: -9999px;
			border-radius: 100%;
			background-color:rgb(247,247,249);
				/* shadows */
				-moz-box-shadow:inset 0 1px 1px rgb(162,162,164);
				-webkit-box-shadow:inset 0 1px 1px rgb(162,162,164);
				box-shadow:inset 0 1px 1px rgb(162,162,164);
		}
			.w-present__nav-buttons li.active {
				position: relative;
				top: -1px;
				margin: 0 2px;
				background: #FCE09B url(images/bg_presw__p_active.png);
				background-size: 100% 100%;
				cursor: default;
				border: 1px solid #CEBD85;
				/* shadows */				
					-moz-box-shadow:0 0 2px rgb(166,152,105) ,inset 0 1px 0 0 rgba(255,255,255,0.5);
					-webkit-box-shadow:0 0 2px rgb(166,152,105) ,inset 0 1px 0 0 rgba(255,255,255,0.5);
					box-shadow:0 0 2px rgb(166,152,105) ,inset 0 1px 0 0 rgba(255,255,255,0.5);			
			}
			.w-present__nav-buttons li:hover {
				cursor: pointer;
				background: #FFF4D4;
			}
				.w-present__nav-buttons li.active:hover {
					cursor: pointer;
					background: #FCE09B url(images/bg_presw__p_active.png);
					background-size: 100% 100%;					
				}	
/* ARROWS */
		.w-present__arrow-left,
		.w-present__arrow-right {
			display: block;		
			position: absolute;
			top: 62px;
			width: 53px; height: 143px;
			cursor: pointer;			
			background: url(images/w-present__arrow-block.png);
			/* ANIMATION */
				opacity: 0;
				transition: opacity .2s ease-in-out;
				-moz-transition: opacity .2s ease-in-out;
				-webkit-transition: opacity .2s ease-in-out;	
				-o-transition: opacity .2s ease-in-out;				
		}	
		.w-present__arrow-left {
			float: left;
			left: 0;
			border-radius: 0 5px 5px 0;
		}
		.w-present__arrow-right {
			float: right;
			right: 0;
			border-radius: 5px 0 0 5px;
		}
			.w-present__arrow-left i,
			.w-present__arrow-right i {
				content: '';
				display: block;
				position: relative;
				width: 16px; height: 26px;
				background: url(images/w-present__arrows.svg) no-repeat;
				margin: 58px 0 0 16px;
			}		
			.w-present__arrow-right i {
				background-position: -54px 0;
				margin-left: 21px;
			}

.w-present:hover .w-present__arrow-left,
.w-present:hover .w-present__arrow-right {
	opacity: 1;	
}					
/* CONTENT BLOCK */
.w-present__content {
	height: 100%;
/* 	
 * ROTATION PARAMETERS

	float: left; 
	position: relative;
	width: 100000px; */
}
	.w-present__slide {
		height: 100%
	}