/* -------------------------------------------------
Code: H.S.Laszlo 2009
http://www.xhtml2u.com
-------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img{ border: none;outline:none; }
body {background: #fff;color: #333;font: 14px/20px arial, helvetica, sans-serif;}
ol, ul {list-style-type: none;}
a { outline: none;}
hr{width: 90%; color: #c3c3c3;margin: 0 auto;}
.clear{height: 15px; clear: both; }
body.kari{background:#3A1D19;}
#flash{width:1000px;height:650px; margin:0px auto 0 auto;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LAYOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#wrap{width: 960px;margin: 0 auto; background: #f6f6f6;}
#top{height:36px;margin:0px;width:100%;padding:0;background:#535353;clear:both;}
#top ul {width:900px;margin:0 auto;padding:6px 0 0 0;list-style:none;background:transparent;}
#top ul li{display:inline;}
#top ul li a {padding:8px;color:#999;background:transparent;font-size:18px;font-weight:bold;line-height:24px;text-decoration:none;}
#top ul li a:hover{color:#fff;}
/*
#top ul li{float:left;display:inline;margin-left:20px;}
#top ul li a{display:block;font: bold 12px Trebuchet MS, Arial, sans-serif;color:#fff;text-decoration:none;
text-transform: uppercase;	padding: 3px 7px;-moz-border-radius: 3px; background-color: #EB4C07;}
#top ul a:focus, #top ul a:active, #top ul a:hover {background-color: #5a5a5a;outline: none;}*/
#head{height: 320px;	background:#fff url(img/headerblue.jpg) no-repeat bottom;position:relative;}
.logo{padding: 4px 0 4px 20px;}
#aboutme {height: 340px;background: #fff;border-bottom:1px solid #c3c3c3;}
#services {height: 290px;background: #252114;/*#d1c59c;*/}
#other {position: relative;width: 960px;height:340px;background: transparent;border: 0;margin: 0 auto;}
#foot{height:320px;background: #fff;border-top:1px solid #ccc;}
#foot-out{height:40px;margin:0px;width:100%;background:#252114;clear:both;border-top:1px solid #4692AA;}
#copy{height:40px;text-align:left;background:#1e1e1e;width: 960px;margin: 0 auto;}
#copy img{vertical-align: text-bottom;}
.content{width:960px;clear:both;margin:0 auto;}
.content-left, .content-right{margin: 0;padding: 0;background: transparent;}
.content-left{float:left;width:476px;}
.content-right {float:right;width: 476px;}
#go{width: 400px;height: 40px;position: absolute;top: 222px;left: 154px;}
a#link-portfolio{background:transparent;color:#fff;text-decoration:none;font-size:22px;font-family:Tahoma;}
a#link-portfolio:hover {color:#2D7189;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HEADINGS & TEXTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1{color: #3C8CA5;float: right;margin: 10px 10px 5px 0;font: normal 24px Arial, san-serif;line-height: 40px;
	width: 500px;height: 50px;background: transparent /*url(img/webdesign.jpg) no-repeat;text-indent: -9999px*/;}
h2{color: #fff;float: left;padding: 20px 10px 5px 20px;font: normal normal normal 18px/140% Arial, san-serif;width: 640px;}
h3 {color: #4997AE;margin:0;padding: 10px 0 2px 18px;font: normal normal normal 24px/normal "Times New Roman", Times, serif;}
p.bevezeto{color:#333;font: normal normal normal 16px/140% Arial, san-serif;text-align:justify;width:433px;}
h3.fa{position: absolute;left:25px;top:278px;}
h3.ft{position: absolute;left:505px;top:278px;}
p {margin: 0; padding: 5px 10px; color:#8a835e}
p.services{text-align: left;}
h4.heading{padding: 5px 0 0 20px;font-size:14px;color: #666666;border-bottom: 1px solid #CCCCCC;
	letter-spacing: -1px;margin-left:12px;width:360px;}
p.design, p.css, p.dev, p.hosting{margin: 0;font-size:13px;padding: 4px 0 5px 40px;line-height:120%}
p.design{margin: 0;background: url(img/service_webdesign.gif) 0 10px no-repeat;}
p.css{margin: 0;background: url(img/service_slide.gif) 0 10px no-repeat;}
p.hosting{margin: 0;background: url(img/server.gif) 0 10px no-repeat;}
p.dev{margin: 0;background: url(img/service_web.gif) 0 10px no-repeat;}
p.tervezo{width:452px;height:81px;background: url(img/honlaptervezo.jpg) no-repeat;color:#fff;
	padding: 12px 5px 0 8px;font-size:13px;font-weight:bolder;}
p.tervezo a{color:#fff;}
p.tervezo a:hover{color:#FF8C00;}
p.tervezo img{float:right;padding: 8px 30px 0 0;}
.serv, .pref{padding: 0 0 0 15px;}
.pref li{color:#FFF8DC;background: url(img/check.gif) no-repeat 0px 2px;padding: 3px 0 0 22px;line-height:18px;}
#services .content-left p{text-align:justify;width:430px;}
#services .content-right p{text-align:left;width:280px;}
#services .content-right img{float:right;margin-right:25px;padding:3px;border: 1px solid #8A835E;}
.hsl{padding:0;font-style: italic;font-size:16px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.flickr{padding-bottom: 8px;height:220px;}
.flickr a img {border:1px solid #ccc;padding: 2px;display: block;margin: 2px;float: left;}
.flickr a:hover img {border: 1px solid #252114/*#FF8C00*/;background:#252114;}
.profile{padding: 0 0 0 10px;}
.profile img{border: 0;}
.contacts{float:left;}
.contacts li{display: inline;padding: 0 0 0 20px;margin:0 7px;}
.contacts li a{color: #333;text-decoration:none;}
.contactskype{background: url(img/icon_skype.gif) no-repeat left;}
.contactphone{background: url(img/icon_phone.jpg) no-repeat left;}
.contactemail{background: url(img/email.png) no-repeat left;}
.contactvcard{background: url(img/vcard.png) no-repeat left;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FORM
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form{float:left;width:415px;height:220px;margin:0 0 0 5px;background:url(img/bg_contact_form.png) no-repeat;padding:5px;}
fieldset{border:0;width:415px;margin:auto;}
legend{visibility:hidden}
label{display:none;}
textarea,input{color:#333;width:195px;height:23px;font-size:0.9em;text-indent:2px;line-height:23px;
font-family:arial;border:1px solid #e9e9e9;}
#name{float:left}
#email{float:right}
textarea{clear:both;width:412px;height:108px;margin:7px 0;overflow:hidden;}
#hit{border:0;width:80px;color:#fff;float:right;height:22px;font-size:11px;line-height:20px;
background:url(img/submit_btn.gif) bottom no-repeat;cursor:pointer;}
.recent{padding: 3px;border:1px solid #c3c3c3;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
PORTFOLIO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#portfolio {padding:10px;width:940px;}
.desc {margin:0;padding: 25px 0 15px;width:920px;background:transparent;clear:both;}
.desc .right {margin:0;float:right;width:300px;/*_display: inline;*/}
.desc .right h4 {font: 20px/23px "Trebuchet MS", Trebuchet, sans-serif;color: #4997AE;;padding: 7px 0 15px 7px;border: 0;}
.desc .right .text {padding: 7px;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;}
.desc .right ul {margin: 0 0 0 7px;padding: 10px 0 12px;}
.desc .right li {font-weight: bold;padding: 4px 0 4px 17px;	background: url(img/fr.png) no-repeat 0 11px;}
.desc .right li a {color: #706E6E;background: none;}
.desc .right li a:hover {background: url(img/x9.png) repeat-x 0 100%;}
.desc .right .url {margin: 0px 0 0 7px;overflow: hidden;}
.desc .right .url a {font-weight: bold;color:#fff;float:left;display:block;padding: 2px 4px;background:#FF8C00;text-decoration:none;}
.desc .right .url a:hover{color: #333333;}
.desc .left_img{border: 1px solid #ddd;padding: 5px;;float: left;width: 560px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
PHOTODIV
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#photodiv{text-align:center;background:#FFF no-repeat top center;margin:0px auto;padding:5px 5px 3px 5px;
	border:1px solid #e3e3e3;overflow:auto;width: 460px;	}
#photodiv img{border:none;}
#photodiv ul{float:right;list-style:none;padding:0px;margin:2px 0px 0px 0px;}
#photodiv ul li	{float:left;}
#photodiv ul li a	{background-repeat:no-repeat; text-indent:-900em; width:20px; height:20px;  display:block;}
#photodiv ul li a:link,
#photodiv ul li a:visited	{background-position:top;}
#photodiv ul li a:hover	{background-position:bottom;}
#photodiv ul li.next a:link,
#photodiv ul li.next a:visited{background-image:url(img/icon_next.gif);}
#photodiv ul li.prev a:link,
#photodiv ul li.prev a:visited{background-image:url(img/icon_prev.gif);}
#photodiv .split {text-align:left; font-size:11px; font-weight:bold; margin:5px 0px 0px 5px;}
#photodiv .split a{color: #FF8C00;} 
#myGallery{width: 458px;height: 280px;	z-index:5;display: none;border: 1px solid #e3e3e3;}
.jdGallery{overflow: hidden;position: relative;}
.jdGallery img{border: 0;margin: 0;}
.jdGallery .slideElement{width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;}
.jdGallery .loadingElement{width:100%;height:100%;position:absolute;left:0;top:0;background: #000/* url('img/loading-bar-black.gif') no-repeat center center*/;}
.jdGallery .slideInfoZone{position:absolute;z-index:10;width:100%;margin:0px;left:0;bottom:0;height:40px;
	background:#333;color:#fff;text-indent:0;overflow:hidden;}
* html .jdGallery .slideInfoZone{bottom: -1px;}
.jdGallery .slideInfoZone h2{font-family:Arial, Helvetica, sans-serif;padding: 0;font-size:80%;margin:0;
	margin: 2px 5px;font-weight: bold;font-size:12px;font-style:normal;letter-spacing:normal;color: #fff;width:420px;}
.jdGallery .slideInfoZone p{padding: 0;font-size:11px;margin: 2px 5px;color: #eee;}

#portfolio2{background: #fff;height:380px;padding:10px 0;}
.port_item {width:290px;position:relative;float:left;padding:10px 12px;color:#d9d9d9;}
.port_item a:hover {text-decoration:none;color:#00adef;}
.port_item h2 {font:12px/110% Verdana, Arial, Helvetica, sans-serif;font-weight:bold;padding:2px 0;margin-top:2px;color:#d9d9d9;}
.port_img {width:290px;height:149px;overflow:hidden;position:relative;cursor:pointer;border:2px solid #b3b3b3;}
.port_desc {color:#fff;position:absolute;top:149px;left:0px;height:60px;width:290px;padding:0 12px;background-color:#23282c;}