body{
	margin:0;
	padding:0;
	color:#000000;
	font-family:Trebuchet MS, Tahoma, Arial, Verdana;
	font-size:12px;
}

h2{
	font-size:18px;
	font-weight:bold;
	padding:5px 0;
}

li{
	list-style:inside;
}

a, a:link, a:visited, a:active{
	color:#3fbfef;
	outline:none;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

img{
	border:0;
}

.clear{
	clear:both;
}

#noneed{
	opacity:0.0001;
}

#loading{
	float:left;
	padding:54px 0 0 82px;
	width:64px;
	height:64px;
	display:none;
}

/* CONTAINERS */

#container{
	margin:0 auto;
	height:642px;
	margin:0 auto;
	width:989px;
}

/* HEADER */

#header{
	float:left;
	width:989px;
	height:20px;
	padding:40px 0 10px 0;
}

#tabs{
	float:left;
}

#tabs_fake{
	float:left;
	display:none;
}
	
	#top_loader{
		float:right;
		width:18px;
		height:18px;
		display:none;
	}

	#tabs li,#tabs_fake li{
		float:left;
		list-style:none;
	}

		#tabs li a{
			float:left;
			height:20px;
			margin-right:22px;
		}

		#tabs_fake li a{
			float:left;
			height:20px;
			margin-right:22px;
			cursor:default;
		}

			#tabs li a.fooldal,#tabs_fake li a.fooldal{
				width:42px;
				background:url(../img/tab_fooldal.png) left bottom no-repeat;
			}

			#tabs li a.informacio,#tabs_fake li a.informacio{
				width:66px;
				background:url(../img/tab_informacio.png) left bottom no-repeat;
			}

			#tabs li a.eskuvo,#tabs_fake li a.eskuvo{
				width:49px;
				background:url(../img/tab_eskuvo.png) left bottom no-repeat;
			}

			#tabs li a.csalad,#tabs_fake li a.csalad{
				width:137px;
				background:url(../img/tab_csalad.png) left bottom no-repeat;
			}

			#tabs li a.termtargy,#tabs_fake li a.termtargy{
				width:134px;
				background:url(../img/tab_termtargy.png) left bottom no-repeat;
			}

			#tabs li a.kismama,#tabs_fake li a.kismama{
				width:66px;
				background:url(../img/tab_kismama.png) left bottom no-repeat;
			}

			#tabs li a.modell,#tabs_fake li a.modell{
				width:44px;
				background:url(../img/tab_modell.png) left bottom no-repeat;
			}

			#tabs li a.keresztelo,#tabs_fake li a.keresztelo{
				width:81px;
				background:url(../img/tab_keresztelo.png) left bottom no-repeat;
			}

			#tabs li a.kapcsolat,#tabs_fake li a.kapcsolat{
				width:67px;
				background:url(../img/tab_kapcsolat.png) left bottom no-repeat;
			}

				#tabs li a:hover, #tabs li a.selected,#tabs_fake li a:hover, #tabs_fake li a.selected{
					background-position:left top;
				}

/* CONTENT */

#content{
	float:left;
	width:989px;
	background:#5a5243;
	height:482px;
}

/* LEFT */

#left{
	float:left;
	background:#494030;
	width:270px;
	height:482px;
}

	#info_dd{
		float:left;
		position:relative;
		top:0;
		left:35px;
		width:125px;
		height:90px;
		z-index:999;
	}
	
		#info_cont{
			float:left;
			display:none;
		}

		#info_dd li{
			float:left;
			list-style:none;
		}

		#info_dd a{
			float:left;
			width:125px;
			height:30px;
		}

			#info_dd a.magamrol{
				background:url(../img/tab_magamrol.png) left bottom no-repeat;
			}

				#info_dd a:hover.magamrol{
					background:url(../img/tab_magamrol.png) left top no-repeat;
				}

			#info_dd a.szolgaltatasok{
				background:url(../img/tab_szolgaltatasok.png) left bottom no-repeat;
			}

				#info_dd a:hover.szolgaltatasok{
					background:url(../img/tab_szolgaltatasok.png) left top no-repeat;
				}

			#info_dd a.arak{
				background:url(../img/tab_arak.png) left bottom no-repeat;
			}

				#info_dd a:hover.arak{
					background:url(../img/tab_arak.png) left top no-repeat;
				}

	/* LOGO */

	#logo_cont{
		float:left;
		width:218px;
		height:86px;
		padding:104px 0 0 26px;
		/*padding:68px 0 0 26px;*/
	}

		#logo_cont a#logo{
			float:left;
			width:218px;
			height:86px;
			background:url(../img/logo.png) left center no-repeat;
			cursor:default;
		}

		#logo_cont a#logo2{
			float:left;
			width:218px;
			height:86px;
			background:url(../img/logo_hover.png) left center no-repeat;
			cursor:default;
			margin-top:-86px;
		}
	
	#thumbnails_cont{
		float:left;
		height:170px;
		width:212px;
		margin:52px 0 0 30px;
		overflow:hidden;
		position:relative;
		z-index:1;
		display:none;
	}
	
	#thumbnails{
		height:auto;
		overflow:auto;
		position:absolute;
		top:0;
		width:212px;
	}
		
		#thumbnails a.one_thumbnail{
			float:left;
			height:40px;
			width:40px;
			margin:2px 1px 0 1px;
		}
		
		#thumbnails a.one_thumbnail.fresh{
			opacity:0;
		}
		
			#thumbnails a:hover.one_thumbnail img{
			}
	
	#controllers{
		float:left;
		width:210px;
		margin:-1px 0 0 30px;
		height:18px;
		display:none;
	}
	
		#controllers a.pause{
			float:left;
			width:18px;
			height:18px;
			margin:0 2px 0 0;
			background:url(../img/button_pause.png) left top no-repeat;
		}
	
			#controllers a:hover.pause{
				background:url(../img/button_pause.png) left bottom no-repeat;
			}
	
		#controllers a.play{
			float:left;
			width:19px;
			height:18px;
			margin:0 2px 0 0;
			background:url(../img/button_play.png) left top no-repeat;
		}
	
			#controllers a:hover.play{
				background:url(../img/button_play.png) left bottom no-repeat;
			}
	
		#controllers a.restart{
			float:left;
			width:19px;
			height:18px;
			margin:0 2px 0 0;
			background:url(../img/button_restart.png) left top no-repeat;
		}
	
			#controllers a:hover.restart{
				background:url(../img/button_restart.png) left bottom no-repeat;
			}
	
		#controllers a.down{
			float:right;
			width:21px;
			height:18px;
			margin:0 2px 0 0;
			background:url(../img/button_down.png) left top no-repeat;
		}
	
			#controllers a:hover.down{
				background:url(../img/button_down.png) left bottom no-repeat;
			}
	
		#controllers a.up{
			float:right;
			width:21px;
			height:18px;
			margin:0 2px 0 0;
			background:url(../img/button_up.png) left top no-repeat;
		}
	
			#controllers a:hover.up{
				background:url(../img/button_up.png) left bottom no-repeat;
			}
			
		#controllers span.ajax_loader_small{
			float:left;
			width:18px;
			height:18px;
			margin:0 0 0 0;
			background:url(../img/ajax_loader_small.gif) left top no-repeat;
			display:none;
		}

/* RIGHT */

#right{
	float:left;
	background:#5a5243;
	width:719px;
	height:482px;
}

	#picture{
		float:left;
		width:719px;
		height:482px;
		background:#5a5243;
			display:none;
	}

		#picture .pic{
			display:none;
		}

	#picture2{
		float:left;
		width:719px;
		height:482px;
		background:#5a5243;
	}
	
	#about{
		float:left;
		width:379px;
		height:444px;
		background:url(../img/dori.jpg) left top no-repeat #5a5243;
		padding:38px 0 0 340px;
		opacity:0.0001;
		margin-top:-482px;
	}
	
		#about .title{
			float:left;
			font-size:32px;
			width:300px;
			color:#ffffff;
			padding:0 0 10px 12px;
		}
	
		#about .scroll-pane{
			float:left;
			width:300px;
			height:355px;
			font-size:16px;
			color:#ffffff;
			outline:none;
		}
	
	#services{
		float:left;
		width:379px;
		height:444px;
		background:url(../../gallery/szolgaltatasok.jpg) left top no-repeat #5a5243;
		padding:38px 0 0 340px;
		opacity:0.0001;
		margin-top:-482px;
	}
	
		#services .title{
			float:left;
			font-size:32px;
			width:300px;
			color:#ffffff;
			padding:0 0 10px 12px;
		}
	
		#services .scroll-pane{
			float:left;
			width:300px;
			height:355px;
			font-size:18px;
			color:#ffffff;
			outline:none;
		}
	
	#prices{
		float:left;
		width:379px;
		height:444px;
		background:url(../../gallery/arak.jpg) left top no-repeat #5a5243;
		padding:38px 0 0 340px;
		opacity:0.0001;
		margin-top:-482px;
	}
	
		#prices .title{
			float:left;
			font-size:32px;
			width:300px;
			color:#ffffff;
			padding:0 0 10px 12px;
		}
	
		#prices .scroll-pane{
			float:left;
			width:300px;
			height:355px;
			font-size:18px;
			color:#ffffff;
			outline:none;
		}
	
	#contact{
		float:left;
		width:379px;
		height:444px;
		background:url(../../gallery/targ2.jpg) left top no-repeat #5a5243;
		padding:38px 0 0 340px;
		opacity:0.0001;
		margin-top:-482px;
	}
	
		#contact .title{
			float:left;
			font-size:32px;
			width:300px;
			color:#ffffff;
			padding:0 0 10px 0;
		}
	
		#contact .info{
			float:left;
			width:300px;
			font-size:15px;
			color:#ffffff;
			padding:6px 0 16px;
			font-weight:bold;
		}
	
		#contact .panel{
			float:left;
			width:300px;
			font-size:14px;
			outline:none;
		}
	
			#contact .panel p{
				float:left;
				width:300px;
				padding:2px 0;
				margin:0;
				color:#FFFFFF;
				font-size:18px;
			}
	
			#contact .panel input{
				float:left;
				width:280px;
				padding:2px 3px;
				border:0;
				font-family:Trebuchet MS, Tahoma, Arial, Verdana;
				font-size:13px;
				color:#777777;
			}
	
			#contact .panel textarea{
				float:left;
				width:280px;
				padding:2px 3px;
				border:0;
				height:120px;
				font-family:Trebuchet MS, Tahoma, Arial, Verdana;
				font-size:13px;
				color:#777777;
			}
	
			#contact .panel button{
				float:left;
				background:none repeat scroll 0 0 #FFFFFF;
				border:0 none;
				cursor:pointer;
				font-weight:bold;
				padding:2px 7px;
				font-family:Trebuchet MS, Tahoma, Arial, Verdana;
			}
	
			#contact .panel span.error{
				float:left;
				background:none repeat scroll 0 0 #FFFFFF;
				padding:3px 10px;
				color:red;
				font-weight:bold;
				margin-left:15px;
				font-size:12px;
				opacity:0.8;
				display:none;
			}
	
			#contact .panel span.success{
				float:left;
				background:none repeat scroll 0 0 #FFFFFF;
				padding:3px 10px;
				color:green;
				font-weight:bold;
				margin-left:15px;
				font-size:12px;
				opacity:0.8;
				display:none;
			}
	
	#blayer{
		float:left;
		width:719px;
		height:482px;
		background:#5a5243;
		margin-top:-482px;
	}
			
/* FOOTER */

#footer{
	float:left;
	width:989px;
	padding:6px 0 0;
}

	#music{
		float:right;
	}
	
	.false-like { float: left; width: 300px; }
	.false-like h2 { margin: 8px 0 10px 0; padding: 0; font-size: 18px; }
	
#bottom{
	border-top: 2px solid #CCCCCC;
    float: left;
    margin: 15px 0;
    padding: 8px 0;
    width: 100%;
}

	#bottom .left{
		float:left;
	}

	#bottom .right{
		float:right;
	}
	
		#bottom .right span{
			float: left;
			font-size: 10px;
			padding-top: 30px;
		}