/* To change font visit http://www.fontsquirrel.com/fontface */
@font-face {
    font-family: 'YanoneKaffeesatzRegular';
    src: url('../data/fonts/YanoneKaffeesatz-Regular-webfont.eot');
    src: url('../data/fonts/YanoneKaffeesatz-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../data/fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'),
         url('../data/fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'),
         url('../data/fonts/YanoneKaffeesatz-Regular-webfont.svg#YanoneKaffeesatzRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* captions, adjust caption padding around text here */
.caption {
	position: absolute;
	padding:5px 20px 5px 20px;
}

.caption a{
	color:white;
	text-decoration:underline;
}

.caption a:hover, a:active{
  text-decoration:underline;
}

/* caption holder div, for mask */
.infoHolder{
	position:absolute;
	overflow:hidden;
}

/* component holder */
#sliderWrapper{
	/*position:absolute;*/
	/*top:300px;*/
	/*left:300px;*/
	/*background:#666;*/
	width:988px;
	height: 404px;	
	left:50%;
	margin-left: -500px;
	font-family: "YanoneKaffeesatzRegular", Geneva, sans-serif;
	font-size: 30px;
	position: relative;
}

/* div holder for slide images, specify image border here */
.imageHolder{
	position:absolute;
	width:525px;
	height:343px;
	background:#fff;
	
	-moz-box-shadow:5px 5px 5px rgba(51,51,51,0.3);
	-webkit-box-shadow:5px 5px 5px rgba(51,51,51,0.3);
	box-shadow:5px 5px 5px rgba(51,51,51,0.3);
	
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333');
	
}

/* slide image properties */
.imageHolder img{
	position:relative;
	width:505px;
	height:323px;
	top:10px;
	left:10px;
}

/* playlist holder (hidden) */
#sliderImages{
	display:none;
}




/* controls horizontal bottom */
#slideControls{
	position:absolute;
	width:105px;
	height:35px;
	top:340px;
	left:220px;
	display:none;
	/*background:green;*/
}

/* previous icon */
#slideControls #slide_prev{
	position:relative;
	width:33px;
	height:33px;
	display:block;
	float:left;
	
	margin-right:2px;
}


/* toggle icon, we use 2 images for both pause and play to achieve preloader effect */
#slideControls #slide_toggle{
	position:relative;
	width:33px;
	height:33px;
	cursor:pointer;
	display:block;
	float:left;
	
	margin-right:2px;
}

/* pause icon */
#pause_icon2{
	position:absolute;
	display:block;
	height:33px;
	overflow:hidden;
}

#pause_icon{
	position:absolute;
	display:block;
}

#pauseimg{
	position:relative;
	display:block;
	width:33px;
	height:33px;
}

#pause2img{
	position:absolute;
	display:block;
	width:33px;
	height:33px;
}



/* play icon */
#play_icon2{
	position:absolute;
	display:block;
	height:33px;
	overflow:hidden;
}

#play_icon{
	position:absolute;
	display:block;
}

#playimg{
	position:relative;
	display:block;
	width:33px;
	height:33px;
}

#play2img{
	position:absolute;
	display:block;
	width:33px;
	height:33px;
}



/* next icon */
#slideControls #slide_next{
	position:relative;
	width:33px;
	height:33px;
	display:block;
	float:left;
}




/* div for measuring font face dimensions */
#fontMeasure{
	visibility:hidden;
}




/* CUSTOM CONTENT */

/* vimeo player example */
#custom1{
	position:absolute;
	width:500px;
	height:250px;
	top:10px;
	left:10px;
}

/* google maps example */
#custom3{
	position:absolute;
	width:500px;
	height:250px;
	top:10px;
	left:10px;
}