body{margin:0; padding:0; font-family:trebuchet ms, helvetica, sans-serif; font-size:13px; color:#555; line-height:21px;}
a{text-decoration:none; color:#555;}
a:hover{color:#f44f37;}

p{margin:10px 0;}
.anchor p{margin:0; padding:0;}

.fixedheader{position:fixed; left:0; top:0; height:50px; width:100%; background:#fff;}
.header{margin:0 auto; border-bottom:2px solid #f44f37; height:50px; width:95%;}

.maintitle{float:left;}
.mainmenu{float:left; height:45px; font-size:14px; margin:0 0 0 40px;}
ul{margin:0; padding:0;}
li{display:inline;}

a.menu_home{background:url(images/menu-home.png) no-repeat; height:45px; width:67px; display:block; float:left;}
a:hover.menu_home, a.menu_home.active{background:url(images/menu-home_on.png) no-repeat;}
a.menu_websites{background:url(images/menu-websites.png) no-repeat; height:45px; width:87px; display:block; float:left;}
a:hover.menu_websites, a.menu_websites.active{background:url(images/menu-websites_on.png) no-repeat;}
a.menu_logos{background:url(images/menu-logos.png) no-repeat; height:45px; width:70px; display:block; float:left;}
a:hover.menu_logos, a.menu_logos.active{background:url(images/menu-logos_on.png) no-repeat;}
a.menu_photos{background:url(images/menu-photos.png) no-repeat; height:45px; width:76px; display:block; float:left;}
a:hover.menu_photos, a.menu_photos.active{background:url(images/menu-photos_on.png) no-repeat;}
a.menu_illustrations{background:url(images/menu-illustrations.png) no-repeat; height:45px; width:103px; display:block; float:left;}
a:hover.menu_illustrations, a.menu_illustrations.active{background:url(images/menu-illustrations_on.png) no-repeat;}
a.menu_motiongraphics{background:url(images/menu-motiongraphics.png) no-repeat; height:45px; width:121px; display:block; float:left;}
a:hover.menu_motiongraphics, a.menu_motiongraphics.active{background:url(images/menu-motiongraphics_on.png) no-repeat;}
a.menu_banners{background:url(images/menu-banners.png) no-repeat; height:45px; width:83px; display:block; float:left;}
a:hover.menu_banners, a.menu_banners.active{background:url(images/menu-banners_on.png) no-repeat;}
a.menu_prints{background:url(images/menu-prints.png) no-repeat; height:45px; width:83px; display:block; float:left;}
a:hover.menu_prints, a.menu_prints.active{background:url(images/menu-prints_on.png) no-repeat;}

.maincontent{margin:0px auto 50px auto; width:95%;}
.column{float:left; margin:0 40px 0 0;}
.col-1{width:220px;}
.col-2{width:140px;}
ul.links{margin:10px 0 0 13px; padding:0;}
ul.links li{display:list-item; list-style-type:square;}
.sample{width:210px; /*height:70px;*/ border:5px solid #eee; display:block; background:#efe; margin:15px 0;}
.sample:hover{border:5px solid #f44f37;}
.icon{float:left; width:16px; height:16px; display:block; margin:0 7px 7px 0;}

.thumbnails{width:850px;}
.thmb{float:left; width:125px; height:125px; border:5px solid #eee; margin:0 5px 5px 0; display:block; background:#f90;}
.thmb:hover{border:5px solid #f44f37;}
.workcontent{margin:100px 0 0 0;}


/*websites*/
.before{width:800px; height:30px; background:transparent url(images/up.png) center no-repeat; display:block; border-bottom:1px solid #ccc;}
.before:hover{background:transparent url(images/up-on.png) center no-repeat;}
.after{width:800px; height:30px; background:transparent url(images/down.png) center no-repeat; display:block; border-top:1px solid #ccc;}
.after:hover{background:transparent url(images/down-on.png) center no-repeat;}

.spacer{height:120px;}
.anchor{height:70px;}

h2{margin:0; padding:20px 0; font-size:20px; font-weight:normal; color:#555; width:800px;}
.web-works{width:800px; height:285px;}
.web-img{width:600px; height:250px; border:5px solid #eee; display:block; margin:0px; float:left;}
.web-img:hover{border:5px solid #f44f37;}
.web-inf{margin:0px 0 0 0; float:right; width:170px; height:240px; line-height:20px; background:#eee; padding:10px;}

.gastro{background:url(websites/web-gastro.jpg) no-repeat center; display:block;}
.pws{background:url(websites/web-pws.jpg) no-repeat center; display:block;}
.knx{background:url(websites/web-knx.jpg) no-repeat center; display:block;}
.mvgyosz{background:url(websites/web-mvgyosz.jpg) no-repeat center; display:block;}
.nyomui{background:url(websites/web-nyomui.jpg) no-repeat center; display:block;}
.nyomkovetes{background:url(websites/web-nyomkovetes.jpg) no-repeat center; display:block;}
.koarcok{background:url(websites/web-koarcok.jpg) no-repeat center; display:block;}
.pazsitmester{background:url(websites/web-pazsitmester.jpg) no-repeat center; display:block;}
.rolex{background:url(websites/web-rolex.jpg) no-repeat center; display:block;}
.lovanyi{background:url(websites/web-lovanyi.jpg) no-repeat center; display:block;}
.bathori{background:url(websites/web-bathori.jpg) no-repeat center; display:block;}
.inepex{background:url(websites/web-inepex.jpg) no-repeat center; display:block;}
.inepexgps{background:url(websites/web-inepexgps.jpg) no-repeat center; display:block;}
.polgarhaz{background:url(websites/web-polgarhaz.jpg) no-repeat center; display:block;}
.sminkart{background:url(websites/web-sminkart.jpg) no-repeat center; display:block;}

/*logos*/
.logo-caffe{background:url(logos/logo-caffe.jpg) no-repeat center; display:block;}
.logo-nyomkovetes{background:url(logos/logo-nyomkovetes.jpg) no-repeat center; display:block;}
.logo-pazsitmester{background:url(logos/logo-pazsitmester.jpg) no-repeat center; display:block;}
.logo-lovanyi{background:url(logos/logo-lovanyi.jpg) no-repeat center; display:block;}
.logo-inepex{background:url(logos/logo-inepex.jpg) no-repeat center; display:block;}
.logo-pixelsome{background:url(logos/logo-pixelsome.jpg) no-repeat center; display:block;}
.logo-caffecentro{background:url(logos/logo-caffecentro.jpg) no-repeat center; display:block;}
.logo-hkk{background:url(logos/logo-hkk.jpg) no-repeat center; display:block;}
.logo-eroba{background:url(logos/logo-eroba.jpg) no-repeat center; display:block;}
.logo-noa{background:url(logos/logo-noa.jpg) no-repeat center; display:block;}
.logo-beco{background:url(logos/logo-beco.jpg) no-repeat center; display:block;}
.logo-kaloprint{background:url(logos/logo-kaloprint.jpg) no-repeat center; display:block;}

/*illustrations*/
.illu-cricket{background:url(illustrations/illu-cricket.jpg) no-repeat center; display:block;}
.illu-oakley{background:url(illustrations/illu-oakley.jpg) no-repeat center; display:block;}
.illu-droors{background:url(illustrations/illu-droors.jpg) no-repeat center; display:block;}
.illu-airplane{background:url(illustrations/illu-airplane.jpg) no-repeat center; display:block;}
.illu-gaa{background:url(illustrations/illu-gaa.jpg) no-repeat center; display:block;}
.illu-masket{background:url(illustrations/illu-masket.jpg) no-repeat center; display:block;}
.illu-syzygy{background:url(illustrations/illu-syzygy.jpg) no-repeat center; display:block;}
.illu-suffer{background:url(illustrations/illu-suffer.jpg) no-repeat center; display:block;}
.illu-freelove{background:url(illustrations/illu-freelove.jpg) no-repeat center; display:block;}
.illu-bluu{background:url(illustrations/illu-bluu.jpg) no-repeat center; display:block;}

/*motion*/
.motion-koarcok{background:url(motion/koarcok-visual.jpg) no-repeat center; display:block;}
.motion-info{background:url(motion/information-centre.jpg) no-repeat center; display:block;}

.visualframe{width:500px; height:370px; border:none;}
.mot-works{width:575px; height:360px; margin:0 0 20px 0;}
.mot-img{width:375px; height:350px; border:5px solid #eee; display:block; margin:0px; float:left;}
.mot-inf{margin:0px 0 0 0; float:right; width:170px; height:340px; line-height:20px; background:#eee; padding:10px;}

/*banners*/
.banner-mnb{background:url(banners/banner-mnb.jpg) no-repeat center; display:block;}
.banner-egiporaz{background:url(banners/banner-egiporaz.jpg) no-repeat center; display:block;}
.banner-kredenc{background:url(banners/banner-kredenc.jpg) no-repeat center; display:block;}
.banner-bookline{background:url(banners/banner-bookline.jpg) no-repeat center; display:block;}

/*prints*/
.print-visualspot{background:url(prints/print-visualspot.jpg) no-repeat center; display:block;}
.print-supermassive{background:url(prints/print-supermassive.jpg) no-repeat center; display:block;}
.print-koarcok{background:url(prints/print-koarc.jpg) no-repeat center; display:block;}
.print-egiporaz{background:url(prints/print-egiporaz.jpg) no-repeat center; display:block;}
.print-hindish{background:url(prints/print-hindi.jpg) no-repeat center; display:block;}

/*.logos{width:800px;}*/
.logo-item{float:left; margin:0 20px 20px 0; border:3px solid #eee;}



.fixedfooter{position:fixed; left:0; bottom:0px; width:100%; background:#fff;}
.footer{margin:0 auto; border-top:2px solid #f44f37; height:5px; width:95%;}