*{
	margin:0;
	padding:0;
	border:0;
}

a{ 
	text-decoration: none; 
}

ul{
	 list-style: none;
}

body {
/* 	background:#ccc; */
}



/* component holder */
#sliderWrapper{
	position:relative;
/* 	top:300px; */
	top:15px;
	left:300px;
	/*background:#666;*/
	width:600px;
	height:320px;
	left:52%;
	margin-left: -300px;
	z-index:1000;
}

#sliderHolder{
	position:absolute;
	top:0px;
	left:0px;
}

/* div holder for slide images, specify image border here */
.imageHolder{
	position:absolute;
	width:520px;
	height:270px;
	background:#fff;
	
	-moz-box-shadow:5px 5px 5px #333;
	-webkit-box-shadow:5px 5px 5px #333;
	box-shadow:5px 5px 5px #333;
	
	/* 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:500px;
	height:250px;
	top:10px;
	left:10px;
}

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


/* captions */
.caption {
	position: absolute;
	padding:5px 20px 5px 20px;
	font-family: 'Terminal Dosis', sans-serif;
	font-size: 27px;
}

.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;
}

.toppick{
	left: -100px;
  position: absolute;
  z-index: 1000000;
}


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

/* previous icon */
#slideControls #slide_prev{
	background: url('../pics/head_levo_normal.png');
	display: block;
    float: left;
    height: 95px;
    left: -220px;
    margin-right: 2px;
    position: absolute;
    top: 100px;
    width: 53px;
    opacity:1;
}

#slideControls #slide_prev:HOVER{
	background: url('../pics/head_levo_hover.png');
}


/* 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{
	background: url('../pics/head_desno_normal.png');
	 display: block;
    float: left;
    height: 95px;
    left: 690px;
    position: relative;
    top: 100px;
    width: 53px;
}

#slideControls #slide_next:hover{
	background: url('../pics/head_desno_hover.png');
}

/* 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;
}



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