body{
	font-size: 62.5% !important; 
	font-family: Arial, Verdana, Helvetica,  sans-serif;
	background-color: #F4F4F4;
	color: #555 !important;
	line-height: 1.5em;
}

a{
	outline: none;
	text-decoration: none;
	color: #555;
}

a:hover{
	text-decoration: underline;
}

div.wrapper{
	position: relative;
	margin: 100px auto;
	width: 750px;
	height: 450px;
	border: 1px solid #E8E8E8;
	background: white;
}

div.header{
	position: relative;
	height: 115px;
}

div.left-menu-holder{
	float: left;
	width: 30px;
	margin: 0 32px 0 0px;
}

div.image-holder{
	float: left;
	width: 260px;
	text-align: right;
}

div.image-holder.matrix{
	margin-top: -20px;
}

div.matrix-item{
	cursor: pointer ;
	color: #eee;
	width: 70px;
	text-align: center;
	line-height: 63px;
	float: left;
	font-size: 3em;
}

div.matrix-item.over{
	color: #999;
}
div.matrix-item.out{
	color: #666;
}


div.content-holder{
	float: left;
	width: 400px;
}

div.content-holder.proudly,
div.content-holder.references{
	width: 660px;
}

div.footer{
	clear: both;
}

div.clearboth{
	clear: both;
}

a.featured-logo{
}

div.image-holder img{
/*	border: 1px solid #DDD;
	padding: 3px;
	*/
}

div.content-holder a.projects span{
	display: none;
}
div.content-holder a.projects{
	display: block;
	float: right;
	margin-right: 10px;
	height: 20px;
	width: 56px;
	background: url(/assets/images/projects.gif) no-repeat 50% 50%;
}

div.content-header{
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-left: 20px;
}


div.content-header h3{
	font-size: 1.4em;
	line-height: 16px;
	margin-top: 2px;
	margin-left: 10px;
	text-transform: uppercase;	
}

div.content-header h3.creative{
	background: url(/assets/images/icons.png) no-repeat;
	padding: 3px 0 3px 20px;
	background-position: 0px 4px;
}

div.content-header h3.visual{
	background: url(/assets/images/icons.png) no-repeat;
	padding: 3px 0 3px 20px;
	background-position: 0px -15px;
}

div.content-header h3.offline{
	background: url(/assets/images/icons.png) no-repeat;
	padding: 3px 0 3px 20px;
	background-position: 0px -34px;
}

div.content-header h3.online{
	background: url(/assets/images/icons.png) no-repeat;
	padding: 3px 0 3px 20px;
	background-position: 0px -53px;
}

div.content-header h3.backing{
	background: url(/assets/images/icons.png) no-repeat;
	padding: 3px 0 3px 20px;
	background-position: 0px -72px;
}



div.content-header ul {
	margin-left: 3px;
}

div.content-header ul li {
	border-right: 1px solid #aaa;
	margin: 5px 0px;
	line-height: 1em;
	color: #9E242E;
	display: block;
	float: left;
	padding: 0px 10px;
}


div.content-header ul li.last {
	border: none;
}

div.content-text{
	clear: both;
	padding-top: 20px;
	margin-left: 30px;
}

div.left-menu-holder ul{
	margin-left: 28px;
}

div.left-menu-holder li{
	position: relative;
	display: block;
	width: 100%;
	height: 23px;
}

div.left-menu-holder a{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000000;
	display: block;
	width:20px;
	height: 22px;
	background: url(/assets/images/left_menu.png) no-repeat;
}

div.left-menu-holder a span{
	display: none;
}

div.left-menu-holder li.creative a{
	background-position: 0px 0px;
}

div.left-menu-holder li.visual a{
	background-position: 0px -22px;
}

div.left-menu-holder li.offline a{
	background-position: 0px -44px;
}

div.left-menu-holder li.online a{
	background-position: 0px -66px;
}

div.left-menu-holder li.backing a{
	background-position: 0px -88px;
}


div.header h1{
	position: absolute;
	top: 15px;
	left: 25px;
	background: url(/assets/images/logo.png) no-repeat;
}

div.header h1 a{
	width: 86px;
	height: 49px;
	display: block;
}

div.header h2{
	position: absolute;
	background:  url(/assets/images/toptext.png) no-repeat;
	width: 209px;
	height: 8px;
	top: -20px;
	right: 25px;
	z-index: 20;
}

div.header h1 span,
div.header h2 span{
	display: none;
}


div.header ul{
	text-align: right;
	float: right;
}

div.header ul li{
	display: block;
	float: left;
	background: white url(../images/top_separator.png) top right no-repeat;
	height: 70px;
	
}


div.header ul a{
	display: block;
	width: 85px;
	height: 70px;
	float: left;
	background: url(../images/top_menu_text.png) 0px 40px no-repeat ;
	text-transform: uppercase;
	color: #7F7F7F;
	font-size: 1em;
}

div.header ul.en li.plus a{
	background-position: -443px 50px;	
	width: 20px;
}

div.header ul.en li.news a{
	background-position: 25px 50px;	
}

div.header ul.en li.about-us a{
	background-position: -87px 50px;	
}

div.header ul.en li.proudly a{
	background-position: -272px 50px;	
}

div.header ul.en li.contact a{
	background-position: -364px 50px;	
}
div.header ul.en li.clients a{
	background-position: -179px 50px;	
}


div.header ul.hu li.plus a{
	background-position: -443px -43px;	
	width: 20px;
}

div.header ul.hu li.news a{
	background-position: 25px -43px;	
}

div.header ul.hu li.about-us a{
	background-position: -87px -43px;	
}

div.header ul.hu li.proudly a{
	background-position: -272px -43px;	
}

div.header ul.hu li.contact a{
	background-position: -364px -43px;	
}
div.header ul.hu li.clients a{
	background-position: -183px -43px;	
}


div.header ul a:hover{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}

div.header ul a span{
	display: none;
}
div.header ul li.last{
	background: none;
}

div.content-holder.news div.entry-list{
	width: 400px;
	position: absolute;
	display: none;
	top: 134px;
	right: 20px;
	/*height: 200px;*/
	background: white;
	overflow: auto;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div.content-holder.news h4 b{
	display: block;
	float: left;
}

div.content-holder.news h4 small{
	display: block;
	float: left;
	line-height: 20px;
	padding-left: 10px;
	font-size: 10px;
	color:#999;
	font-weight: normal;
	text-align: right;
}

a.bullet,
div.content-holder.news div.entry-list ul li{
	display: block;
	padding-left: 10px;
	background: url(/assets/images/bullet.gif) no-repeat  0 50%;;
	margin: 3px 10px;
}

div.content-holder.news div.entry-list ul li small{
	font-size: 10px;
	color:#999;
	font-weight: normal;

}

div.content-holder.news div.content-header{
}

div.content-holder.news{
	width: 660px;
}

div.content-holder.news a.archive-btn{
	display: block;
	width: 80px;
	float: right;
	height: 15px;
	background:  url(/assets/images/archive_btn.gif) no-repeat  top right;
	margin: 3px 0px;
}
div.content-holder.news a.archive-btn span{
	display: none;
	}

div.content-holder.news div.content-text{
	padding-top: 0px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;

}

div.content-holder.news div.content-text h4{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

div.content-holder div.content-text img{
	border: 1px solid #ccc;
	padding: 2px;
	float: left;
	margin: 0 10px 5px 0;
}

div.content-holder div.content-text div.jumpbox{
	float: left;
	padding-bottom: 5px;
	width: 285px;
	margin: 20px 20px 30px 0;
}

div.content-holder div.content-text div.jumpbox small,
div.content-holder div.content-text div.jumpbox a,
div.content-holder div.content-text div.jumpbox p{
	color: #777;
	width: 210px;
	float: left;
	display: block;
}

div.content-holder div.content-text div.jumpbox p{
	line-height: 11px;
}

div.content-holder div.content-text div.jumpbox a{
	font-size: 11px;
	font-weight: bold;
	margin: 	5px 0 3px 0;
}

div.content-holder div.content-text div.jumpbox img{
	margin: 5px;
	margin-bottom: 0px;
	border: none;
	padding: 0;
}

div.content-holder div.content-text div.jumpbox span{
	color: #999;
}

div.content-holder div.content-text div.jumpbox small{
	font-size: 9px;
	clear: both;;
	width: 281px;
	text-align: right;
}

div.content-holder.references a.allprojects-btn{
	display: block;
	width: 100px;
	float: right;
	height: 13px;
	background:  url(/assets/images/all-projects.gif) no-repeat  top right;
	margin-top: 5px;
}

div.content-holder.references a.allprojects-btn.hu{
	background-position:  bottom right;
}

div.content-holder.references a.allprojects-btn span{
	display: none;
}


div.content-holder.references div.reference-list-outer div.shade-bttm
,div.content-holder.references div.reference-list-outer div.shade-top{
	position: absolute; 
	z-index: 60;
	height: 10px;
}

div.content-holder.references div.reference-list-outer div.shade-bttm{
	background: url(/assets/images/shade_bttm.png);
	bottom: 0px;
	left: 0px;
}
div.content-holder.references div.reference-list-outer div.shade-top{
	background: url(/assets/images/shade_top.png);
	top: 0px;
	left: 0px;
}

div.content-holder.references div.reference-list-outer div.shade-bttm{
	float: left; 
}


div.content-holder.references div.reference-list-inner div.item{
	float: left; 
}

div.content-holder.references div.reference-list-inner div.item a{
	margin-right: 5px; 
	position: relative;
	float: left; 
	margin-bottom: 5px; 
	border: 1px solid #fff;
	padding: 5px;
}

div.content-holder.references div.reference-list-inner div.item a span{
	display: none;
	position: absolute;
	width: 120px;
	text-align: center;
	height: 20px;
	top: 30px;
	left: 0px;
	
}

div.content-holder.references div.reference-list-inner div.item a.thickbox:hover{
	border: 1px solid #ddd;
	text-decoration: none;
}
div.content-holder.references div.reference-list-inner div.item a.thickbox:hover span{
	display: block;
}

div.content-holder.references div.reference-list-inner div.item a.thickbox:hover img{
  filter:alpha(opacity=20);
  opacity: 0.2;
}


div.content-holder.references div.reference-list-inner div.item a img{
	padding: 10px;
	margin: 0;
}

div.content-holder.references dl{
	width: 198px;
	height: 92px;
	margin: 2px;
	background: white;
	border: 1px solid  #f1f1f1;
	float: left;
	position: relative;
	line-height: 1em;
}

div.content-holder.references dd,
div.content-holder.references dt{
	margin-left: 95px;
	margin-right: 5px;
	color: #777;
	font-size: 0.9em;
}
div.content-holder.references dt{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1em;
	color: #555;
	text-transform: uppercase;
}

div.content-holder.references dd.url {
	margin-top: 5px;

}

div.content-holder.references dd.image {
	margin: 0;
	position: absolute;
	top: 5px;
	left: 5px;
}
div.content-holder.references dd.image img{
	border: 1px solid #f5f5f5;
}
div.content-holder.proudly div.content-text{
	padding-top:5px;
}
div.content-holder.proudly div.content-text p{
	margin-bottom: 10px;
	display: none;
}
div.content-holder.proudly div.proudly-data{
	width: 400px;
	float: left;
}

div.content-holder.proudly div.proudly-data h4{
	margin-top: 15px;
	font-size: 1.5em;
	padding-bottom: 5px;
	padding-left: 10px;
}


div.content-holder.proudly ul.list{
/*	margin: 10px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;*/
}

div.content-holder.proudly ul.list li{
	line-height: 2em;
	margin-right: 10px;
	display: inline;
	color: #9E242E;
	
}

div.content-holder.proudly ul.list li a{
	color: ;
}


div.content-holder.proudly div.proudly-data {
	width: 200px;
}

div.content-holder.proudly div.image-holder {
	width: 210px;
	height: 210px;
	margin-top: 20px;
	overflow: hidden;
}

div.content-holder.proudly div.image-holder img{
	border: none;
}
div.content-holder.proudly div.proudly-data ul li{
	font-size: 11px;
	line-height: 12px;
	display: block;
	margin-bottom: 5px;
	margin-left: 10px;
	color: #999
}

div.content-holder.proudly div.proudly-data ul span,
div.content-holder.proudly div.proudly-data ul strong{
	display: block;
}

div.slideshow-holder img{
float: left;

}

div.slideshow-holder p{
margin-left: 210px;
}

div.slideshow-holder b{
	font-weight: bold;
}

div.content-holder.proudly div.proudly-data ul strong{
	font-weight: bold;
}
div.content-holder.proudly div.proudly-data ul span{
	text-align: left;
}
div.content-holder.proudly div.proudly-image {
	margin-top: 15px;
	text-align: center;
	float: left;
}

div.content-holder.proudly div.proudly-image img{
	border: 1px solid #DDD;
	padding: 3px;
}
.slidenav {
	height: 30px;
	position: relative;
}

.slidenav  a:hover{
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

.slidenav  a.prev{
	display: block;
	z-index: 200;
	width: 150px;
	height: 240px;
	background:  url(/assets/images/slide_arrow.gif) no-repeat -10px bottom;
	position: absolute;
	top: -230px;
	left: 10px;
}
.slidenav  a.next{
	display: block;
	z-index: 200;
	width: 150px;
	height: 240px;
	background:  url(/assets/images/slide_arrow.gif) no-repeat 140px bottom;
	position: absolute;
	top: -230px;
	right:  10px;
}

.slidenav .nav{
	text-align: center;
	display: block;
}
.slidenav .nav a{
	background: url(/assets/images/slide_indicator.gif) no-repeat top left;
	padding: 0px 4px;
	height: 0px;
	margin:0 0 0 5px;
}


.slidenav .nav a.activeSlide{
	background-position: top right;
}

.slidenav a span{
	line-height: 0.1em;
	display: none;
}

form#contact-form {
	position: relative;
}

form#contact-form div.message{
	position: absolute;
	width: 200px;
	left: 30px;
	top: 10px;
	background: white;
	text-align: left;
}

form#contact-form div.message div.warning{
	margin: 5px;;
}

form#contact-form div.message li{
	color: red;
}

form#contact-form .item{
	background: #f4f4f4;
	border: 1px solid #e8e8e8;
	clear: both;
	margin-bottom: 3px;
	height: 16px;
	margin-left: 10px;
	padding: 1px;
}

form#contact-form div.item.textarea{
	height: 90px;
}
form#contact-form label{
	width: 70px;
	text-align: left;
	float: left;
	margin-left: 5px;
	display: block;
	height: 18px;
}

form#contact-form input{
	text-align: left;
	float: left;
	display: block;

	width: 170px;
	height: 16px;
	background: #f4f4f4;
}
form#contact-form textarea{
	text-align: left;
	float: left;
	display: block;
	border: none;
	height: 80px;
	width: 170px;
	background: #f4f4f4;
}
form#contact-form input.submit{
	display: block;
	padding-left: 10px;
	background: url(/assets/images/bullet.gif) no-repeat  0 50%;
	margin: 3px 0px;
	font: 10px Arial;
	color: #888;
	float: right;
	width: auto;
	cursor: pointer
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window .nav a {
	margin: 0 4px;
}

#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#fafafa;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 1px solid #eeeeee;
  text-align:left;
  top:350px;
  left:50%;
  width: 450px !important;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
	display: none;
}
#TB_ajaxContent{
  clear:both;
  overflow:hidden;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

a.featured-logo{
	position: absolute;
	display: block;
	z-index: 10;
	bottom: -80px;
	right: -1px;
}

ul.lang-select{
	position: absolute;
	bottom: -20px;
}


ul.lang-select li a{
	display: block;
	height: 10px;
	width: 14px;
	background: url(/assets/images/lang.gif) no-repeat;
}

ul.lang-select li a.en{
	background-position: 0 -13px ;
}
ul.lang-select li a.hu{
	background-position: 0px 0px;
}

ul.lang-select li a span{
	display: none;
}