/*
Version: 1.0
Author: HABANA KFT. / Mecs Gergely
Author URI: http://habana.hu
*/

/** clear styles **/
	html, body, div, span, p, h1, h2, h3, h4, h5, h6, ul, ol, li, img, form {
		margin:0px;padding:0px;border:0px none;outline:0px;
		list-style-type: none;		
	}

	html, body { width:100%; height:100%; }
	html, body, form, input, textarea, select, fieldset {font-size: 13px; font-family: "Helvetica", Arial, sans-serif; color: #ffffff; }
	div.clr { clear:both; font-size:0px;line-height:0px;height:0px !important;overflow:hidden; visibility: hidden; }

	a, a:link, a:visited, a:active, a:focus { text-decoration: underline; color: #ffffff; font-weight:Bold; }
	a:hover { text-decoration: none; color:#ffffff; }

	:focus { outline: 0; }
	a img, a:hover img {border: 0px none;}

	.left, img.alignleft, img.ngg-left {float:left;}
	.right, img.alignright, img.ngg-right {float:right;}
	
	img.alignleft, img.ngg-left {margin: 0px 10px 5px 0px;}
	img.alignright, img.ngg-right {margin: 0px 0px 5px 10px;}

	span.fir {position:absolute; display:block; width:100%; height: 100%; left:0; top:0;}
	a span.fir {cursor:pointer;}
	input, textarea {color:#909090;font-size:14px;}

 a.more {text-decoration:underline;color:#006292;line-height: 18px;display:block;width:auto;}
 a.more:hover {text-decoration:none;}

  
html, body {background-color:#0071bc;}

 div#wrap { text-align:center;background:url(img/bg.png) left top repeat-x;}
 div#site {text-align:left; margin:0 auto;}

 div.main {height:880px; text-align:center;}

	div#main1 {background: url(img/stage1w.png) center top no-repeat;}
	div#main2 {background: url(img/stage2.png) center top no-repeat;}
	div#main3 {background: url(img/stage3c.png) center top no-repeat;}
	div#main4 {background: url(img/stage4.png) center top no-repeat;}

	div.cnt {width: 940px;height:auto; margin:0 auto;text-align:left;position:relative;padding:0px 10px;}

div.menu {float:right;padding-top:40px;padding-right:4px;}
div.menu ul li {display:inline;padding-left:25px;}
div.menu ul li a,
div.menu ul li span {font-size:14px;line-height:20px; color:#ffffff; font-weight:bold; display:inline;cursor:pointer;}

div.foot {position:Absolute;top:663px;left:10px;}
div.foot p {font-size:11px !important; padding:0px;}

/* stage 1 */
h1 {display:block; width: 381px;height: 130px;overflow:hidden;position:relative;line-height:120px;color:#ffffff;margin-bottom: 20px;font-size:90px;}
h1 .fir {background: url(img/stage1w.png) -230px top no-repeat;} /* stage1.jpg -120px */

div#main1 p {width:385px;font-size:13px;line-height:19px;padding-bottom:35px;}
div#main1 p.desc {font-weight:bold;line-height:15px;padding-bottom:40px;}
div#main1 h2 {font-size:24px;line-height:24px;padding-bottom:12px;}

 ul#socials {}
 ul#socials li {height:40px;display:block;}
 ul#socials li a {padding-left:40px;font-size:19px;display:inline-block;height:24px;line-height:24px;color:#ffffff;text-decoration:none;}

	a#sl-fb {background: url(img/sl-fb.gif) left top no-repeat;}
	a#sl-tw {background: url(img/sl-tw.gif) left top no-repeat;}
	a#sl-nl {background: url(img/sl-nl.gif) left top no-repeat;}

/* stage 2 */
div.main h2.fird {
position:Relative;
display:block;
padding:0px;
width: 320px;
height:100px;
}
	div#main2 h2.fird .fir {background: transparent url(img/stage2.png) -120px top no-repeat;}
	div#main2 p {width: 560px; padding-top:5px;}

ul#sixslot {position:Absolute;top:400px;left:12px; width:950px; background: #ffffff url(img/stage2.png) -122px -400px no-repeat; }
ul#sixslot li {display:block;width:127px;float:left;height: 150px;padding:27px 15px 0px 15px;color:#000000;}

ul#sixslot li h3 {font-size: 15px;font-weight:bold;padding-bottom:1px;}
div#main2 ul#sixslot li p {font-size: 11px;line-height:14px;font-weight:normal;width:auto;color:#222222;}

ul#sixslot li#ss1 {width:122px;}
ul#sixslot li#ss2 {width:128px;}
ul#sixslot li#ss3 {width:131px;}
ul#sixslot li#ss4 {width:130px;}
ul#sixslot li#ss5 {width:128px;}
ul#sixslot li#ss6 {width:124px;}

/* stage 3 */
div#main3 h2.fird .fir {background: transparent url(img/stage3c.png) -120px top no-repeat;}
div#main3 p {width: 560px;}

div#cc {display:inline-block !important; display:inline; height:20px;padding-left: 9px; background: url(img/cc-left.png) left top no-repeat; position:Absolute; top:130px; right:10px;}
div#cc-in {display:inline-block !important; display:inline; height:20px;padding-right:9px; background: url(img/cc-right.png) right top no-repeat;}

div#cc-in ul {display:inline-block;height:20px;background:url(img/cc-bg.png) left top repeat-x; padding-top:3px; line-height:14px; }
div#cc-in ul li {display:inline; padding-right:2px;}
div#cc-in ul li a {display:inline-block; width:14px;height:14px; background: url(img/cc-dot.gif) left top no-repeat; overflow:hidden; }

div#cc-in ul li a.active {background: url(img/cc-dot.gif) left -14px no-repeat;}

* html div#cc {float:right;width:inherit; background: none;}
* html div#cc-in {float:right;width:inherit; background: none;}
* html div#cc-in ul {float:right;width:inherit; background: none;}

*:first-child+html div#cc-in ul { padding-top:1px; }

div#content-carousel {position:absolute; width:950px; top: 170px; left:0px;}
div#content-carousel ul {display:block; width:170px;height:400px; overflow:Hidden; padding-top:10px; }
div#content-carousel ul li {height:40px; font-size:20px; font-weight:normal; padding-left: 10px; padding-right: 10px; line-height:40px;}
div#content-carousel ul li a {color:#ffffff; text-decoration:none;font-weight:normal;}
div#content-carousel ul li.active {background: url(img/cc-active.png) left top no-repeat;}
* html div#content-carousel ul li.active {background: none transparent; }
div#content-carousel ul li.active a {font-weight:bold; }

div#content-carousel div#carousel-out {position:absolute; left:50%; margin-left: -306px; top:0px; width:780px;height: 460px; overflow:hidden; background: url(img/stage3c.png) -280px -170px no-repeat;}
div#content-carousel div#carousel {position:Absolute; left: 10px;top:10px; width:760px; height:440px; overflow:hidden; }


/* stage 4 */
div#main4 p {width: 560px;}
div#main4 h2.fird .fir {background: transparent url(img/stage4.png) -120px top no-repeat;}
div#main4 div#contacts {position:Absolute; left:10px; top: 170px;}
div#main4 div#contacts div.card {width:282px; height:132px;padding:9px 9px 0px 9px; margin-bottom: 21px;}
div#main4 div#contacts div.card img {float:left; padding-right: 20px;}
div#main4 h4 {font-size:18px; font-weight:bold;margin-bottom: 20px;}
div#main4 div#contacts div.card p {font-size:12px; line-height:17px; width:auto;}

div#main4 div#contacts div#mymap {display:block; width:370px; height:280px; position:Absolute; left: 330px; top:10px; }
div#main4 div#contacts div#gmaps-more {display:block; width:155px; float:right; height:20px; line-height:20px; text-align:right; padding-right:2px; padding-top:5px; }
div#main4 div#contacts div#gmaps-more a {display:inline-block; white-space:nowrap; font-weight:bold; font-size:12px; text-decoration:none; height:20px; line-height:20px;padding-left:30px; background: url(img/gmaps-more.gif) 5px 7px no-repeat; color:#ffffff;}

div#main4 div#contacts div#cdetails {position:Absolute; left:728px; top:8px; width:220px; }
div#main4 div#contacts div#cdetails h4 {}

/* cufons */

div.main h2 cufon.cufon {margin-bottom:7px;}


/* temporary stuff */
li.jFlowControl label {display:none}