/* Author: by en d'Or fin laboratory (www.endorfinlab.com) */



@charset "utf-8";



html, body { height:100%; margin:0px; padding:0px; }

body { margin:0; padding:0; position:relative; left:0px; top:0px; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background-image:url(../images/bg.png); background-repeat:repeat-x; }



div#wrapper { width:100%; }

div#container { width:900px; position:relative; margin:0px auto; background-color:#FFFFFF;}



/* HEADER */

div#header { width:900px; height:75px; position:relative; background-image:url(../images/header.png); background-repeat:no-repeat; }

h1#header { font-size:1px;  text-indent:-1000px; color:transparent; }

ul#header { width:880px; position:absolute; top:40px; right:20px; color:#999999; }

ul#header li { list-style:none; float:right; display:block; letter-spacing:0.5px; }

ul#header li a { font-size:10px; font-weight:normal; color:#999999; margin-left:5px; margin-right:5px;}

ul#header li a:hover { font-size:10px; font-weight:normal; color:#E87817;}



body#home ul#header li.home a, body#home ul#header li.home a:hover { text-decoration:underline; color:#0094DE; }

body#testimonials ul#header li.testimonials a, body#testimonials ul#header li.testimonials a:hover { text-decoration:underline; color:#0094DE; }

body#contact ul#header li.contact a, body#contact ul#header li.contact a:hover { text-decoration:underline; color:#0094DE; }



body#kezdolap ul#header li.kezdolap a, body#kezdolap ul#header li.kezdolap a:hover { text-decoration:underline; color:#0094DE; }

body#referenciak ul#header li.referenciak a, body#referenciak ul#header li.referenciak a:hover { text-decoration:underline; color:#0094DE; }

body#kapcsolat ul#header li.kapcsolat a, body#kapcsolat ul#header li.kapcsolat a:hover { text-decoration:underline; color:#0094DE; }



/* SLIDER */

div#slider	{ height:175px; position:relative; overflow:hidden; background-image:url(../images/sliderbg.png); background-repeat:no-repeat; }

/* default is for three panels in width, adjust as needed. This only matters if JS is OFF, otherwise JS sets this. */								  

div#mover { width:900px; position:relative; }

.slide { width:900px; position:relative; padding:25px; float:left; }

.slide h1 { margin-bottom:10px; font-weight:bold; font-size:18px; color:#FFFFFF; cursor:default; }

.slide p { width:500px; font-size:12px; color:#FFFFFF; line-height:normal; cursor:default; }

.slide img { position:absolute; top:0; right:75px; border:none; }

#slider-stopper { position:absolute; top:1px; right:25px; background-color:#009BE9; color:#FFFFFF; padding:3px 8px; font-size:10px; text-transform:uppercase; z-index:1000; }



/* NAVIGATION */

ul.navigation { width:250px; height:90px; position:relative; background-repeat:no-repeat; }



ul#eng { background-image:url(../images/menu_en.png); }

ul#hun { background-image:url(../images/menu_hu.png); }



ul.navigation li { list-style:none; float:left; }

ul.navigation li a { height:30px; display:block; text-decoration:none; font-size:1px; text-indent:-1000px; color:#FFFFFF; }

 

ul#eng li.home { left:0px; width:250px; }

ul#eng li.testimonials { left:0px; width:250px; }

ul#eng li.contact { left:0px; width:250px; }



ul#eng li.home a:hover { background:transparent url(../images/menu_en.png) -250px 0 no-repeat; }

ul#eng li.testimonials a:hover { background:transparent url(../images/menu_en.png) -250px -30px no-repeat; }

ul#eng li.contact a:hover { background:transparent url(../images/menu_en.png) -250px -60px no-repeat; }



body#home ul#eng li.home, body#home ul#eng li.home a:hover { background: transparent url(../images/menu_en.png) -500px 0 no-repeat; }

body#testimonials ul#eng li.testimonials, body#testimonials ul#eng li.testimonials a:hover { background: transparent url(../images/menu_en.png) -500px -30px no-repeat; }

body#contact ul#eng li.contact, body#contact ul#eng li.contact a:hover { background: transparent url(../images/menu_en.png) -500px -60px no-repeat; }



ul#hun li.kezdolap { left:0px; width:250px; }

ul#hun li.referenciak { left:0px; width:250px; }

ul#hun li.kapcsolat { left:0px; width:250px; }



ul#hun li.kezdolap a:hover { background:transparent url(../images/menu_hu.png) -250px 0 no-repeat; }

ul#hun li.referenciak a:hover { background:transparent url(../images/menu_hu.png) -250px -30px no-repeat; }

ul#hun li.kapcsolat a:hover { background:transparent url(../images/menu_hu.png) -250px -60px no-repeat; }



body#kezdolap ul#hun li.kezdolap, body#kezdolap ul#hun li.kezdolap a:hover { background: transparent url(../images/menu_hu.png) -500px 0 no-repeat; }

body#referenciak ul#hun li.referenciak, body#referenciak ul#hun li.referenciak a:hover { background: transparent url(../images/menu_hu.png) -500px -30px no-repeat; }

body#kapcsolat ul#hun li.kapcsolat, body#kapcsolat ul#hun li.kapcsolat a:hover { background: transparent url(../images/menu_hu.png) -500px -60px no-repeat; }



/* MAIN */

div#main { width:900px; min-height:750px; position:relative; background-image:url(../images/main.png); background-repeat:no-repeat; background-position:bottom; }

div#left { width:275px; min-height:750px; position:relative; left:25px; top:25px; border-right:1px #CCCCCC solid; }



div#left div#about { width:250px; }

div#left div#about h1 { margin-bottom:5px; font-size:14px; font-weight:bold; color:#999999 }

div#left div#about p { margin-bottom:10px; font-size:10px; line-height:14px; }



address { width:250px; font-style:normal; }

h1#address { margin-bottom:5px; font-size:14px; font-weight:bold; color:#999999 }

h2#address { margin-bottom:5px; font-size:12px; font-weight:bold; color:#333333; }

h3#address { font-size:12px; font-weight:normal; font-style:italic; }



div#right { width:550px; min-height:750px; position:absolute; right:25px; top:25px; padding-top:40px; background-image:url(../images/colordots.png); background-repeat:no-repeat; background-position:top;}



/* home */

div#home { width:550px; }

div#home h1 { margin-bottom:20px; font-size:24px; font-weight:bold; color:#CCCCCC }

div#home h2 { margin-bottom:5px; padding-bottom:5px; font-size:14px; font-weight:bold; color:#999999; border-bottom:1px #CCCCCC dotted; }

div#home p { margin-bottom:15px; }

div#home ul { margin-left:30px; margin-bottom:15px; font-size:11px; list-style-position:outside; list-style-type:circle; }

div#home li { margin-top:15px; }



/* testimonials */

div#testimonials { width:550px; }

div#testimonials h1 { margin-bottom:20px; font-size:24px; font-weight:bold; color:#CCCCCC }

div#testimonials p { margin-bottom:15px; }



/* contact */

form.form { width:450px; }

form#contact { margin-bottom:75px; }

form.form fieldset { width:450px; border:none; }

form.form h1 { padding-bottom:5px; font-size:18px; font-weight:bold; border-bottom:1px #CCCCCC dotted; }

form.form h2 { margin-bottom:20px; font-weight:normal; font-size:10px; color:#DE7800; }

form.form span { width:125px; float:left; clear:left; margin-bottom:10px; margin-right:15px; text-align:right; }  

form.form input { width:250px; height:20px; margin-bottom:10px; float:left; border:1px solid #CCCCCC; background-color:#FFFFFF; color:#999999; }

form.form textarea { width:250px; margin-bottom:5px; margin-bottom:10px; float:left; border:1px solid #CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; background-color:#FFFFFF; }

form.form span#error { color:#CC0000; }

form.form input#error, form.form textarea#error { border:2px solid #CC0000; }

form.form span#errormessage { width:auto; margin:0px; margin-top:-10px; margin-bottom:10px; display:block; padding-left:140px; font-size:10px; color:#CC0000; text-align:left; }

form.form span#info { width:auto; margin:0px; margin-top:-10px; margin-bottom:10px; display:block; padding-left:140px; font-size:10px; color:#999999; text-align:left; }

form.form span#limiter { width:auto; margin:0px; margin-top:-10px; margin-bottom:10px; display:block; padding-left:140px; font-size:10px; color:#999999; text-align:left; }

form.form span#limiter span#int { width:auto; margin:0px; margin-right:3px; }

form.form img { width:250px; height:30px; margin-left:140px; margin-right:120px; }

form.form a { display:inline-block; margin-top:5px; margin-left:140px; }

form.form input#hidden { display:none }



/* FOOTER */

div#footer { width:900px; height:100px; position:relative; background-image:url(../images/footer.png); background-repeat:no-repeat; }

ul#footer { width:880px; position:absolute; bottom:15px; left:20px; color:#999999; }

ul#footer li { list-style:none; float:left; display:block; }

ul#footer li a { font-size:10px; font-weight:normal; color:#999999; margin-left:5px; margin-right:5px;}

ul#footer li a:hover { font-size:10px; font-weight:normal; color:#E87817;}



body#home ul#footer li.home a, body#home ul#footer li.home a:hover { text-decoration:underline; color:#0094DE; }

body#testimonials ul#footer li.testimonials a, body#testimonials ul#footer li.testimonialst a:hover { text-decoration:underline; color:#0094DE; }

body#contact ul#footer li.contact a, body#contact ul#footer li.contact a:hover { text-decoration:underline; color:#0094DE; }



body#kezdolap ul#footer li.kezdolap a, body#kezdolap ul#footer li.kezdolap a:hover { text-decoration:underline; color:#0094DE; }

body#referenciak ul#footer li.referenciak a, body#referenciak ul#footer li.referenciak a:hover { text-decoration:underline; color:#0094DE; }

body#kapcsolat ul#footer li.kapcsolat a, body#kapcsolat ul#footer li.kapcsolat a:hover { text-decoration:underline; color:#0094DE; }



/* DESIGN ELEMENTS */

a#endorfin { width:40px; height:35px; position:absolute; left:-39px; bottom:5px; background-image:url(../images/endorfinlab.png); }

a#endorfin:hover { background-image:url(../images/endorfinlab.png); background-position:0 -35px; }

a#magyar { width:185px; height:20px; position:absolute; right:24px;; top:0; background-image:url(../images/magyar.png); }

a#magyar:hover { background-image:url(../images/magyar.png); background-position:0 -20px; }

a#english { width:185px; height:20px; position:absolute; right:24px;; top:0; background-image:url(../images/english.png); }

a#english:hover { background-image:url(../images/english.png); background-position:0 -20px; }

div#graydots { width:250px; height:45px; background-image:url(../images/graydots.png); background-repeat:no-repeat; }

img#dl { width:175px; height:140px; position:absolute; bottom:0; right:-91px; }



/* MESSAGES */

div.message { border:2px solid; margin-bottom:20px; padding:20px 20px 20px 60px; background-repeat:no-repeat; background-position:1px center; font-size:14px; font-weight:bold; }

div#success { color:#0C7B00; background-color:#FFFFFF; background-position:5px; background-image:url(../images/messageSuccess.png); }

div#error { color:#CC0000; background-color:#FFFFFF; background-position:5px; background-image:url(../images/messageError.png); }



h1#pay { position:absolute; left:0; top:50%; width:100%; padding:25px; font-size:24px; font-weight:bolder; font-style:italic; color:#FFFFFF; text-align:center; line-height:36px;

         border-top:5px #CC3300 solid; border-bottom:5px #CC3300 solid; background-color:#FF0000; z-index:9999999; }



/* TOOLS */

div.clear { position:relative; float:none; clear:both; left:0px; top:0px; width:1px; height:0px; margin:0px; padding:0px; overflow:hidden; visibility:hidden; }

div.clearboth { position:relative; float:none; clear:both; left:0px; top:0px; width:1px; height:0px; margin:0px; padding:0px; overflow:hidden; visibility:hidden; }



br { margin:0; padding:0; clear:both; height:0; position:relative; top:0; left:0; }



div, object, embed, form, fieldset, input, h1, h2, h3, h4, h5, h6, p, ol, ul, dl, dt, dd { display:block; }

div, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, dl, dt, dd, sup, sub, img, span, form, label, input, textarea, select, fieldset, legend, object, embed, table, th, td { margin:0px; padding:0px; }



a, span { display:inline; }

/* link properties */

a { text-decoration:none; color:#0094DE; font-weight:bold; outline:none; }

a:hover { text-decoration:none; color:#666666; font-weight:bold; outline:none; }



a.rollover { display:block; overflow:hidden; font-size:1px; text-indent:-1000px; color:transparent; background-repeat:no-repeat; }

a.rollover:hover { background-repeat:no-repeat; }



/* text selection color */

::selection { background:#005296; color:#0094DE; } /* Safari és Opera */

::-moz-selection { background:#005296; color:#0094DE; } /* Firefox */