/*// hashslider v0.9 by manuel huegel, copyright 2010
// mgoys.com*/


/*the container*/

#contt {position:relative; display:table;}
#contt3 {position:relative; display:table;}
#hijoa{position:relative;float:left; width:80px; height:400px;}
#hijoa3{position:relative;float:left; width:80px; height:400px;}
#hijob{position:relative;float:left; width:1016px; height:400px;}
#hijob3{position:relative;float:left; width:1016px; height:400px;}
#hijoc{position:relative;float:left; width:80px; height:400px;}
#hijoc3{position:relative;float:left; width:80px; height:400px;}

#conttt {position:relative; display:table; left: 50%;}
#hijod{position:relative;float:left; width:300px; height:400px; margin-top: -40px; margin-left: 264px;}
#hijoe{position:relative;float:left; width:400px; height:385px; margin-left: -540px; margin-top: 41px; }

#slider {
	position: relative; /*important for ie bugfix*/
	width: 1016px; height: 396px; /*the width of the slider is important but could be everything in pixels*/
	overflow: hidden;
	z-index: 10;
	background-color:#212021;
	
	}
	
	#slider3 {
	position: relative; /*important for ie bugfix*/
	width: 1016px; height: 396px; /*the width of the slider is important but could be everything in pixels*/
	overflow: hidden;
	z-index: 10;
	background-color:#212021;
	
	}


/*the for and back buttons*/
	
.leftt {
	display:block;
	width:90px;
	height:82px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 157px 0px;
	font-size: 60px;
	font-style: light;
	font-weight: extra-light ;
	color:#FFF;
	background-color:#212021;
	line-height:74px;
	text-align: center;
	letter-spacing: 3px;
	}
	
.leftt:hover{
	background-color:#212021;
	color:#000;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height:74px;
	font-weight: extra-light ;
	font-size: 60px;
	font-style: normal;
}
.rightt {
	display:block;
	width:76px;
	height:82px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 157px 0px;
	font-size: 60px;
	font-style: light;
	font-weight: extra-light ;
	color:#FFF;
	background-color:#212021;
	line-height:74px;
	text-align: center;
	letter-spacing: 3px;
	}
	
.rightt:hover{
	background-color:#212021;
	cursor:pointer;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height:74px;
	font-weight: extra-light ;
	font-size: 60px;
	font-style: normal;
}




.leftt3 {
	display:block;
	width:90px;
	height:82px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 157px 0px;
	font-size: 60px;
	font-style: light;
	font-weight: extra-light ;
	color:#FFF;
	background-color:#212021;
	line-height:74px;
	text-align: center;
	letter-spacing: 3px;
	}
	
.leftt3:hover{
	background-color:#212021;
	color:#000;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height:74px;
	font-weight: extra-light ;
	font-size: 60px;
	font-style: normal;
}
.rightt3 {
	display:block;
	width:76px;
	height:82px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 157px 0px;
	font-size: 60px;
	font-style: light;
	font-weight: extra-light ;
	color:#FFF;
	background-color:#212021;
	line-height:74px;
	text-align: center;
	letter-spacing: 3px;
	}
	
.rightt3:hover{
	background-color:#212021;
	cursor:pointer;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height:74px;
	font-weight: extra-light ;
	font-size: 60px;
	font-style: normal;
}


	
	
	.dtlv {
		background-image:url(dummy-images/captions.jpg);
		height:400px;
		
	
	
	
	}
	
	
#slider ul { /*the width of the ul and the li will be set automaticly by the javascript!*/
	position: relative; 
	}
	
#slider ul li { /*the width of the ul and the li will be set automaticly by the javascript!*/
	float: left;
	}


/*the numbered navigation*/
#numbers { /*also the width of the number-wrapper will be set automaticly, delete line 33-35 in the js to avoid this*/
	text-align: center;
	list-style: none;
	width: 105px;
	}	
	
#numbers li {
	position: relative;
	float: left;
	
	width: 15px; height: 15px; 
	margin: 0 5px; 
	border: 1px solid #ccc;
	}
	
.activenum { /*marks the current sliderposition*/

	}