@import url('reset.css');

HTML, BODY{ position:relative; margin:0 auto; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; background-color:#333333; line-height:1em; }
A{ color:#F42FB4; text-decoration:none; }
A:hover{ color:#FFFFFF; }

/* MAIN CONT (COMMON) */
#mainCont{
	position:relative;
	float:left;
	width:1200px;
	height:100%;
	z-index:1;
}
#bgs{ overflow:hidden; position:absolute; top:0px; left:0px; width:100%; height:100%; }
#bgImage{ position:absolute; top:0px; left:0px; width:519px;  height:100%; z-index:0; background-repeat:no-repeat; }
#bgImage2{ position:absolute; margin-left:858px; width:542px; height:100%; background-position:-858px 0px; background-repeat:no-repeat; }

#colLeft{ position:fixed; float:left; width:492px; padding-top:40px; padding-left:27px;  }
#colLeft #iconPlus{ position:absolute; width:15px; height:15px; top:40px; left:25px; background-image:url(images/icon_plus.gif); background-repeat:no-repeat; }
#colLeft #pageHeading{ float:left; width:487px; height:54px; padding-top:35px; padding-bottom:143px;}
#colLeft #pageHeading H1{ position:relative; float:left; padding:7px 0 0 0; color:#FFFFFF; font-size:400%; line-height:100%; letter-spacing:-0.04em; }


#colLeft #pageHeading IMG{ position:relative; top:14px; left:5px;  }
#colLeft H2{ float:left; width:487px; font-size:300%; line-height:1.1em; color:#F42FB4; letter-spacing:0.03em; }
#colLeft #tagline{ padding-top:20px; }

#colLeft #mainMenu{
	float:left;
	width:180px;
	padding-top:1px;
	padding-left:4px;
}
#colLeft #mainMenu LI{
	float:left;
	width:100px;
	padding-bottom:10px;
	font-size:120%;
}
#colLeft #mainMenu A{ padding-left: 1px; float:left; color:#FFFFFF; text-decoration:none; font-weight:bold; }
#colLeft #mainMenu A:hover, #colLeft #mainMenu A.selected{ color:#F42FB4; }

#colLeft #subMenu{ float:left; width:300px; padding-top:20px;}
#colLeft #subMenu LI{
	float:left;
	width:300px;
	padding-bottom:5px;
	font-size:100%;
	color: #FFF;
	
}
#colLeft #subMenu A{ padding-left: 1px; float:left; color:#CCC; text-decoration:none; /*font-weight:bold;*/ }
#colLeft #subMenu A:hover, #colLeft #subMenu A.selected{ color:#F42FB4; }
#colLeft #subMenu UL#viewByClient{ float:left; margin-top:16px; }
#colLeft #subMenu UL LI#latest{}

#colLeft #subMenu UL.slideMenu{ width:114px; margin:1.5em 0px 0px 0px; }
#colLeft #subMenu UL.slideMenu LI{ font-size:100%; }
#colLeft #subMenu UL.slideMenu LI A{ font-weight:normal; padding-left:13px; color:#ffffff; background:url(/images/menu_arrow.gif) no-repeat 0% 50%; }
#colLeft #subMenu UL.slideMenu LI A:hover, #colLeft #subMenu UL.slideMenu LI A.selected{ background-image:url(/images/menu_arrow_on.gif); }

#colLeft #sliderDesc{ float:left; width:282px; font-size:85%; }
#colLeft #sliderDesc #sliderDescTitle{ float:left; width:267px; padding-top:1px; color:#F42FB4; font-weight:bold; }
#colLeft #sliderDesc #sliderDescDesc{ float:left; width:252px; padding:2px 0 0 0; line-height:1.45em; color:#FFFFFF;  }
#colLeft #sliderDesc A{ color:#F42FB4; font-weight:bold; }

#colMid{
	float:left;
	width:600px;
	position: relative;
	left: 500px;	
}

#colRight{ float:left; width:91px; }
#colRight #logo{ float:left; padding:19px 0 0 20px;}

#footer{ position:absolute; bottom:10px; left:31px; width:492px; clear:both; color:#666666; font-size:85%; z-index:3; }
#footer UL, #footer LI{ float:left; }
#footer LI{ height:1.5em; line-height:1.5em; padding-right:10px; }
#footer A{ color:#666666; }
#footer A:hover, #footer A.selected{ color:#F42FB4; }
#footer INPUT{ padding:2px 12px 2px 2px; background-color:#888888; color:#333333; border:none; }
#footer #newsletterError{ padding: 0 0 2px 0; color:#F42FB4;}

/* PROJECT SCROLLER */
.hitArea{ position:absolute; z-index:1001; width:340px; }
#projects{ float:left; position:relative; height:100%; }
#projects .newsItem{ display:block; margin-bottom:6px; border:1px #BEBEBE solid; }
#projects A{ display:block; margin-bottom:5px; border:1px #333333 solid; }
#projects A:hover, #projects A.selected{ border:1px solid #F42FB4; }
#projects .newsItem{ padding:27px 0; color:#FFFFFF; border:none; border-bottom:1px #F42FB4 solid; line-height:1.25em;  }
#projects .newsItem A{ display:inline; border:none !important; }
#projects .newsItem H2{ font-size:182%; color:#FFFFFF; line-height:1.05em; }
#projects .newsItem H2 SPAN{ color:#F42FB4; }
#projects .newsItem IMG{ margin:0px; }

/* GALLERY */
#header{ position:relative; float:left; width:100%; padding-top:6px; padding-bottom:3px; background-color:#F42FB4; z-index:2;}
#header #galleryMenu{ text-align:center; }
#header #galleryMenu LI{ position:relative;  display:inline; padding-left:3px; padding-right:3px; font-size:85%; letter-spacing:0.05em; }
#header #galleryMenu LI.details{ padding-right:35px; }
#header #galleryMenu LI.button{ padding-left:35px; }
#header #galleryMenu A{ color:#FFFFFF; text-decoration:none; font-weight:bold; }
#header #galleryMenu A:hover, #header #galleryMenu A.selected{ color:#403F43; }
#header #galleryMenu A IMG{ position:relative; top:1px;}
#header #galleryMenu #backToMenu{ float:left; padding-left:26px; }
#header #galleryMenu #backToMenu LI{ float:left; }
#header #galleryMenu #galleryDetails{ position:absolute; left:0; top:21px; width:313px; padding:55px 14px 14px 14px; background-color:#F42FB4; color:#FFFFFF; text-align:left; }
#header #galleryMenu #galleryDetails A.closebtn{ position:absolute; bottom:6px; right:6px; }
#header #galleryMenu SELECT, #header #galleryMenu INPUT{ position:relative; top:-2px; font-size:85%;}
#flashGallery{ float:left; }

/* BASIC PAGE */
#colMidIconTop{
	float:left;
	width:338px;
	padding:40px 0 40px 1px;
}
#colMidIconBottom{ float:left; width:338px;  padding:40px 0 40px 1px;  }
#colMidText{
	float:left;
	width:600px;
	padding:0 9px;
	color:#FFFFFF;
	line-height:1.25em;
	z-index: -100;
}
#colMidText H2, #colMidText H3{ margin-bottom:0.5em; color:#F42FB4; font-weight:bold; }
#colMidText P{ padding-bottom:0.5em; }
#colMidText STRONG{ font-weight:bold; }

/* CLIENT LIST */
#clientLeftCol, #clientRightCol{ float:left; width:160px; }
#clientLeftCol LI.off, #clientRightCol LI.off{ color:#636c70; }
#clientLeftCol LI A, #clientRightCol LI A{ color:#FFFFFF; }
#clientLeftCol LI A:hover, #clientRightCol LI A:hover{ color:#F42FB4; }

/* MESSAGE US */
#MessageUsForm { font-weight: bold; }
#MessageUsForm BUTTON, #MessageUsForm LABEL, #MessageUsForm SELECT, #MessageUsForm SPAN { font-size:85%; }
#MessageUsForm INPUT { width: 224px; padding:0 4px;  border: 1px solid #cccccc; background-color:#cccccc; color:#333333; }
#MessageUsForm SELECT { width: 234px; border: 1px solid #cccccc; background-color:#cccccc; color:#333333; }
#MessageUsForm TEXTAREA { width: 224px; padding:0 4px; height: 56px; border: 1px solid #cccccc; background-color:#cccccc; color:#333333; }
#MessageUsForm TEXTAREA.tall { height: 100px; }
#MessageUsForm div.MessageUsFormHalfRowTitle { float: left; width: 87px; padding-bottom: 4px; }
#MessageUsForm div.MessageUsFormHalfRowElement { float: left; width: 234px; padding-bottom: 4px; }
#MessageUsForm div.MessageUsFormHalfRowElement IMG { padding-bottom: 4px; }
#MessageUsForm div.MessageUsFormSubmitLeft { float: left; width: 117px; }
#MessageUsForm div.MessageUsFormSubmitRight { float: left; width: 117px; text-align: right; }
#MessageUsForm div.MessageUsFormSubmitRight INPUT { border:inherit; }
#MessageUsForm div.MessageUsFormClear { clear: both; }
#MessageUsForm div.error { color: #E40F9F; }

/* HIDE TEXT */
#descrip{ position:relative; left:-5000px; color:#FFFFFF;}
.hidethis { color: #333333!important; font-size:60%; }

/* SITEMAP */
UL.sitemap UL{ padding-left:10px; }
UL.sitemap LI{ color:#999999; }
UL.sitemap A{ color:#FFFFFF;  }
UL.sitemap A:hover{ color:#F42FB4;  }

.white { color: #FFFFFF; }
.bigtext { font-size: 12pt; }

/*#socialButtons { float:right; width:17px; margin-top:285px}*/
#socialButtons {  margin-top: 285px;
    position: absolute;
    right: 0;
    width: 17px;}
#socialButtons a { width:17px; margin-bottom:10px; display:block; overflow:hidden; height:75px; position:relative}
#socialButtons a.twitter img, #socialButtons a.facebook img { position:absolute; left:-17px}
#socialButtons a.twitter:hover img, #socialButtons a.facebook:hover img { left:0}


.fej {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #F42FB4;
	margin-top:60px;
	line-height: 130%;
}

.datum {
	font-size: 11px;
	margin-top: 2px;
	margin-bottom: 5px;	
	font-style: italic;
	color: #CCC;	
}

.hely {
	font-size: 14px;
	font-weight: bolder;
	color: #FFF;	
}

.kepzo {
		color: #FFF;	
	
}

.szam {
		color: #FFF;	
}

.tan {
	/*width:150px;*/
	margin-top:30px;
	height:120px;
}

.tan1 {
	/*width:150px;*/
	margin-top:30px;
	height:120px;
}

/*.tan:hover {
	width:600px;
	margin-top:30px;	
}*/


.tank {
	width:150px;
	margin-top:30px;
	margin-right:6px;
}

.tank:hover {
	width:600px;
	margin-top:30px;	
}

.almenu {
	font-size: 14px;
	font-weight: bolder;
	color: #F42FB4;
	margin-top:80px;
}

#lista li {
	margin-bottom:10px;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
	


  .showbox {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
  }
  .slideright:hover {
    -webkit-transform: translate(4em,0);
    -moz-transform: translate(4em,0);
    -o-transform: translate(4em,0);
  }
  .rotate:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
  .slideleft:hover {
    -webkit-transform: translate(-3em,2em);
    -moz-transform: translate(-3em,2em);
    -o-transform: translate(-3em,2em);
  }
  .scale:hover {
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -o-transform: scale(4);
  }	
  
    .scale1:hover {
    -webkit-transform: scale(6);
    -moz-transform: scale(6);
    -o-transform: scale(6);
  }