* {margin:0; padding:0; list-style:none;}

* html  img, div, a, input { behavior: url(../iepngfix.htc); border:0; }

body {font-family: Arial, Helvetica, sans-serif; margin: 0;	padding: 0;	width: 8758px;	overflow: hidden; background-color:rgb(0,0,0);}

.container {float: left; display: block; position: relative; width:100%;}



#home {width:1024px; height:652px; background-image:url('../gfx/home_uj.jpg');background-repeat:no-repeat; background-position:top left; overflow:visible !important; overflow:hidden;}

#header {height:95px; width:1000px; float:none; margin:0; padding:0; }



#main-menu {float:left; width:580px; height:44px; margin:0 0 0 0; padding:0; position:absolute; top:94px; left:134px;  }

#main-menu ul {list-style-type:none; width:580px; height:44px; margin:0; padding:0; float:right;}

#main-menu ul li {float:left; margin:0; padding:0; text-align:center; font-weight:bold; font-size:12px; color:rgb(130,48,35); line-height:40px;}

#main-menu ul li img {border:0; }

#main-menu ul li a{ color:#5D3B36; text-decoration:none; font-weight:bold;}

#main-menu ul li a:hover{ color:#5D3B36; text-decoration:none; font-weight:bold; }

#main-menu ul li.fooldal {width:100px; height:44px;  }

#main-menu ul li.portfolio {width:112px; height:44px; }

#main-menu ul li.portfolio a {width:112px; height:44px; padding:0; display:block; }

#main-menu ul li.rolunk {width:89px; height:44px;  }

#main-menu ul li.rolunk a {width:89px; height:44px; padding:0; display:block; }

#main-menu ul li.szolgaltatasaink {width:156px; height:44px;  }

#main-menu ul li.szolgaltatasaink a{width:156px; height:44px; padding:0; display:block; }

#main-menu ul li.kapcsolat {width:123px; height:44px;  }

#main-menu ul li.kapcsolat a {width:123px; height:44px; padding:0; display:block; }



#go_home {position:absolute; top:10px; left: 870px; }

#go_home img {border:0; }

.go_back {position:absolute; top:560px; left: 870px; }

.go_back img {border:0; }

.logo {width:300px;  height:134px; float:left; position:relative; top:10px; left:15px; }



.footer {position:absolute; float:right; top:580px; width:839px; margin:0; padding:0; overflow:visible !important; overflow:hidden; }

.copy {position:absolute; float:right;	top:587px;	width:810px;	margin:0;	padding:0;	overflow:visible !important;	overflow:hidden;	font-size:11px;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight:bold;	color:rgb(0,0,0);	left: 140px;}

.copy img {float:left; }

.copy .design {width:350px; float:left; margin:0 5px 0 0; line-height:20px; }
.copy .design2 {width:280px; float:left; margin:0 5px 0 20px; line-height:20px; }

.copy a {font-size:11px;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight:bold;	color:rgb(0,0,0); text-decoration:none;}

.copy a:hover {font-size:11px;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight:bold;	color:rgb(0,0,0); text-decoration:none;}

.like{float:left; margin:0 0 0 0; width:100px;}

.footer ul {list-style-type:none; float:right; }

.footer ul li {display:inline; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:rgb(0,0,0); padding:0 8px 0 8px;}

.footer ul li a {color:rgb(70,24,17); text-decoration:none;}

.footer ul li a:hover {color:rgb(0,0,0); text-decoration:underline;}



#go_to_references {background-image:url('../gfx/go_to_references.jpg'); background-repeat:no-repeat; background-position: top left; width:656px; height:642px;}







/*KEZDOLAP*/

#home-content {width:805px; height:420px; float:left; position:absolute; top:150px; left:150px; overflow:visible !important; overflow:hidden; }

#home-content .intro {width:290px; float:left; margin:20px 0 0 10px; }

#home-content .intro h1 {font-weight:bold; width:240px; display:inline; float:left; font-family: Georgia, Courier, serif; color:rgb(130,48,35); font-size:21px; float:left; margin:15px 10px 15px 0; float:none; }

#home-content .intro p {font-family: Verdana, Arial, Helvetica, sans-serif; color:rgb(130,48,35); font-size:12px; line-height:18px; margin:10px 0 0 0;}

#home-content .intro p a {font-family: Verdana, Arial, Helvetica, sans-serif; color:rgb(130,48,35); font-size:12px; line-height:18px; text-decoration:underline;}

.fresh {height:400px; width:370px; float:left; margin-top:20px; background-image:url('../gfx/bracket_uj.png'); background-repeat:no-repeat; background-position:0 0; }

.fresh h1 {position:relative; top:0; left:35px; float:none; width:109px; height:15px; margin:0 0 0 0; padding:0; font-family: Georgia, Courier, serif; color:rgb(130,48,35); font-size:21px; font-weight:bold;}

.fresh h1 img {position: absolute; top: 0; left: 0; }

.fresh-box {width:370px; margin:0 0 0 0; height:175px; padding:0 0 0 0; }

.fresh-box-img {width:108px; height:104px; background-image:url('../gfx/fresh-bg.png'); background-repeat:no-repeat; position:relative; top:18px; left:35px; float:left; margin:0; }

.fresh-box-img img {margin:9px 6px 4px 5px; float:none; clear:both;}

.like{float:left; margin:0 0 0 0; width:86px;}

.fresh-box-text {float:left;width:170px; height:170px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:rgb(130,48,35); position:relative; top:18px; left:35px; line-height:18px;}

.fresh-box-text a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:rgb(130,48,35); line-height:18px; text-decoration:underline; }

.fresh-box-text a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:rgb(130,48,35); line-height:18px;  text-decoration:underline; }

.hr_div{background:url('../gfx/hr.png'); height:5px; width:100%; background-repeat:no-repeat; margin:5px 0 0 35px; padding:0;}

.newsletter {width:400px; height:62px; float:left; background:url('../gfx/newsletter.png'); background-repeat:no-repeat; }

.newsletter fieldset {border:0; }

.newsletter input {float:left; border:0; width:244px; height:24px; margin:30px 0 0 17px; padding:1px 1px 1px 1px; background-image:url('../gfx/input-bg.png'); background-repeat:no-repeat; font-size:20px; font-family: Georgia, Courier, serif; color:rgb(0,0,0); font-weight:bold; }

.newsletter input.button {float:left;border:0; width:44px; height:41px; margin:20px 0 0 10px; background-image:url('../gfx/input-button.png'); background-repeat:no-repeat;  }

.newsletter input.button:hover {float:left;border:0; width:44px; height:41px; margin:20px 0 0 10px; background-image:url('../gfx/input-button-hover.png'); background-repeat:no-repeat;  }

.share {float:left; width:105px; margin-top:100px;}

.share h1 {position:relative; top:0; left:0px; float:none; width:78px; height:46px; margin:10px 0 10px 0; padding:0; font-family: Georgia, Courier, serif; color:rgb(130,48,35); font-size:17px; font-weight:bold;}

.share h1 img {position: absolute; top: 0; left: 0; }

.share .box {height:37px; line-height:40px; font-size:11px; color:#812F23; margin-bottom:5px;}

.share .box a{color:#812F23; text-decoration:none;}

.share .box a:hover{color:#812F23; text-decoration:none;}

.share .box img{ margin-right:10px;}

/*PORTFOLIÓ*/

#references {width:1024px; height:642px; background-image:url('../gfx/portfolio.jpg'); background-repeat:no-repeat; background-position: top left;}

#go_references {position:absolute; top:10px; left: 870px; }

#go_references img {border:0; }

#references h1 {position:absolute; left:110px;top: 92px;}

#references-content { width:725px; height:430px; float:left; position:absolute; top:80px; left:100px; }

#references-content .references-menu {width:200px; float:left; display:block; }

#references-content .references-menu ul {float:left; list-style-type:none; position:absolute; top:160px; left:60px;}

#references-content .references-menu ul li {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:rgb(130,38,45); display:block; line-height:28px; cursor:pointer;}

#references-content .references-menu ul li a {font-weight:bold; color:rgb(130,38,45); text-decoration:none;}

#references-content .references-menu ul li a:hover {font-weight:bold; color:rgb(0,0,0); text-decoration:none;}

#references-content .references-menu ul li a:focus, #references-content .references-menu ul li a:focus {font-weight:bold; color:rgb(0,0,0); text-decoration:none;}

#portf {position:absolute; left:207px; top:14px !important; top:7px; overflow:hidden; width:480px; height:470px;  }





/*RÓLUNK*/

#about {width:1024px; height:642px; background-image:url('../gfx/about.jpg'); background-repeat:no-repeat; background-position: top left;}

#about h1 {position:absolute; left:145px;top: 50px;}

#go_to_about {background-image:url('../gfx/go_to_about.jpg'); background-repeat:no-repeat; background-position: top left; width:656px; height:642px;}

#go_about {position:absolute; top:10px; left: 870px; }

#go_about img {border:0; }

#about-content { width:725px; height:430px; float:left; position:absolute; top:120px; left:100px;}

#about-content .about-menu {width:250px; float:left; display:block; }

#about-content .about-menu ul {float:left; list-style-type:none; position:absolute; top:20px; left:60px; }

#about-content #about-frame {float:left; width:470px; height:375px; position:absolute; top:20px; left:260px; overflow:hidden;  }

#about-content .about-menu ul li {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:rgb(130,38,45); display:block; line-height:28px;}

#about-content .about-menu ul li a {font-weight:bold; color:rgb(130,38,45); text-decoration:none;}

#about-content .about-menu ul li a:hover {font-weight:bold; color:rgb(0,0,0); text-decoration:none;}

#about-content .about-menu ul li a:active, #about-content .about-menu ul li a:focus {font-weight:bold; color:rgb(0,0,0); text-decoration:none;}

#about-content .arrows {position:absolute; top:400px; left:650px; float:right; width:80px;  }

#about-content .arrows img {border:0; }





.about-text {width:470px; height:375px; float:left;}

.about-text h2{font-family: Georgia, Times, Courier, serif; font-size:20px; color:rgb(130,38,45); margin:0 0 15px 0; padding:0; }

.about-text p{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:rgb(130,38,45); margin:0 0 20px 0; }

.about-text ul {float:left; list-style-type:none; margin:5px 5px 5px 5px; width:420px;  }

.about-text ul li {float:none; display:block; list-style-type:none; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:18px; color:rgb(130,38,45); margin:0 0 10px 0;}

.about-text ul li a {font-size:14px; font-family: Georgia, Courier, serif; color:rgb(130,48,35);  line-height:18px; font-weight:bold; text-decoration:none; }

.about-text ul li a:hover {text-decoration:underline;}

#kikvagyunk {display:none; width:199px; height:205px; background-image:url('../gfx/kik.png'); background-repeat:no-repeat; position:absolute; top:200px; left:20px;}

#kinek {display:none; width:240px; height:189px; background-image:url('../gfx/kinek.png'); background-repeat:no-repeat; position:absolute; top:200px; left:25px;}

#hogyan {display:none; width:278px; height:223px; background-image:url('../gfx/hogyan.png'); background-repeat:no-repeat; position:absolute; top:200px; left:15px;}

#szotar {display:none; width:278px; height:223px; background-image:url('../gfx/szotar.png'); background-repeat:no-repeat; position:absolute; top:200px; left:15px;}

#linkek {display:none; width:278px; height:223px; background-image:url('../gfx/linkek.png'); background-repeat:no-repeat; position:absolute; top:200px; left:15px;}


/*SZOLGÁLTATÁSAINK*/

#services {width:1024px; height:642px; background-image:url('../gfx/services.jpg'); background-repeat:no-repeat; background-position: top left;}

#services h1 {position:absolute; left:495px;top: 40px;}

#go_to_services {background-image:url('../gfx/go_to_services.jpg'); background-repeat:no-repeat; background-position: top left; width:1011px; height:642px;}

#go_services {position:absolute; top:10px; left: 870px; }

#go_services img {border:0; }

#services-content { width:785px; height:430px; float:left; position:absolute; top:120px; left:230px;  }

#services-content .left {width:335px; float:left; margin:0 0 0 0; padding:10px 5px 10px 5px; }

#services-content .right {width:335px; float:left; margin:0 0 0 15px; padding:10px 5px 15px 15px; }

#services-content p {font-family: Verdana, Arial, Helvetica, sans-serif; color:rgb(130,48,35); font-size:12px; line-height:18px; margin:0 0 25px 0;}

#services-content .title {font-weight:bold; display:inline; float:left; font-family: Georgia, Courier, serif; color:rgb(130,48,35); font-size:20px; float:left; margin:0 10px 0 0;}



/*KAPCSOLAT*/

#go_to_contact {background-image:url('../gfx/go_to_contact.jpg'); background-repeat:no-repeat; background-position: top left; width:656px; height:642px;}

#contact {width:1022px; height:642px; background-image:url('../gfx/contact.jpg'); background-repeat:no-repeat; background-position: top left;}

#contact_text {position:absolute; top:230px; left: 435px; width:260px; color:rgb(255,255,255); font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}

#contact_text h1 {font-size:14px; font-weight:normal; margin:0 0 3px 0;}

#contact_text h2 {font-size:12px; font-weight:normal; margin:0 0 10px 0;}

#contact_text p {font-size:11px; line-height:15px;}

#contact_text p a {text-decoration:underline; color:rgb(255,255,255); }

#contact_text p a:hover {text-decoration:none; color:rgb(255,255,255); }

#back_contact {position:absolute; top:10px; left: 870px; }

#back_contact img {border:0; }

#contact_after {width:658px; height:642px; background-image:url('../gfx/contact_after.jpg'); background-repeat:no-repeat; background-position: top left;}



#newsletter_pop {width:260px; height:200px; float:left; padding:25px 20px 25px 20px; background-image:url('../gfx/hirlevel.jpg');}

#newsletter_pop h1 {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; color:rgb(130,48,35); line-height:21px; margin:60px 0 0 0; text-align:left; }



#wrapper{

    display: none;

    }



#preloader{

    top: 0; right: 10px;

    position:absolute;

    z-index:1000;

    width: 132px; height: 38px;

    background: url(path/to/preloaderBg.png) no-repeat;

    cursor: wait;

    text-shadow: 0px 1px 0px #fefefe; }