* {margin:0; padding:0}
a {outline:none}
img {border:0}
.clear {clear:both}
.left {float:left}
.right {float:right}
.wraper:after, .contact-content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
body {background: #2c2c2c url(/images/bg.jpg) top left; font-family: Arial; font-size: 13px}
.wraper {width: 960px; margin: 0 auto}
#top {height: 62px; background: url(/images/top.jpg) top left repeat-x}
#top .wraper {background: url(/images/header.jpg) top left no-repeat; position: relative; height: 62px}
#top h1 a {position: absolute; display: block; width: 219px; height: 48px; left: 20px; top: 7px; text-indent: -9999px; background: url(/images/logo.png) top left no-repeat}
#top ul#menu {list-style: none; position: absolute; right: 0px; top: 0; height: 62px}
#top ul#menu li {float: left; overflow: hidden; height: 62px}
#top ul#menu li a {text-indent: -9999px; display:block; height: 64px; margin: 0 8px}
#top ul#menu li a.m1 {width: 150px}
#top ul#menu li a.m1:hover {width: 150px}
#top ul#menu li a.m2 {width: 140px}
#top ul#menu li a.m2:hover {width: 140px}
#top ul#menu li a.m3 {width: 151px}
#top ul#menu li a.m3:hover {width: 151px}
#content {overflow: hidden; background: url(/images/content.jpg) top left repeat-x; height: 521px}
#slogan {width: 486px; height: 254px; text-indent: -9999px}
#content .wraper {position: relative}
.lcol {position: absolute; left: 0; top: 0; width: 486px}
.rcol {position: absolute; right: 0; top: 0; width: 474px}
.text address {color: #7c7c7c; float: left; line-height: 27px; width: 164px; margin-top: 30px; margin-left: 20px; background: url(/images/line.jpg) top right repeat-y}
.text p {float: left; width: 250px; font-size: 15px; line-height: 28px; color: #292929; margin-top: 30px; margin-left: 20px; cursor: default}
.text p img {margin-right: 5px}
.portfolio {width: 100%; height: 420px; margin-top: 33px; margin-left: 15px; position: relative}
.image {background: url(/images/portbg.png) top left no-repeat; width: 466px; height: 378px}
.image img {position:absolute; top: 12px; left: 14px; display:block}
.podpis {position: absolute; top: 365px; width: 86%; color: #585858; line-height: 21px; margin: 0 20px}
.podpis a {color: #296181; font-weight: bold; text-decoration: none}
.podpis a:hover {text-decoration: underline}
.portlink {width: 352px; height: 48px; text-indent: -9999px; display:block; margin: 0 auto; margin-top: 17px}
#footer {width: 960px; margin: 0 auto; margin-top: 30px; line-height: 50px}
.menusmall {list-style: none; color: #363636}
.menusmall li {float: left}
.menusmall li a {text-decoration: none; color: #555; padding: 0 10px; display: block}
.menusmall li a:hover { color: #0698ed}
.copytext {float:right; margin-right: 50px; color: #777; cursor: default}
#contentabout1 {background: #ffffff; height: 240px}
#contentabout1 .wraper {background: url(/images/sidebardark.jpg) top left repeat-y; position: relative; height: 100%}
#contentabout2 {background: #ffffff url(/images/dotbot.jpg) top left repeat-x; padding-top: 1px}
#contentabout2 .wraper {background: url(/images/sidebar.jpg) top left repeat-y}
.leftcolumn {width: 606px; float: left}
.rightcolumn {width: 354px; float:right}
.introducing img {display: block; margin-bottom: 20px}
.introducing {margin: 27px 40px 0 20px; line-height: 25px; font-size: 15px; color: #3f3f3f}
.rubyintro {margin: 32px 30px 0 30px; color: #606060; font-size: 13px; line-height: 23px}
.rubyintro img {margin-top: 7px; margin-right: 12px}
#contentabout2 .leftcolumn, #contentabout2 .rightcolumn {padding-top: 30px}
.block {width: 197px; margin-left: 20px; float: left; color: #808080; padding-left: 40px; margin-bottom: 50px}
.block h2 {font-size: 16px; color: #595959; line-height: 32px; font-weight: bold}
.block p {line-height: 25px}
.rig {margin-left: 60px}
.b1 {background: url(/images/icons/color.jpg) top left no-repeat}
.b2 {background: url(/images/icons/Computer.jpg) top left no-repeat}
.b3 {background: url(/images/icons/edit.jpg) top left no-repeat}
.b4 {background: url(/images/icons/help.jpg) top left no-repeat}
.b5 {background: url(/images/icons/install.jpg) top left no-repeat}
.b6 {background: url(/images/icons/notebook.jpg) top left no-repeat}
.b4 p a {text-decoration: none; font-weight: bold; color: #666; display: block; background: url(/images/icons/new_mail_small.png) center left no-repeat; padding: 2px; padding-left: 26px}
#ppl {list-style: none}
#ppl li {display: block; margin: 0 auto; background: url(/images/border.jpg) bottom center no-repeat; width: 354px; overflow: hidden; height: 165px}
#ppl li.tooltip {width: 570px; display: none; height: 401px; background: url(/images/tooltip_bg.png)}
#ppl li.tooltip div.inner_tooltip {padding: 60px 98px 49px 80px; color: #444}
#ppl li.tooltip div.inner_tooltip strong {display: block; padding-bottom: 3px; font-size: 26px; border-bottom: 1px solid #ddd; margin-bottom: 20px; color: #444; font-weight: normal; display: none; text-align: center}
#ppl li.tooltip div.inner_tooltip p {line-height: 30px; margin-bottom: 20px; font-family: Georgia; font-size: 20px}
#ppl li.tooltip div.inner_tooltip p a {display: inline; margin: 0; padding: 0; font-size: 13px}
#ppl li a {display: block; width: 234px; padding-top: 35px; height: 95px; text-decoration: none; color: #005481; font-size: 15px; font-weight: bold; padding-left: 120px; background-repeat: no-repeat; background-position: 30px 35px}
#ppl li.bartosz a {background-image: url(/images/people/bartosz.png)}
#ppl li.michal a {background-image: url(/images/people/michal.png)}
#ppl li.pawel a {background-image: url(/images/people/pawel.png)}
#ppl li a img {float: left; margin-right: 15px}
#ppl li a span {display: block; margin-top: 5px; font-weight: normal; color: #626262; font-size: 13px}
#ppl li a span strong {display: block; margin-bottom: px}
#contentabout2 .rightcolumn {background: url(/images/dotsb.jpg) top left repeat-x; margin-top: -1px}
.back {display: block; width: 209px; margin-left: 30px; height: 22px; text-decoration: none; background: url(/images/back.jpg) top left no-repeat; font-size: 12px; color: #afafaf; margin-top: -30px; text-align: center; line-height: 22px}
.back:hover {color: #888888}
.info {margin-bottom: 30px !important; margin-top: 5px}
.info a {float: left; width: 56px; height: 15px; background: url(/images/smallink.jpg) top left no-repeat; margin: 0 10px; font-size: 12px; color: #808080; text-align: center; line-height: 15px; text-decoration: none}
.leftfoto {width: 241px; margin-top: 30px; float: left}
.rightcontent {float: right; width: 305px; margin-top: 60px; padding-left: 30px; padding-right: 30px}
.rightcontent h2 {color: #4d4d4d; font-size: 25px}
.rightcontent p {line-height: 25px; color: #4d4d4d; margin-bottom: 15px; font-size: 13px}
.pl, .en {position: absolute; right: 10px; display: block; width: 16px; height: 11px; text-indent: -9999px; z-index: 100000}
.pl {top: 80px; background: url(/images/pl.jpg) top left no-repeat}
.en {top: 100px; background: url(/images/en.jpg) top left no-repeat}
#portfolio-content {height: 100%; background: #ffffff}
.contact-content {height: 100%; background: #ffffff; padding-bottom: 40px}
.contact-content .left {float: left; width: 460px; margin-left: 20px; font-size: 13px}
.contact-content .left label {display: block; color: #797979; margin-bottom: 5px}
.contact-content .left input#name, .contact-content .left input#mail {width: 270px; border: 1px solid #505050; padding: 7px; margin-bottom: 20px}
.contact-content .left input#send {width: 93px; height: 26px; display: block; margin: 15px auto}
.contact-content .left textarea {width: 100%; border: 1px solid #505050; padding: 7px; height: 150px}
.contact-content .right {float: right; width: 415px}
.contact-content .right address {overflow: hidden; float: right; color: #444; font-style: normal; line-height: 24px; width: 415px; margin-bottom: 20px}
.contact-content .right address a {color: #0081cb; text-decoration: none}
.contact-content .right address a:hover {color: #00a2ff; text-decoration: none}
.vcard {margin: 10px 0 20px 0; display: inline-block; color: #797979; font-weight: bold; padding-left: 20px; line-height: 15px; background: url(/images/vcard.jpg) left center no-repeat; text-decoration: none}
.contact-content .right p {line-height: 20px; width: 85%}
.navigon {float: left; width: 216px; list-style: none; margin-left: 18px; margin-top: 15px}
.navigon li a {display: block; height: 35px; line-height: 35px; background: url(/images/portfolio-link.jpg) bottom left repeat-x; text-align: right; font-size: 14px; color: #2b2b2b; padding-right: 10px; font-weight: bold; text-decoration: none}
.navigon li a:hover { padding-right: 11px}
.navigon li a.active {background: url(/images/portfolio-link.jpg) top left repeat-x; color: #0085d1; padding-right: 14px}
.show-portfolio {float: right; width: 726px; background: url(/images/portfolio-bg.jpg) top left no-repeat}
.show-portfolio h3 {line-height: 40px; border-bottom: 1px solid #f2f2f2; margin: 0 13px; position: relative}
.show-portfolio h3 a {color: #f2b200; text-decoration: none; font-size: 22px; line-height: 46px}
.show-portfolio h3 a span{ color: #5A5A5A; font-size: 16px}
.show-portfolio h3 small {position: absolute; right: 0; font-size: 11px !important}
.show-portfolio p {line-height: 22px; font-size: 12px; margin: 11px 11px 40px 11px}
.show-portfolio h3 small span {font-size: 11px !important; display: inline-block; margin-left: 10px; color: #4F4F4F; font-weight: bold; padding-left: 20px; cursor: default}
.show-portfolio h3 small span.ror {background: url(/images/icons/rails.jpg) left center no-repeat}
.show-portfolio h3 small span.haml {background: url(/images/icons/haml.jpg) left center no-repeat; padding-left: 25px}
.show-portfolio h3 small span.facebook {background: url(/images/icons/facebook.png) left center no-repeat; padding-left: 30px}
.show-portfolio h3 small span.sass {background: url(/images/icons/sass.jpg) left center no-repeat; padding-left: 25px}
.show-portfolio h3 small span.gmaps {background: url(/images/icons/google.png) left center no-repeat; padding-left: 25px}
.portfolio-item ul {list-style: none}
.portfolio-img {display: block; width: 706; height: 270px; margin: 10px 0 10px 10px}
img.titleheader-port {display: block; margin: 0 0 30px 18px; padding-top: 30px}
ul.addus {list-style: none; clear:both; width: 465px; height: 40px; position: relative; padding: 25px 0 0 30px; margin-left: 53px; margin-bottom: 30px}
ul.addus li {float: left}
ul.addus li a {text-decoration: none; font-weight: bold; color: #888; display: inline-block; padding-left: 37px; margin-right: 33px; line-height: 31px}
ul.addus li a:hover {color: #000}
ul.addus li a.blip {background: url(/images/icons/blip.png) left center no-repeat}
ul.addus li a.flaker {background: url(/images/icons/flaker.png) left center no-repeat}
ul.addus li a.twitter{ background: url(/images/icons/twitter.png) left center no-repeat}
ul.addus li a.facebook {background: url(/images/icons/facebook.png) left center no-repeat}
h4 {font-size: 20px; font-weight: normal; cursor: default; color: #999; margin-bottom: 5px}
h4 span {border-bottom: 1px solid #ddd}