body												{ background: url(../img/background.jpg) top right no-repeat #000; font-family: Helvetica, Arial; font-size: 11px; }

/*site header*/
div.header											{ background: url(../img/33.png); height: 133px; width: 100%; }
div.logotype a										{ position: relative; top: 35px; }

/*navigation main-menu*/
ul.menu												{ position: relative; top: 40px; }
ul.menu li											{ padding: 18px 29px; background: url(../img/menu-spacer.png) right no-repeat; float: left; }
ul.menu li a										{ text-indent: -9999px; }
li a.news											{ display: block; height: 15px; width: 46px; background: url(../img/menu_news.png) center top no-repeat; }
li a.news:hover										{ display: block; height: 15px; width: 46px; background: url(../img/menu_news.png) center bottom no-repeat; }
li a.firma											{ display: block; height: 15px; width: 48px; background: url(../img/menu_firma.png) center top no-repeat; }
li a.firma:hover									{ display: block; height: 15px; width: 48px; background: url(../img/menu_firma.png) center bottom no-repeat; }
li a.portfolio										{ display: block; height: 15px; width: 69px; background: url(../img/menu_portfolio.png) center top no-repeat; }
li a.portfolio:hover								{ display: block; height: 15px; width: 69px; background: url(../img/menu_portfolio.png) center bottom no-repeat; }
li a.kontakt										{ display: block; height: 15px; width: 64px; background: url(../img/menu_kontakt.png) center top no-repeat; }
li a.kontakt:hover									{ display: block; height: 15px; width: 64px; background: url(../img/menu_kontakt.png) center bottom no-repeat; }

h2.header img										{ background: url(../img/25.png); border: 1px solid #383838; display: block; padding: 7px 10px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; margin: 30px 0px 15px 0px; }

ul.social-media-icons								{ position: relative; top: 25px; float: right; }
ul.social-media-icons li							{ float: left; margin: 5px; }
ul.social-media-icons .twitter						{ display: block; height: 24px; width: 24px; background: url(../img/fbtw.gif) 0px 0px; }
ul.social-media-icons .twitter:hover				{ background-position: 0px -24px; }
ul.social-media-icons .facebook						{ display: block; height: 24px; width: 24px; background: url(../img/fbtw.gif) -24px 0px; }
ul.social-media-icons .facebook:hover				{ background-position: -24px -24px; }

div.header-tile										{ background: url(../img/33.png); border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; margin-top: 30px; }
div.header-tile h2									{ font-family: Georgia; font-size: 1.55em; font-variant: small-caps; color: #d9dfe2; font-weight: normal; letter-spacing: 3px; padding: 40px 0px 0px; text-align: center; }
div.header-tile	p									{ font-family: Georgia; color: #5b646a; padding: 15px 20px 60px; text-align: center; }
div.header-tile	p span.first						{ font-size: 1.65em; display: block; padding: 0px 35px; }
div.header-tile	p span.second						{ font-size: 1.1em; display: block; padding: 2px 40px 0px; letter-spacing: 1px; color: #868d92; float: left; text-align: left; }
div.header-tile	p span.second a						{ text-decoration: none; color: #b1b9be; }
div.header-tile	p span.second a:hover				{ background: url(../img/33.png); color: #d3dbe0; }

div.news											{ border-top: 1px dashed #383838; border-bottom: 1px dashed #383838; min-height: 180px; height: auto !important; height: 180px; }
div.news p											{ color: #9aa1a5; line-height: 15px; padding: 20px 25px 10px 25px; }
div.news p a										{ color: #088dcd; }
div.news p a:hover									{ color: #0ea7f0; }

div.news span.readmore a							{ float: right; background: url(../img/grey11.png); border: 1px solid #303030; margin: 10px 25px 20px 25px; color: #858c8f; font-size: 12px; font-family: Helvetica, Arial; padding: 8px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; text-decoration: none; }
div.news span.readmore a:hover						{ color: #fff; }

div.slider											{ background: url(../img/20.png); height: 185px; border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; }

/*jCarousel*/

.jcarousel-container 								{ padding-top: 24px; margin: 0 auto; text-align: center; }
.jcarousel-container-horizontal						{ width: 864px; }
.jcarousel-clip 									{ z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list 									{ z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li,
.jcarousel-item 									{ float: left; list-style: none; width: 200px; height: 140px; display: block; }

.jcarousel-prev-horizontal 							{ position: absolute; top: 85px; left: 5px; width: 7px; height: 13px; cursor: pointer; background: url(../img/arrows.gif) 0px 0px no-repeat;}
.jcarousel-prev-horizontal:hover 					{ background-position: 0px -13px; }
.jcarousel-next-horizontal 							{ position: absolute; top: 85px; right: 5px; width: 7px; height: 13px; cursor: pointer; background: url(../img/arrows.gif) -7px 0px no-repeat; }
.jcarousel-next-horizontal:hover 					{ background-position: -7px -13px; }

/*worth-reading*/

div.worth-reading									{ background: url(../img/worth-seeing.png) center no-repeat; width: 540px; height: 169px; }
div.worth-reading h3								{ color: #fff; font-size: 13px; font-weight: normal; margin: 5px 20px 15px 0px; padding-left: 30px; background: url(../img/dot.png) left no-repeat; }
div.text											{ float: left; color: #9aa1a5; line-height: 15px; margin: 20px; width: 320px; }
div.image											{ float: right; margin: 20px; }

/*footer*/

div.footer											{ margin-top: 20px; margin-bottom: 10px; border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; }
div.footer dl										{ margin: 10px 0px 20px 0px; }
div.footer dl dt									{ font-size: 11px; font-weight: bold; color: #7a8086; padding: 6px; }
div.footer dl dd									{ border-bottom: 1px dashed #1c1c1c; height: 25px; }
div.footer dl dd a									{ color: #36393c; line-height: 25px; padding: 4px 6px; }
div.footer dl dd a:hover							{ color: #64696e; text-decoration: underline; }
div.footer dl dd span								{ color: #36393c; line-height: 25px; padding: 4px; }

div.logo-bottom a									{ margin: 10px 0px; float: right; }

/*portfolio*/

div.portfolio										{ background: url(../img/20.png); border-bottom: 1px solid #242424; padding-top: 25px; padding-bottom: 25px; margin-bottom: 45px; }
div.portfolio h3									{ color: #c9d1d6; font-weight: 12px; padding: 0px 10px 10px 25px; }
div.portfolio p										{ color: #9aa1a5; line-height: 15px; padding: 10px 10px 10px 25px; }
div.portfolio dl dt									{ color: #c9d1d6; font-weight: 12px; padding: 0px 10px 20px 10px; }
div.portfolio dl dd									{ height: 26px; line-height: 26px; padding-left: 34px; background: url(../img/dd.png) 0px 0px; color: #898f93; }
div.portfolio dl dd.odd								{ background-position: 0px -26px; }
div.portfolio .icons								{ float: right; margin: 4px 0px 0px 4px; }
div.project-iphone-image							{ background: url(../img/img-frame1.png) center no-repeat; padding-top: 14px; padding-bottom: 14px; }
div.project-iphone-image img						{ display: block; margin: 0 auto; text-align: center; }
div.project-website-image							{ background: url(../img/img-frame2.png) center no-repeat; padding-top: 14px; padding-bottom: 14px; }
div.project-website-image img						{ display: block; margin: 0 auto; text-align: center; }
div.project-preview-image							{ background: url(../img/img-frame3.png) center no-repeat; padding-top: 14px; padding-bottom: 14px; }
div.project-preview-image img						{ display: block; margin: 0 auto; text-align: center; }
div.project-preview-image-nd						{ background: url(../img/img-frame4.png) center no-repeat; padding-top: 14px; padding-bottom: 14px; }
div.project-preview-image-nd img					{ display: block; margin: 0 auto; text-align: center; }


/*portfolio icons*/

ul.icons											{ float: right; }
ul.icons li											{ float: left; margin: 2px 3px; }

ul.icons .appstore									{ display: block; height: 38px; width: 116px; background: url(../img/appstore.png) 0px 0px; }
ul.icons .appstore:hover							{ background-position: 0px -38px; }

.iprezydenci-app, .multibank-app, .mailamail-app	{ display: block; height: 38px; width: 38px; background: url(../img/icons-sprite.png); }

.iprezydenci-app									{ background-position: 0px 0px; }
.iprezydenci-app:hover								{ background-position: 0px -38px; }
.multibank-app										{ background-position: -38px 0px; }
.multibank-app:hover								{ background-position: -38px -38px; }
.mailamail-app										{ background-position: -76px 0px; }
.mailamail-app:hover								{ background-position: -76px -38px; }

ul.appicons											{ float: right; }
ul.appicons li										{ float: left; margin: 6px 3px; }

.css, .xhtml, .php, .js, .flash, .sql, .wp			{ display: block; height: 38px; width: 38px; background: url(../img/appicons-sprite.png) 0px 0px; text-indent: -9999px; }

.css												{ background-position: 0px 0px; }
.xhtml												{ background-position: -38px 0px; }
.php												{ background-position: -76px 0px; }
.js													{ background-position: -114px 0px; }
.flash												{ background-position: -152px 0px; }
.sql												{ background-position: -190px 0px; }
.wp													{ background-position: -228px 0px; }

a.maps												{ display: block; float: right; width: 454px; height: 461px; background: url(../img/map.png) 0px 0px no-repeat; }
a.maps:hover										{ background-position: 0px -461px; }

/*contact-form*/
div.contact											{ border-bottom: none; }
form#contact-form									{ margin-bottom: 25px; }
.inputs												{ background: url(../img/grey11.png); border: 1px solid #303030; margin: 8px 0px 0px 25px; color: #858c8f; font-size: 12px; font-family: Helvetica, Arial; width: 398px; padding: 8px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.inputs:focus										{ border-color: #666; }

input.submit										{ float: right; cursor: pointer; width: auto; margin-right: 20px; }
input.submit:hover									{ color: #fff; }
.result												{ font-size:13px; height:30px; margin-left:25px; }