* {
	margin: 0;
	padding: 0;
}


html , body{ 
	position:relative;
	width: 100%; 
	height: 100%;
	
	max-width:500px;
	overflow: hidden;
	border: none;
	outline: none;
	outline-offset: 0px;
}

span{
	display:block;
	
	
}

a{
	text-decoration: none;
}



@font-face {
	font-family:'PTS75F';
	src:url('fonts/PTS75F.ttf');
}

@font-face {
	font-family:'PTN57F';
	src:url('fonts/PTN57F.ttf');
}


@font-face {
	font-family:'PTS55F';
	src:url('fonts/PTS55F.ttf');
}
.conteiner{
	position: relative;
	 
	width: 500px;
	//height: 100%;
	// background: #000000;
	//text-align:center;
	 
}

.block{
	position:relative;
	 
	
	height:480px;
	
	padding-left:50px;
	padding-top:50px;
	
	 
}

.work{
	position:relative;
	
	height:343px;
	font-family:PTN57F;
	font-size:28px;
	color:#FFFFFF;
	cursor:pointer; 
	
	padding-top:0px;
}

.contacts{
	height:270px;
	background: #fad405;
	font-family:PTN57F;
	padding-left:50px;
	padding-top:60px;
}

.slideHolder img{
	float: left;
	width: 500px;
	margin: 0px;
}
.slideHolder{
	 width:4000px;
	 position:absolute;
}

.slides{
	position:relative;
	height:431px;
	max-width:500px;
	overflow-x:hidden;
	
}

.controls{
	position:absolute;
	background: url(images/controls.png) no-repeat 0 0;
	width:69px;
	height:53px;
	right:15px;
	bottom:15px;
}
.arrow{
	position:absolute;
	float: left;
	top:15px;
	width:33px;
	height:33px;
	cursor:pointer;
}
.spaninwork{
	position:absolute;
} 
 

.imgbg{
	position:absolute;
	left:0;
	top:0;
	height:343px;
	width: 500px;
	
}
.deactive.jim{
	background: url(images/jim_d.jpg) no-repeat;
	
}

.active.jim{
	background: url(images/jim_a.jpg) no-repeat;
}

 

.deactive.circus{
	background: url(images/circus_d.jpg) no-repeat;
}

.active.circus{
	background: url(images/circus_a.jpg) no-repeat;
}

.deactive.helloween{
	background: url(images/helloween_d.jpg) no-repeat;
}

.active.helloween{
	background: url(images/helloween_a.jpg) no-repeat;
}

.deactive.quest{
	background: url(images/quest_d.jpg) no-repeat;
}

.active.quest{
	background: url(images/quest_a.jpg) no-repeat;
}


.deactive.storyOfSend{
	background: url(images/stoeysend_d.jpg) no-repeat;
}

.active.storyOfSend{
	background: url(images/stoeysend_a.jpg) no-repeat;
	
}

.deactive.mfone{
	background: url(images/mfone_d.jpg) no-repeat;
}

.active.mfone{
	background: url(images/mfone_a.jpg) no-repeat;
}

.deactive.visotsky{
	background: url(images/visotsky_d.jpg) no-repeat;
}

.active.visotsky{
	background: url(images/visotsky_a.jpg) no-repeat;
}

.deactive.aldo{
	background: url(images/aldo_d.jpg) no-repeat;
}

.active.aldo{
	background: url(images/aldo_a.jpg) no-repeat;
	
}

.deactive.aunions{
	background: url(images/aunions_d.jpg) no-repeat;
}

.active.aunions{
	background: url(images/aunions_a.jpg) no-repeat;
}