@charset "utf-8";
@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

} 
body {
	font-size: 15px;
	color: #161717;
	font-family: 'bebas_neueregular'; 
	background: url('../images/bg.png') repeat;
	margin: 0px;
	padding: 0px;
	letter-spacing:1px;
}

div.slider{
	float:left;
	
	margin:10px auto 50px 120px;
}

.product-half-title{
	
		
		font-size:48px;
		position:relative;
		color:#e9b518;
}
.halfPage .slider{
	margin-left:15px;
}
.halfPage{
 float: left;
    padding-left: 11px;
    width: 48%;
}

.more-text{
  bottom: 0;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin-top: 20px;
    position: relative;
    right: 0;
}

.more-button{
	display:block;
	width:180px;
	height:45px;
	background-repeat:no-repeat;
}
.more-button:hover{
	background-position:0 -58px;
}
.more-button:active{
	background-position:0 -117px;
}

.more-hu{
	background-image:url('../images/more_info_button_hu.png');
}

.more-en{
	background-image:url('../images/more_info_button_en.png');
}

.more-de{
	background-image:url('../images/more_info_button_de.png');
}
.more-fr{
	background-image:url('../images/more_info_button_fr.png');
}
.more-ru{
	background-image:url('../images/more_info_button_ru.png');
}

.arch-text{
  bottom: 0;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin-top: 20px;
    position: relative;
    right: 0;
}
.arch-button{
	display:block;
	width:180px;
	height:45px;
	background-repeat:no-repeat;
}
.arch-button:hover{
	background-position:0 -58px;
}
.arch-button:active{
	background-position:0 -117px;
}

.arch-hu{
	background-image:url('../images/arch_hu.png');
}

.arch-en{
	background-image:url('../images/arch_en.png');
}

.arch-de{
	background-image:url('../images/arch_de.png');
}
.arch-fr{
	background-image:url('../images/arch_fr.png');
}
.arch-ru{
	background-image:url('../images/arch_ru.png');
}

div.boardslider{
	margin-left:50px;
}

div.pushit{
	background: url('../images/bg.png') repeat;
	display:block;
	height:10px;
	margin-top:20px;
}

* { margin:0; padding:0; } 

html, body {
	height: 100%;
}

.flags{
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}
#wrap{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
	height: 50px; /* .push must be the same height as .footer */
}
table {

margin-right: auto;
margin-left: auto;
}


h1{
	margin: 20px 0px !important;
}

 a{text-decoration: none; color: inherit;}
 a:hover{ text-decoration: none; color: inherit; }
 a:visited { text-decoration: none; color: inherit; }
 a:focus { outline: none;color: inherit; }

/*
html, body, #wrap { height: 100%; }
body > #wrap {height: auto; min-height: 100%;}
*/
/* CLEAR FIX */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
.hidden{display: none;}

.clearer{clear:both;}

/*#main_page { padding-bottom: 50px; }  /* must be same height as the footer */



div#header_holder{
	width: 100%;
}
	div#header{
		width: 960px;
		margin:0 auto;
		background-color: #ccc;
	}

	#logo{
		width: 960px;
		height: 155px;
		border-top:2px solid #182231;
		background-color: #c9c9c9;
	}
	
	#logo img{
		padding-left:20px;
	}
		

div#main{
	/*height: 400px;*/
	width: 960px;
	margin: 20px auto;
}
	
	#menu_holder{
		margin: auto;
		width: 960px;
		height:40px;
		background: url('../images/menu_bg.png');
	}

	#pic_changer_holder{
		width: 960px;
		height: 300px;
		margin-top:1px;
		margin-left:1px;
		float: right;
		overflow:hidden;
		background-color:#29383d;
	}
		

	div#content{
		/*margin-top: 35px;*/
		padding-top: 20px;
		margin-bottom: 20px;
		width: 960px;
		background-color:#29383D;
		float: right;
	}
	#contact{
		padding:20px;
		color: #E9B518;
	}
	#contact textarea{
		width:500px;
		height:150px;
	}
	#contact input[type="button"], #contact input[type="submit"]{
		background: url('../images/menu_bg.png');
		border: 1px solid #E9B518;
		
		color: #E9B518;
		font-weight: bold;
		padding: 5px;
	}
	#contact input[type="text"], #contact textarea{
		font-family: 'bebas_neueregular'; 
		color: #29383D;
		
	}
	
	.product-holder{
		width:475px;
		margin-top: 75px;
		padding-top: 20px;
		height:478px;
		background-color:#29383d;
		float:left;
		
	}
	
	label{
		display:block;
		margin-top:15px;
	}
	
	.product-sub-title{
		font-size:25px;
		line-height:25px;
		color:#E9B518;
		padding:20px;
	}	
	
	.rollerskates{
			margin-right:10px;
			background:url('../images/rollerskate_bg.jpg') no-repeat;
	}
	
	.skateboards{
			background:url('../images/skateboard_bg.jpg') no-repeat;
	}
	
	.product-title{
		background:url('../images/product_header.png') no-repeat;
		width:475px;
		padding-left:20px;
		height:62px;
		font-size:48px;
		position:relative;
		top:-82px;
		color:#e9b518;
	}

	.roller-logo{
		float:left;
		padding-left:20px;
		
	}	
	.board-logo{
		float:left;
		padding-left:20px;
		
	}	
	
	.product-page-title{
		float:right;
		font-size:70px;
		width:450px;
		margin-right:20px;
		color: #e9b518;
	}	
	.product-page-text{
		float:right;
		width:450px;
		margin-right:20px;
		color: #e9b518;
		text-align:justify;
	}	
	.aboutus-page-text{
		font-family: arial;
		margin-left:20px;
		margin-right:20px;
		margin-bottom:20px;
		width:750px;
		color: #e9b518;
		text-align:justify;
	}	
	.aboutus-page-text ul{
		padding-left:30px;
	}	
	
#footer {
	
	position: relative;
	padding-top: 20px; /* negative value of footer height */
	height: 43px;
	clear:both;
	
}
	#footer_content{
		width: 960px;
		background:#29383d;
		margin: 0 auto;
		height: 210px;
	}
	#footer_content img{
		margin-top: 5px;
		float: left;
	}

	.copyright{
		display: block;
		margin-top: 34px;
		text-align: center;
	}
	
.center{
	text-align: center;
}

img{
	border: none;
}

.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
.floatingImg{
	margin:0 10px 10px;
	width:150px;
}

.fullImg{
	margin-bottom:10px;
}

.fullWidth{
width:920px;
}

.right{
	text-align: right;
}

.slide{
	float:left;
}

#s1, #s2{
	width:800px;
	text-align:center;
	/*height:200px;*/
	margin:auto;
}


#s1 a, #s2 a{
	padding:10px;
}


.s2_wide {
	width:920px;
	text-align:center;
	/*height:200px;*/
	margin:auto;
}

.s2_wide a{
	padding:10px;
}

.mail-message{
    background: url("../images/menu_bg.png") repeat scroll 0 0 transparent;
    border: 2px solid #E9B518;
    color: #E9B518;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    margin: auto;
    text-align: center;
    width: 500px;
}

.prev-button{
	float:left;
	position:relative;
	top:-130px;
	cursor:pointer;
	left:5px;
}
.next-button{
	float:right;
	position:relative;
	top:-130px;
	cursor:pointer;
	left:-5px;
}


div#pic_changer{
	width: 960px;
	height:300px;
	overflow:hidden;
}
div#pic_changer img{
	float:left;
}

#pic_changer_nav{
	position: relative;
	top:5px;
	z-index: 5000;
	padding-right: 20px;
	margin:auto;
	display:block;
	text-align:center;
}
#pic_changer_nav a { 
	border: 2px solid #444544; background: #444544; text-decoration: none; margin: 0 2px; padding: 1px 1px; color: #444544 !important; 
	height: 1px; width: 1px; font-size:6px;
	display: inline-block;
	overflow: hidden;
	opacity:0.7;
	filter:alpha(opacity=70);
	-webkit-border-radius: 20px;
border-radius: 20px; 
}

#pic_changer_nav a:hover{opacity:0.9; filter:alpha(opacity=90);}
#pic_changer_nav a.activeSlide { background: #fff; color: #fff !important; height: 3px; width: 3px; padding: 2px 2px; font-size:6px; position:relative; top:2px; }
#pic_changer_nav a:focus { outline: none; }


#mainmenu {
    color: #e9b518;
    font-weight: normal;
    padding: 0.4em 0.7em;
    text-decoration: none;
	font-size:21px;
	list-style: none;
	
}

#mainmenu li {
	float:left;
	display:block;
	margin:0px 20px 0px 20px;
   line-height: 25px;
   padding-bottom:5px;
}

#mainmenu .active{
	border-bottom:3px solid #E9B518;
}

#footmenu .active{
	color: #E9B518;
}

#footmenu {
	list-style:none;
	float:right;
	width:180px;
	font-size:24px;
	line-height:35px;
}
.nemittt { display:none;}