@charset "UTF-8";
/* -------------------------------------------------
Code: H.S.Laszlo 2009
http://hslaszlo.com 
-------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
fieldset,img, table { border:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;font-family:"Helvetica Neue","Helvetica",arial; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a {outline: none;outline-style:none;color:#175e83;text-decoration:none;}
:focus{outline-width: 0pt;outline-style: none;outline-color: -moz-use-text-color;}
html {height: 100%;}
.clear { clear: both; width: 90%; height: 15px; }
body {background-color:#fff;font:normal normal 13px/140% Arial, Helvetica, sans-serif;color:#444;}
img, #logo { behavior: url(js/iepngfix.htc);}
#fbg{width:100%;height:450px;background:#609A9E url(img/bg-blue.jpg) no-repeat 50% top;}
#block_featured {background:transparent url(img/portre.png) no-repeat left bottom;margin-bottom:0px;
display:block;padding:0;overflow:hidden;height:450px;width:960px;margin:0 auto;}
#block_featured h1, #block_featured p{width:500px;float:right;text-align:right;}
#block_featured p{font:normal normal 18px/140% Arial, sans-serif;letter-spacing:-1px;width:490px;}
h1 {font:normal normal 48px/110% Georgia,"Times New Roman",Times,serif;color: #444;letter-spacing:-2px;padding:25px 0 20px 0;
text-shadow: #CFCFCF 2px 2px 0;letter-spacing:-2px;}
h1 em {font-style:italic;color:#C8E12F;text-shadow:#f1f1f1 2px 2px 0;padding-right:180px;}
.button, .button:visited {background:#92AF2B url(img/alert-overlay.png) repeat-x;display: inline-block;color: #fff; 
	text-decoration: none;position: relative;cursor: pointer;float:right;margin-left:80px;font-size:22px;line-height:120%; padding: 8px 14px 9px;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);}
.button:hover{background-color:#809F13;color: #fff;text-decoration:none; }
.button:active{top: 1px; }
h2 {margin:0px 0px 5px 0px;font-size:18px;line-height:120%;color:#7AB4B8;}
h3 {margin:0px 0px 5px 0px;font-size:18px;color:#75A24C;line-height:120%;}
h4 {margin:0px 0px 5px 0px;font-size:18px;line-height:120%;color:#E94E43;}
small {color:#595856;font-weight:bold;font-size:11px;display:block;margin-bottom:15px;}
small a {color:#007de2;}
a:hover { text-decoration:underline; }
p { margin: 0px 0px 15px 0px; }
.line{color:#EAEAEA;}
#main {background: transparent url(img/main_bkgrd.png) repeat-x 50% 451px;width:100%;height:100%;}
#main .container {background:transparent;}
.container {width:960px;margin:0 auto;padding-top:10px;z-index:1;position:relative;}

#top{height:56px;margin:0px;width:100%;padding:0;background:#444;clear:both;border-bottom:3px solid #000;border-top:4px solid #B4DF1B;}
#header {padding-top:5px;padding-bottom:10px;width:960px;margin:0 auto;position:relative;}
#logo {background-image:url(img/logo.png);background-repeat:no-repeat;width:278px;height:49px;display:block;float:left;text-indent:-9999px;}
ul#menu {width:500px;float:right;text-align:right;padding:20px 30px 0 0;}
ul#menu li {display:inline;margin-left:12px;}
ul#menu li a {text-decoration:none;color:#716d6a;font:normal bold 14px/24px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;}
ul#menu li a.active, ul#menu li a:hover {color:#7AB4B8;}
ul#services_items {width:960px;margin:0 0 20px 0;float:left;min-height:80px;padding:3px 0 0 0;overflow:auto;clear:both;}
ul#services_items li {height:105px;display:block;padding:15px 15px 15px 15px;width:438px;float:left;margin:0 5px 10px 5px;color:#777777;
background:transparent url(img/line.png) no-repeat bottom;font-family: Arial,Helvetica,Geneva,sans-serif;font-size: 12px;line-height: 1.8em;}
ul#services_items li h2{ color: #2D2D2D;font-family: 'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size: 17px;font-weight: bold;}
ul#services_items .thumbnail { float:left; margin:10px 20px 0 0; }
	
/* ----- footer ----- */
#footer {min-height:90px;background:#1F1F1F url(img/footer_bg.jpg) repeat-x bottom;border-bottom:5px solid #C6715C;clear:both;}
#footer-content{width:960px;margin:0 auto;height:436px;}
#footer .footerBox {width:300px;height:300px;float:left;margin:0 10px;font-size:12px;color:#515151;}
#footer .footerBox.about-us p{padding-right:20px;}
#footer .footerBox h3  {padding:20px 0 10px 0;color:#949B0D;border-bottom:1px solid #292929;font-family: 'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size: 17px;font-weight: bold;}
#footer .footerBox ul#social li {padding:3px 0 3px 0;line-height:110%;border-bottom:1px solid #292929;}
#footer .footerBox ul#social li.last{border-bottom:0 none;}
#footer .footerBox ul#social li strong{color:#efefef;}
#footer .footerBox ul#social li a{font-size:11px;text-decoration:none;color:#515151;padding:8px 0 6px 46px;
display:block;width:254px;height:24px;}
#footer .footerBox ul#social li a:hover {color:#949B0D;}
#footer .footerBox ul#social li.twitter a {background:url(img/ico_twitter.png) 4px 50% no-repeat;}
#footer .footerBox ul#social li.facebook a {background:url(img/ico_facebook.png) 4px 50% no-repeat;}
#footer .footerBox ul#social li.flickr a {background:url(img/ico_flickr.png) 4px 50% no-repeat;}
#footer .footerBox ul#social li.linkedin a {background:url(img/ico_linkedin.png) 4px 50% no-repeat;}
#footer .footerBox ul#social li.delicious a {background:url(img/delicious.png) 4px 50% no-repeat;}
#footer .footerBox ul#social li a:hover{background-color:#202020;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#footer p{color:#AFAFAF;}

#copy {clear:both;padding:20px 0 8px 20px;}
#footer ul#footerMenu {padding-left:20px;}
#footer ul#footerMenu li{float:left;padding:0 10px;border-left:1px solid #292929;line-height:100%;}
#footer ul#footerMenu li a{color:#7f7e7e;}
/* ------------ contact form ---------------*/
p.input_form {float: left;padding:2px 0;clear: both;color:#7f7e7e;font-size: 14px;margin:0 0 2px 0;}
label.label_name {width:50px;float:left;}
#contact_us input, #contact_us textarea {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	width: 230px;background:#f3f3f3;border:1px solid #eae9e9;font-size:13px;padding:4px;color:#797676;}
#contact_us input.button {text-transform: uppercase;color: #fbfbfb;background:#92AF2B;margin:10px 10px 0 50px;
	padding: 5px 40px;display:inline-block;font-size:12px;width:auto;border:0px;cursor: pointer;float:left;}
#contact_us input.button:hover{background:#809F13;}
div#feedback {width:290px;height:60px;position:absolute;top:-10px;left:0;z-index:100;}
#footer p.error {display: none;padding:1px 10px;background:#f3f3f3;color:#FA0000;font-weight:bold;margin:0;}
p#submit {text-align:left;width:300px;float:left;}
p#success {display: none;font-size:16px;text-align:center;cursor: pointer;color:#9e9595;font-style:italic;}
.contactbox{position:relative;}
/* ------------ main-menu ---------------*/
.main-nav-wrap{background:transparent;float:left;width:100%;padding:20px 0 10px 0;clear:both;height:36px;border-bottom:1px solid #444;}
.main-nav-wrap h2{float: left;font:normal normal 28px/1.5 Georgia, Times, 'Times New Roman', serif;
border-left:8px solid #7AB4B8;padding-left:12px;}
.main-nav-wrap .main-nav{float:right;list-style:none;padding:8px 0 0 0;margin:0;}
.main-nav-wrap .main-nav li{color:#62574e;list-style:none;display:inline;float:left;margin:0 10px 0 0;padding:5px;}
.main-nav-wrap .main-nav li a{display:block;float:left;text-transform:uppercase;color:#62574e;padding:1px 8px;background:#FAFAFA;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size:12px;}
.main-nav-wrap .main-nav li a:hover{color:#175e83;text-decoration:none;}
.main-nav-wrap .main-nav li.current a{background-color:#92AF2B /*#DB3C56*/;color:#fff;}
/* ------------ quotes ---------------*/
.quotes{width:960px;margin:10px 0 20px 0;float:left;border:1px solid #e8e8e8;height:230px;background:#F6F6F6;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;font-size: 12px;position: relative;}
.quotes p{display:block;float:left;width:260px;height:220px;margin:0 15px 10px 15px;padding:0 0 0 30px;background: url(img/quote_open.jpg) no-repeat left 3px;}
.quote{background: url(img/quote_close.jpg) no-repeat right bottom;padding-bottom:20px;float:left;
display:block;font-family:Georgia, "Time New Roman", Times, serif;font-style:italic;}
.quotes h4 {color: #175e83;margin:10px 0 10px 25px;font-family: 'Trebuchet MS',Trebuchet,Verdana,sans-serif;font-size: 17px;font-weight: bold;}}
.quotes a.more {display: block;width: 71px; height: 71px;text-indent: -9999px;
	background: url(img/bg-ok.png) no-repeat;position: absolute;bottom: -5px; right: -5px;}
.partner{padding:8px 10px 0 0;text-align:right;float:left;display:block;}

div#hire-bar{width:960px;height:70px;margin:30px 0 30px 0;float:left;background:#609A9E url(img/bg-blue.jpg) no-repeat 50% top;
border: 1px solid #e8e8e8;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
p.tervezo{width:492px;height:66px;float:left;padding:4px 5px 0 15px;color:#fff/*#444*/;margin:0;
font:normal bold 13px/150% Arial, sans-serif;font-style:italic;}
p.tervezo a{}
p.tervezo a img{float:right;padding:4px 8px 0 8px;}
a.tervezo:hover{color:#5F5F5F;text-decoration:none;}
a#hire-now{margin:12px 20px 0 0;}

#portfolio{width:960px;float:left;}
#portfolio li{width:300px;padding:0 9px;height:380px;display:block;float:left;}
#portfolio li a.fl{position:relative;width:300px;height:270px;display:block;float:left;margin:0 2px 10px 2px;overflow:hidden;}
#portfolio li a img {width:280px;height:250px;background:none repeat scroll 0 0 #FAFAFA;
border:1px solid #F0F0F0;padding:9px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
#portfolio li a:hover img{border-color:#CFCFCF;}
#portfolio li a img.zoom{width:41px;height:41px;padding:0;border:0;margin:0;background:transparent;position:absolute;
	right:10px;bottom:-100px;}
#portfolio li a:hover img.zoom{bottom:10px;}
#portfolio li strong{font:bold 16px/140% "Helvetica LT Std",Arial,Tahoma,Verdana,sans-serif;margin-top:10px;}
#portfolio li span{font-size:10px;line-height:12px;float:left;margin-bottom:2px;height:16px;display:block;}
#portfolio li a.external {background:none repeat scroll 0 0 #7AB4B8/*#72C8DE*/;border:0 none;color:#FFFFFF;display:block;float:left;
font:bold 11px Arial,Tahoma,Verdana,sans-serif;padding:3px 8px;text-transform:uppercase;width:auto;clear:both;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#portfolio li a.external:hover{background-color:#444444;text-decoration:none;}