@charset "utf-8";
/* CSS Document */

body {
	margin: 20px 0 0 0;
	font-family: arial;
	font-size: 12px;
	text-decoration: none;
	background-image:url(images/bg.jpg);
}

a:active {
	outline: none;
	outline: 0;
}

a:focus {
	-moz-outline-style: none;
	outline:none;
}

#main {
	width: 1020px ;
	height: 739px; /* 600 */
	margin-left: auto ;
	margin-right: auto ;
}

#container {
	position:relative;
	top:0px;
	left:0px;
	width:1020px;
	height:615px; /* 461 */
	background-image:url(images/container.png);
	background-repeat:no-repeat;
	overflow:hidden;
}

#gray {
	position:absolute;
	top:108px;
	left:25px;
	width:970px;
	height:480px; /* 370 */
	background-color:#EEE;
	display: block;
}

#tartalom {
	position:absolute;
	/*display:block; */
	top:13px;
	left:13px;
	width:944px;
	height:445px; /* 306 */
	overflow:auto;
}


/* NAVIGATION ------------------------------------------------------------------------------------ */
.nav_container {
	width: 1600px;
	height: 37px;
	margin: 0px;
	position: absolute;
	font-size: 1.2em;
	}
	
ul#navigation {
	margin: 35px 0 0 0;
	padding: 0px;
	list-style: none;
	float: right;
	/*width: 1600px;
	/*display: block;
	height::37px;*/
}

ul#navigation li {
	float: left;
	margin: 0px; 
	padding: 0px;
}

ul#navigation a {
	margin-top:8px;
	float: left;
	display: block;
	height: 37px; /*--Specify height of navigation--*/
	text-indent: -99999px; /*--Shoot the text off the page--*/
	/*background-repeat:no-repeat;*/
	background-position: left top;

}

ul#navigation li.aboutus a {
	background-image:url(images/nav_aboutus.png);
	width: 120px;
}
ul#navigation li.aboutus a:hover {
	background-image:url(images/nav_aboutus_hi.png);
	width: 120px;
}
ul#navigation li.services a {
	background-image:url(images/nav_services.png);
	width: 101px;
}
ul#navigation li.services a:hover {
	background-image:url(images/nav_services_hi.png);
	width: 101px;
}
ul#navigation li.references a {
	background-image:url(images/nav_references.png);
	width: 130px;
}
ul#navigation li.references a:hover {
	background-image:url(images/nav_references_hi.png);
	width: 130px;
}
ul#navigation li.partners a {
	background-image:url(images/nav_partners.png);
	width: 116px;
}
ul#navigation li.partners a:hover {
	background-image:url(images/nav_partners_hi.png);
	width: 116px;
}
ul#navigation li.contact a {
	background-image:url(images/nav_contact.png);
	width: 116px;
}
ul#navigation li.contact a:hover {
	background-image:url(images/nav_contact_hi.png);
	width: 116px;
}

body#aboutus div#main div#container {
	background-image:url(images/container_aboutus_n.png);
	background-position: 0 35px;}

body#services div#main div#container {
	background-image:url(images/container_services_n.png);
	background-position: 0 35px;}

body#references div#main div#container {
	background-image:url(images/container_references_n.png);
	background-position: 0 35px;}

body#partners div#main div#container {
	background-image:url(images/container_partners_n.png);
	background-position: 0 35px;}

body#contact div#main div#container {
	background-image:url(images/container_contact_n.png);
	background-position: 0 35px;}

ul#navigation li.rolunk a {
	background-image:url(images/nav_rolunk.png);
	width: 109px;
}
ul#navigation li.rolunk a:hover {
	background-image:url(images/nav_rolunk_hi.png);
	width: 109px;
}
ul#navigation li.szolgaltatasaink a {
	background-image:url(images/nav_szolgaltatasaink.png);
	width: 200px;
}
ul#navigation li.szolgaltatasaink a:hover {
	background-image:url(images/nav_szolgaltatasaink_hi.png);
	width: 200px;
}
ul#navigation li.referenciak a {
	background-image:url(images/nav_referenciak.png);
	width: 145px;
}
ul#navigation li.referenciak a:hover {
	background-image:url(images/nav_referenciak_hi.png);
	width: 145px;
}
ul#navigation li.partnereink a {
	background-image:url(images/nav_partnereink.png);
	width: 149px;
}
ul#navigation li.partnereink a:hover {
	background-image:url(images/nav_partnereink_hi.png);
	width: 149px;
}
ul#navigation li.kapcsolat a {
	background-image:url(images/nav_kapcsolat.png);
	width: 138px;
}
ul#navigation li.kapcsolat a:hover {
	background-image:url(images/nav_kapcsolat_hi.png);
	width: 138px;
}

body#rolunk div#main div#container {
	background-image:url(images/container_rolunk_n.png);
	background-position: 0 35px;
}
body#szolgaltatasaink div#main div#container {
	background-image:url(images/container_szolgaltatasaink_n.png);
	background-position: 0 35px;
}
body#referenciak div#main div#container {
	background-image:url(images/container_referenciak_n.png);
	background-position: 0 35px;
}
body#partnereink div#main div#container {
	background-image:url(images/container_partnereink_n.png);
	background-position: 0 35px;
}
body#kapcsolat div#main div#container { background-image:url(images/container_kapcsolat_n.png); 
background-position: 0 35px; 
}
/* END OF NAVIGATION ------------------------------------------------------------------------------------ */




/* SERVICES NAVIGATION ------------------------------------------------------------------------------------ */
ul#serv_navigation {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 200px;
	/*display: block;
	height::37px;*/
}
ul#serv_navigation li {
	float: left;
	margin: 0px; 
	padding: 0px;
}
ul#serv_navigation a {
	margin-bottom:10px;
	float: left;
	display: block;
	height: 36px; /*--Specify height of navigation--*/
	text-indent: -99999px; /*--Shoot the text off the page--*/
	/*background-repeat:no-repeat;*/
	background-position: left top;
}
ul#serv_navigation li.ambientmediaserv a {
	background-image:url(images/serv_amb_med_serv.png);
	width: 200px;
}
ul#serv_navigation li.ambientmediaserv a:hover {
	background-image:url(images/serv_amb_med_serv_hi.png);
	width:200px;
}
ul#serv_navigation li.ambientmediaserv_p a {
	background-image:url(images/serv_amb_med_serv_hi.png);
	width:200px;
}

ul#serv_navigation li.btlcommunication a {
	background-image:url(images/serv_btl_comm.png);
	width: 200px;
}
ul#serv_navigation li.btlcommunication a:hover {
	background-image:url(images/serv_btl_comm_hi.png);
	width:200px;
}
ul#serv_navigation li.btlcommunication_p a {
	background-image:url(images/serv_btl_comm_hi.png);
	width: 200px;
}
ul#serv_navigation li.outdoormediasolution a {
	background-image:url(images/serv_outd_med_sol.png);
	width: 200px;
}
ul#serv_navigation li.outdoormediasolution a:hover {
	background-image:url(images/serv_outd_med_sol_hi.png);
	width:200px;
}
ul#serv_navigation li.outdoormediasolution_p a {
	background-image:url(images/serv_outd_med_sol_hi.png);
	width:200px;
}

ul#serv_navigation li.ambientmedia a {
	background-image:url(images/serv_amb_med.png);
	width: 200px;
}
ul#serv_navigation li.ambientmedia a:hover {
	background-image:url(images/serv_amb_med_hi.png);
	width:200px;
}
ul#serv_navigation li.ambientmedia_p a {
	background-image:url(images/serv_amb_med_hi.png);
	width:200px;
}

ul#serv_navigation li.btlkommunikacio a {
	background-image:url(images/serv_btl_komm.png);
	width: 200px;
}
ul#serv_navigation li.btlkommunikacio a:hover {
	background-image:url(images/serv_btl_komm_hi.png);
	width:200px;
}
ul#serv_navigation li.btlkommunikacio_p a {
	background-image:url(images/serv_btl_komm_hi.png);
	width:200px;
}
ul#serv_navigation li.outdoormegoldasok a {
	background-image:url(images/serv_outd_megold.png);
	width: 200px;
}
ul#serv_navigation li.outdoormegoldasok a:hover {
	background-image:url(images/serv_outd_megold_hi.png);
	width:200px;
}
ul#serv_navigation li.outdoormegoldasok_p a {
	background-image:url(images/serv_outd_megold_hi.png);
	width:200px;
}
/* END OF SERVICES NAVIGATION ------------------------------------------------------------------------------------ */

/* REFERENCES NAVIGATION ------------------------------------------------------------------------------------ */
ul#ref_navigation {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 140px;
	/*display: block;
	height::37px;*/
}
ul#ref_navigation li {
	float: left;
	margin: 0px; 
	padding: 0px;
}
ul#ref_navigation a {
	margin-bottom:10px;
	float: left;
	display: block;
	height: 36px; /*--Specify height of navigation--*/
	text-indent: -99999px; /*--Shoot the text off the page--*/
	/*background-repeat:no-repeat;*/
	background-position: left top;
}
ul#ref_navigation li.photo_hu a {
	background-image:url(images/ref_photo_hu.png);
	width: 140px;
}
ul#ref_navigation li.photo_hu a:hover {
	background-image:url(images/ref_photo_hu_hi.png);
	width:140px;
}
ul#ref_navigation li.photo_hu_p a {
	background-image:url(images/ref_photo_hu_hi.png);
	width:140px;
}
ul#ref_navigation li.video_hu a {
	background-image:url(images/ref_video_hu.png);
	width: 140px;
}
ul#ref_navigation li.video_hu a:hover {
	background-image:url(images/ref_video_hu_hi.png);
	width:140px;
}
ul#ref_navigation li.video_hu_p a {
	background-image:url(images/ref_video_hu_hi.png);
	width:140px;
}
ul#ref_navigation li.photo_en a{
	background-image:url(images/ref_photo_en.png);
	width: 140px;
}
ul#ref_navigation li.photo_en a:hover{
	background-image:url(images/ref_photo_en_hi.png);
	width:140px;
}
ul#ref_navigation li.photo_en_p a{
	background-image:url(images/ref_photo_en_hi.png);
	width:140px;
}
ul#ref_navigation li.video_en a {
	background-image:url(images/ref_video_en.png);
	width: 140px;
}
ul#ref_navigation li.video_en a:hover {
	background-image:url(images/ref_video_en_hi.png);
	width:140px;
}
ul#ref_navigation li.video_en_p a {
	background-image:url(images/ref_video_en_hi.png);
	width:140px;
}

/* END OF REFERENCES NAVIGATION ------------------------------------------------------------------------------------ */










img {
	border:none;
}



	
	
#footer {
	display:block;
	width:970px;
	margin-left: auto ;
	margin-right: auto ;

}
#footer_left {
	float:left;
	display: block;
	width:130px;
	color:#666;
	font-weight:bold;
	font-size:12px;
	text-align:left;
}
#footer_mid {
	float:left;
	display: block;
	width:100px;
	color:#666;
	font-size:12px;
	text-align:left;
}
#footer_right {
	float:right;
	display: block;
	width:740px;
	color:#666;
	font-weight:bold;
	font-size:12px;
	text-align:right;
}

div#footer a {color:#666; text-decoration:none;}
div#footer a:hover {color:##666; text-decoration:none;}


h1 {
	color:#888;
	font-size:26px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	display:block;
}




#kapcs {
	background-color:#FFF;
	width:500px;
	height:390px; /* 280 */
	float:left;
	padding:13px;
	font-weight:bold;
	color:#888;
	
	opacity:0;
	filter:alpha(opacity=0); 
}

#kapcs a:link{ text-decoration:underline; color:#888;}
#kapcs a:hover{ text-decoration:underline; color:#CCC;}

#email {
	background-color:#FFF;
	margin-left:13px;
	width:378px;
	height:390px; /* 280 */
	float:left;
	padding:13px;
	font-weight:bold;
	color:#888;
	
	opacity:0;
	filter:alpha(opacity=0); 
}


	
#kuldes {
	height:35px;
	width:69px;
	background-image:url(images/button_kuldes_gray.png);
	background-repeat:no-repeat;
	text-indent: -99999px; /*--Shoot the text off the page--*/
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
	}	

#aboutus_image {
	background-color:#FFF;
	width:944px; /* 378 */
	height:410px; /* 390 */
	float:left;
	padding:0px; /* 13 */
	font-weight:bold;
	color:#888;
	position:relative;
	
}
#aboutus_txt {
	/*background-color:#FFF;*/
	background:url(images/white_bg_80.png) repeat;
	width:290px;
	height:384px;
	float:left;
	padding:13px;
	font-weight:bold;
	color:#888;
	text-transform:uppercase;
	position: absolute;
	top: 0; left: 0;
	display: none;
	overflow:hidden;
}

.aboutus_slide {
	width: 944px; /* 376 */
	height: 410px; /* 278 */
	}

#ambient_txt {
	/*background-color:#FFF;*/
	background:url(images/white_bg_80.png) repeat;
	width:230px;
	height:384px;
	float:right;
	padding:13px 13px 13px 13px;
	font-weight:bold;
	color:#888;
	text-transform:uppercase;
	position: absolute;
	top: 0; right: 0;
	display: none;
	overflow:hidden;
}

#ambient_image {
	background-color:#FFF;
	width:944px; /* 378 */
	height:410px; /* 390 */
	float:left;
	padding:0px; /* 13 */
	font-weight:bold;
	color:#888;
	position:relative;
	
}

.aambient_slide {
	width: 730px; 
	height: 410px; 
	}

#references_left {
	width:140px;
	height:390px; /* 280 */
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	color:#888;
}
#references_right {
	background-color:#FFF;
	width:764px;
	height:390px; /* 280 */
	float:left;
	padding:13px;
	font-weight:bold;
	color:#888;
	text-transform:uppercase;
	margin-left:13px;
	overflow:hidden;
}

#sent {
	position:absolute;
	bottom:35px;
}

#services_left {
	width:200px;
	height:390px;
	float:left;
	font-weight:bold;
	color:#888;
	}

#services_right {
	background-color:#FFF;
	width:730px;
	height:410px;
	float:left;
	padding: 0px;
	font-weight:bold;
	color:#888;
	text-transform:uppercase;
	margin-left:13px;
	overflow:hidden;

	}
	
#services_right a:link{ text-decoration:underline; color:#888;}
#services_right a:visited{ text-decoration:underline; color:#888;}
#services_right a:hover{ text-decoration:underline; color:#CCC;}

/* LISTS ----------------------------------------------------------------------------------------------*/
ul#listul li {
	margin:5px;
	list-style-image:url(images/list_sq.png);/* */
	}
	
ul#listul_gray {
	padding:0px;
	margin:0px 0px 0px 20px;
}	
ul#listul_gray li {
	margin-bottom:5px;
	list-style-image:url(images/list_gray.png);
	margin-left:0px;
	padding-left:0px;
	}	
ul#listul_gray li a {
	margin:5px;
	list-style-image:url(images/list_gray.png);
	margin-left:0px;
	padding-left:0px;
	text-decoration:none;
	color:#888;
	}	
	
ul {
	margin:5px;
	list-style-image:url(images/list_sq.png);
	}
/* END OF LISTS ----------------------------------------------------------------------------------------------*/
	
#logos {
	width:175px;
	height: 92px;
	float:left;
	background:#FFF;
	margin-right:13px;
	margin-bottom:13px;
	padding-left:3px;
	opacity:1;filter:alpha(opacity=100)
	}	
	
#logos a {
	width:175px;
	height: 92px;
	float:left;
	background:#FFF;
/*	margin-right:13px;
	margin-bottom:13px;
*/	opacity:0.5;
	filter:alpha(opacity=50);
	}		
		
	
#logos a:hover {
	width:172px;
	height: 92px;
	float:left;
	background:#FFF;
/*	margin-right:13px;
	margin-bottom:13px;
*/	opacity:1;
	filter:alpha(opacity=100);
	}	

#video_list {
	width:250px;
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	color:#888;
	}

#video {

	float:left;
	font-weight:bold;
	color:#888;
	}

/* PHOTO GALLERY -------------------------------------------------------------------------------*/
#gallery_browser {
	position:relative;
	height:390px; /* 280 */
	width:385px;
	float:left;
	overflow:hidden;
	}
	
#gallery_browser_in {

	}

#gallery_browser_controll {
	height:30px;
	width:385px;
	text-align:center;
	float:left;
	font-size:18px;
	font-weight:normal;
	margin-top:30px;
	}
	
#gallery_nezoke {
	height:370px; /* 370 */ /* 280 */ 
	width:374px;
	float:left;
	background-image:url(images/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
	
	}

#gallery_thumb {
	text-align:center;
	margin-right:13px;
	margin-bottom:16px; /* 13 */
	width:115px;
	height:86px;
	float:left;
	opacity:1;
	filter:alpha(opacity=100);
	}
#gallery_thumb a {
	margin-right:13px;
	margin-bottom:13px;
	width:115px;
	height:86px;
	float:left;
	opacity:0.5;
	filter:alpha(opacity=50);
	}
#gallery_thumb a:hover{
	margin-right:13px;
	margin-bottom:13px;
	width:115px;
	height:86px;
	float:left;
	opacity:1;
	filter:alpha(opacity=100);
	}

#gallery_arrows {
	height:390px;
	width:374px;
	float:left;;
	text-align:center;
	visibility:hidden;
	}
	
#references_div {
	background-color:#FFF;
	width:764px;
	height:390px;
	float:left;
	font-weight:bold;
	color:#888;
	text-transform:uppercase;
	margin-left:13px;
}

/* END OF PHOTO GALLERY -------------------------------------------------------------------------------*/



/* Preload -------------------------------------------------------------------------------------------------------------*/
body#preload {
	margin: 150px 0 0 0;
	text-align:center;
	font-family: arial;
	font-size: 12px;
	text-decoration: none;
	background:none;
}

#preload_man {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:0px;
	height: 280px;
	width: 190px;
	background-image:url(images/preload_man.png);
	background-repeat:no-repeat;
}

#preload_cover {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top: 0px;
	height: 280px;
	width: 190px;
	background-color:#FFF;
}

#preload_stroke {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top: -280px;
	height: 280px;
	width: 190px;
	background-image:url(images/preload_stroke2.png);
	background-repeat:no-repeat;
}

#preload_loading {
	position:relative;
	top: -260px;
	margin-left:auto;
	margin-right:auto;
	width:190px;
	color:#888;
	font-size:13px;
	font-weight:normal;
}


#preload_enter {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	top:150px;
	width:300px;
	height:100px;
	font-weight:bold;
	color:#888;
	text-transform:uppercase;	
	}
/* END OF Preload ---------------------------------------------------------------------------------------------- */

ul#gal_menu li {
	margin:5px 5px 5px -15px;
	padding:0; width:136px;
	list-style-image:url(images/list_sq.png);/* */
	float: none;
	margin-bottom:10px;
	float: left;
	display: list-item;
	height: auto; /*--Specify height of navigation--*/
	text-indent: 0; /*--Shoot the text off the page--*/
}


.gray_uppercase, .galeria_menu, ul#gal_menu li a {
	font-weight:bold;
	color: #888;
	text-transform:uppercase;
	line-height: 16px;
	text-decoration:none;
}

p {
	padding:0px;
	margin:0px;
	}

div#container div#mega_logo {
	width: 250px;
	height: 85px;
	float:left;
	
}

/* about_us SLIDER ---------------------------------------------------------------------------------------------- */
#slider1 {
    width: 944px; /* important to be same as image width */
    height: 410px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1 #slider1Content {
    width: 944px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin: 0; padding: 0; list-style-image:none;
}
#slider1 .slider1Image {
    float: left;
    position: relative;
	display: none;
}
#slider1 .slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 918px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
#slider1 .clear {
	clear: both;
}
#slider1 .slider1Image span strong {
    font-size: 16px;
}
#slider1 .left {
	top: 0;
    left: 0;
	width: 250px !important;
	height: 390px;
}
#slider1 .right {
	right: 0;
	top: 0;
	width: 110px !important;
	height: 390px;
}

#slider1 .top {
	top: 0;
	left: 0;
}
#slider1 .bottom {
	bottom: 0;
    left: 0;

#slider1 ul { list-style-type: none;}