*{
	margin:0;
	padding:0;
}

body{
	font:12px Verdana, sans-serif;
	color:#c3c3c3;
	background:#1a1817;
}

br.clear{
	clear:both;
	font-size:0;
	line-height:0;
}

a{
	outline:none;
}

a img{
	border:none;
}

fieldset{
	border:none;
}

div.page div.header{
	height:73px;
	cursor:default;
}

div.page div.header div.center{
	position:relative;
	width:960px;
	height:73px;
	margin:0 auto;
}

div.page div.header img.logo{
	margin:15px 0 0 0;
}

ul.menu{
	position:absolute;
	width:428px;
	height:34px;
	bottom:1px;
	right:0;
	text-align:right;
}

ul.menu li{
	display:inline;
}

ul.menu a{
	float:left;
	margin:0 0 0 4px;
	padding:9px 0 0 0;
	width:103px;
	height:25px;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background:url(../images/menu.jpg) no-repeat 0 -34px;
}

ul.menu a:hover,
ul.menu a.active{
	color:#0b110f;
	background:url(../images/menu.jpg) no-repeat 0 0;
}



div.page div.content{
	position:relative;
	width:960px;
	height:600px;
	margin:0 auto;
}


div.page1{
	background:#1f1d1c url(../images/page1Bg.jpg) no-repeat 50% 73px;
}

div.page1 div.header{
	background:url(../images/header1.gif) repeat-x top;
}

div.page1 h2.hKiemelt{
	position:absolute;
	width:181px;
	height:0;
	padding:18px 0 0 0;
	overflow:hidden;
	top:34px;
	left:0;
	background:url(../images/hKiemelt.gif) no-repeat 0 0;
}

div.page1 #featNav{
	position:absolute;
	width:44px;
	height:20px;
	top:34px;
	right:0;
	background:url(../images/featNav.gif) no-repeat 0 0;
}
div.page1 #featNav a{
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
}

div.page1 #featNav a.next{
	left:auto;
	right:0;
}

div.page1 #featured{
	position:absolute;
	width:960px;
	height:279px;
	left:0;
	top:61px;
}

div.page1 h1.hDesign{
	position:absolute;
	width:394px;
	height:0;
	padding:134px 0 0 0;
	overflow:hidden;
	top:386px;
	left:0;
	background:url(../images/hDesign.png) no-repeat 0 0;
}

div.page1 p.intro{
	position:absolute;
	width:535px;
	height:85px;
	top:400px;
	right:0;
	font-size:14px;
	line-height:18px;
	text-align:justify;
}

div.page1 p.intro strong{
	font-size:14px;
}

div.page1 a.facebook{
	position:absolute;
	width:201px;
	height:0;
	padding:30px 0 0 0;
	overflow:hidden;
	font-size:10px;
	top:530px;
	right:0;
	background:url(../images/facebook.jpg) no-repeat 0 0;
}



div.page2{
	background:url(../images/page2Bg.gif);
}

div.page2 div.header{
	background:#282423 url(../images/header2.gif) repeat-x top;
}

div.page2 img.sisak{
	position:absolute;
	top:0;
	left:0;
}

div.page2 img.toll{
	position:absolute;
	top:97px;
	left:0;
}

div.page2 img.futo{
	position:absolute;
	top:84px;
	left:31px;
}

div.page2 div.text{
	float:right;
	width:578px;
	padding:40px 0 0 0;
}

div.page2 h1.hMagunkról{
	width:329px;
	height:0;
	padding:70px 0 0 0;
	overflow:hidden;
	background:url(../images/hMagunkrol.gif) no-repeat 0 0;
}

div.page2 h1.hSzolgaltatasaink{
	width:512px;
	height:0;
	padding:70px 0 0 0;
	overflow:hidden;
	background:url(../images/hSzolgaltatasaink.gif) no-repeat 0 0;
}

div.page2 h1.hFilozofiank{
	width:334px;
	height:0;
	padding:70px 0 0 0;
	overflow:hidden;
	background:url(../images/hFilozofiank.gif) no-repeat 0 0;
}


div.page2 ul.submenu{
	margin:10px 0;
	padding:6px 0;
	border-top:1px solid #302b2a;
	border-bottom:1px solid #302b2a;
	list-style-type:none;
	cursor:default;
}

div.page2 ul.submenu li{
	display:inline;
}

div.page2 ul.submenu a{
	padding:0 20px 0 0;
	font-size:12px;
	color:#6a6a6a;
	text-decoration:none;
}

div.page2 ul.submenu a.active, div.page2 ul.submenu a:hover{
	color:#fff;
}

div.page2 div.text h3,
div.page2 div.text h3 a{
	font-size:14px;
	color:#84aa98;
	text-decoration:none;
	line-height:24px;
}

div.page2 div.text h3 a:hover{
	text-decoration:underline;
}

div.page2 div.text p{
	padding:5px 0 5px 0;
	font-size:12px;
	line-height:20px;
}

div.page2 div.text p span.pancel,
div.page2 div.text p span.studio1900{
	font-size:12px;
	font-weight:bold;
	color:#fff;
}

div.page2 div.text p.slogan{
	font-size:12px;
	font-weight:bold;
	color:#84aa98;
}




div.page3{
	background:#1e1c1d url(../images/page3Bg.jpg) no-repeat 50% 73px;
}

div.page3 div.content{
	padding:48px 0 0 0;
}

div.page3 div.header{
	background:#282423 url(../images/header3.gif) repeat-x top;
}

div.page3 h1.hReferenciaink{
	width:434px;
	height:0;
	padding:70px 0 0 0;
	overflow:hidden;
	background:url(../images/hReferenciak.gif) no-repeat 0 0;
}


div.page3 ul.submenu{
	position:relative;
	top:-22px;
	padding:0 0 6px 0;
	border-bottom:1px solid #302b2a;
	list-style-type:none;
	cursor:default;
	text-align:right;
}

div.page3 ul.submenu li{
	display:inline;
}

div.page3 ul.submenu a{
	padding:0 0 0 20px;
	font-size:12px;
	color:#6a6a6a;
	text-decoration:none;
}

div.page3 ul.submenu a.active, div.page3 ul.submenu a:hover{
	color:#fff;
}

div.page3 #slideContainer{
	width:960px;
	height:350px;
	overflow:hidden;
}

div.page3 div.slidePage{
	float:left;
	width:960px;
	height:350px;
}

div.page3 div.item{
	float:left;
	display:inline;
	width:239px;
	height:159px;
	margin:0 1px 30px 0;
}

div.page3 div.item img{
	display:block;
}

div.page3 div.item h4{
	height:22px;
	padding:8px 0 0 4px;
	background:#181616;
	color:#fff;
	font-size:12px;
	cursor:default;
}

div.page3 a.slideNav{
	float:right;
	width:29px;
	height:23px;
	margin:4px 1px 0 3px;
	background:url(../images/slideNav.gif) no-repeat 0 0;
}

div.page3 a#slideNext{
	background-position:-33px 0;
}

div.page3 a#slidePrev.slideNavInactive{
	background-position:0 -23px;
}

div.page3 a#slideNext.slideNavInactive{
	background-position:-33px -23px;
}

div.page3 a#download{
	float:left;
	width:225px;
	height:0;
	padding:50px 0 0 0;
	margin:5px 0 0 0;
	overflow:hidden;
	background:url(../images/download.gif) no-repeat 0 0;
}




div.page4{
	background:#1e1c1d url(../images/page4Bg.gif);
}

div.page4 div.content{
	padding:80px 0 0 0;
}

div.page4 div.header{
	background:#282423 url(../images/header4.gif) repeat-x top;
}

div.page4 div.info{
	float:left;
	width:352px;
	text-align:right;
	font-size:11px;
}

div.page4 div.info p.first{
	padding:0 0 10px 0;
	color:#89ae9c;
}

div.page4 div.info p.first strong{
	font-weight:bold;
	font-size:13px;
}

div.page4 div.info p a{
	color:#c3c3c3;
	text-decoration:none;
}

div.page4 div.info p a:hover{
	color:#89ae9c;
	text-decoration:underline;
}

div.page4 h1.hKapcsolat{
	float:right;
	width:301px;
	height:0;
	margin:20px 0 0 0;
	padding:70px 0 0 0;
	overflow:hidden;
	background:url(../images/hKapcsolat.gif) no-repeat 0 0;
}

div.page4 form{
	float:right;
	width:559px;
	padding:10px;
	background:#110f0f;
}

div.page4 form td{
	padding:2px;
}

div.page4 form input.text,
div.page4 form textarea{
	width:542px;
	padding:6px;
	border:none;
	background:#1b1a1a;
	color:#979797;
	font:11px Verdana;
}

div.page4 form tr.two td input.text{
	width:262px;
}

div.page4 form textarea{
	height:80px;
	overflow:hidden;
}

div.page4 form input.submit{
	float:right;
	background:#4a5c54;
	color:#fff;
	padding:2px 12px;
	border:none;
}











#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #9fa0a4;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 0; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0;
}
#lightbox-container-image-data {
	height:33px;
	padding:12px 10px 0 8px;
	color: #fff;
	background:#767676 url(../images/lightbox-bg.gif) repeat-x top;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom:0;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding:0 0 0 0;
}