
	*{
		position:relative;
		margin:0;
		padding:0;
		outline:none;
		resize:none;
	}
	
	html,
	body{
		position:absolute;
		width:100%;
		height:100%;
	}
	
	html{
		background:url(../graphics/page_bg.jpg);
	}
	
	
	body{
		font-family:'Trebuchet MS', arial, sans-serif;
		font-size:12px;
		color:#242700;
	}
	
	.clear{
		clear:both;
	}
	
	#mainwrapper{
		width:820px;
		margin:-20px auto 0 auto;
		min-height:100%;
		background:url(../graphics/sheet_bg.jpg) top center repeat-y;
	}
	
		#topspc{
			height:20px;
			width:100%;
		}
	
		#navigation{
			position:absolute;
			top:0px;
			left:300px;
			width:448px;
			height:160px;
			background:url(../graphics/menu.png) no-repeat;
			z-index:100;
		}
		
			#navigation	a{
				position:absolute;
				display:block;
				top:0px;
				left:0px;
				height:160px;
				width:110px;
				background-image:none;
				overflow:hidden;	
				text-indent:-1000px;				
			}
				#navigation	a.sel,
				#navigation	a:hover{
					background-image:url(../graphics/menu.png);
				}
			
				#navigation	a#mi0{ top:40px;left:-220px;background:none; }
				#navigation	a#mi1{ left:0px; background-position: 0 -160px; }
				#navigation	a#mi2{ left:110px; background-position: -110px -160px;}
				#navigation	a#mi3{ left:220px; background-position: -220px -160px; }
				#navigation	a#mi4{ left:330px; background-position: -330px -160px; }

	
		#credo{
			position:absolute;
			left:280px;
			top:155px;
			width:477px;
			height:94px;
			overflow:hidden;
			text-indent:-2000px;
			background:url(../graphics/credo.gif) no-repeat; 
		}
	
		#leftpane{
			float:left;
			width:269px;
			height:564px;
			background:url(../graphics/leftpane.jpg) no-repeat;
			font-size:18px;
			line-height:21px;
		}
				
			#leftpane p{
				top:275px;
				left:65px;
				width:170px;
			}
			
				#leftpane p strong{
					font-weight:normal;
					color:#ffffc2;
				}
				
				#leftpane.rolunk p,
				#leftpane.ajanlat p{
					font-size:15px;
					font-weight:bold;
					line-height:19px;
					width:165px;
					top:267px;
					left:62px;
				}
				

				#leftpane.kapcsolat p,
				#leftpane.munkak p{
					font-size:16px;
					font-weight:bold;
					line-height:24px;
					width:165px;
					top:290px;
					left:62px;
				}
					
				#leftpane.rolunk p strong{
					font-weight:bold;
				}
				
				#leftpane.ajanlat a{
					display:block;
					width:153px;
					height:22px;
					overflow:hidden;
					text-indent:-1000px;
					background:url(../graphics/bt_samples.gif);
					margin-top:8px;
				}
				
				#leftpane p a.index{
					font-size:13px;
					color:#ffffc2;
					font-weight:bold;
					background:#242700;
					padding:0 4px 0 70px;
					text-decoration:none;
					top:20px;
				}
		
		#rightpane{
			float:left;
			width:520px;
			height:430px;
			margin-top:150px;
		}
		
			.index{
				background:url(../graphics/bg_nyito.jpg) no-repeat 0 60px;
			}
			
			.rolunk{
				background:url(../graphics/bg_rolunk.jpg) no-repeat 0 60px;
			}
			
			.ajanlat{
				background:url(../graphics/bg_ajanlat.jpg) no-repeat 0 60px;
			}
			
			.kapcsolat{
				background:url(../graphics/bg_kapcsolat.jpg) no-repeat 0 60px;
			}
			
			.munkak{
				background:url(../graphics/bg_munkak.jpg) no-repeat 0 60px;
			}
			
				.rolunk span{
					position:absolute;
					display:block;
					width:120px;
					text-align:center;
					font-size:15px;
					color:#fff;
				}
				
					.rolunk span#p1{
						top:140px;
						left:80px;
					}
					
					.rolunk span#p2{
						top:200px;
						left:300px;
					}
					
				.ajanlat fieldset{
					border:none;
					top:120px;
					left:70px;
				}	
				
				.ajanlat label{
					font-size:15px;
					display:inline-block;
					vertical-align:top;
					width:120px;
					padding-top:5px;
				}

				.ajanlat input{				
					width:206px;
					height:21px;
					border:none;
					padding:5px 0 0 5px;
					background:url(../graphics/input_bg.gif);
					font-size:14px;
					font-family:monospace;
					margin-right:150px;
					margin-bottom:20px;
				}
				
				.ajanlat textarea{
					width:201px;
					height:117px;
					border:none;
					padding:5px;
					background:url(../graphics/text_bg.gif);
					font-size:14px;
					font-family:monospace;
					margin-right:150px;
					margin-bottom:20px;
					overflow:auto;
				}
				
				.ajanlat .sbmt{
					width:96px;
					height:22px;
					padding-top:22px;
					overflow:hidden;
					background:url(../graphics/bt_send.gif);
					left:239px;
				}
				
				.kapcsolat div{
					top:140px;
					left:80px;
					font-size:18px;
					color:#fff;
				}	
				
				.munkak div{	
					top:105px;
					left:65px;
					width:450px;
				}
				
				.munkak a{
					display:inline-block;
					vertical-align:top;
					margin:6px;
				}
			
			#rightpane img{
				border:3px solid #fff;
			}
	
		#footer{
			position:absolute;
			width:100%;
			height:20px;
			bottom:-18px;
			left:0px;
			background:url(../graphics/sheet_bg.jpg) top center;
			text-align:center;
		}
	
	#showreel{
		position:absolute;
		top:120px;
		left:40px;
		width:440px;
		height:282px;
		overflow:hidden;
		word-spacing:-4px;
		letter-spacing:-4px;
		visibility:hidden;
	}
	
		#noreel{
			position:absolute;
			top:130px;
			left:35px;
		}
	
		#showreel span{
			display:inline-block;
			width:440px;
			height:256px;
			overflow:hidden;
			text-align:center;
		}
	
		#showreel b{
			display:inline-block;
			height:11px;
			width:11px;
			background:url(../graphics/showpos.gif) no-repeat top left;
			margin-right:5px;
			overflow:hidden;
		}
		
		#showreel b.sel{
			background:url(../graphics/showpos.gif) no-repeat -16px 0;
		}
	
		#showreel img{
			border:none;
		}
	
		#shdsp{
			position:absolute;
			bottom:0px;
			right:0px;
		}
		
	#balloon{
		position:absolute;
		top:55px;
		left:183px;
		width:226px;
		height:507px;
		z-index:2000;
		padding:45px 0 0 83px;
		text-align:center;
		display:none;
	}	
	
		#balloon.balloon_w{
			width:300px;
		}
	
		#balloon h1{
			font-size:17px;
			text-align:left;
			padding:0 10px 0 10px;
			margin-bottom:3px;
		}
	
		#balloon p{
			font-size:12px;
			line-height:14px;
			text-align:left;
			padding:0 10px 0 10px;
			margin-bottom:11px;
		}
	
		#balloon b{
			position:absolute;
			top:0px;
			left:0px;
			width:331px;
			height:537px;
			background:url(../graphics/balloon.png);
		}
		
		#balloon.balloon_w b{
			position:absolute;
			top:0px;
			left:0px;
			width:400px;
			height:537px;
			background:url(../graphics/balloon_w.png);
		}
		
		#balloon span{
			display:block;
			font-size:12px;
			line-height:10px;
			padding-bottom:8px;
			font-weight:bold;
		}
		
		#balloon a{
			display:block;
			position:absolute;
			top:15px;
			left:70px;
			width:30px;
			height:30px;
			overflow:hidden;
			text-indent:-1000px;
		}
		
			#balloon a:hover{
				text-decoration:underline;
			}
			
	#addr,
	#l_addr{
		display:none;
	}