body {background: url(../images/top-sides.png); font-family: Tahoma, Geneva, sans-serif; font-size: 1em; color: #333}
a {text-decoration: none; color: #432132}
a:hover {color: #d7276d; border-bottom: 1px dotted #d7276d}
h1 {font-weight: normal; line-height: 1em}
h1,h2,h3,h4,h5 {text-shadow: 1px 1px 1px #fff;letter-spacing: -1px; color: #999}
h1 a, h2 a, h3 a, h4 a, h5 a {color: #999}
h1.facebook {margin: 0}
.inner {padding: 10px;}

div {position: relative}
#top {width: 100%; height: 380px; background: url(../images/top-sides.png) ;clear:both; border-bottom: 10px solid #b6b234}
#top .container_12 {background: url(../images/top.png) no-repeat;width:960px;height:380px}

#content {font-size: 0.8em; background: #e0e0e0; clear:both; padding: 0; overflow: hidden}
.content_light {position: absolute; left: 0px; width: 960px; height: 100%; background: url(../images/content-light2.png);left: 50%; margin-left: -460px}
#content .container_12 {padding: 20px 0; }
#portfolio_latest {background: #f0f0f0 url(../images/top-sides.png);clear:both; padding: 20px 0; overflow: hidden;border-top: 10px solid #b6b234}
#portfolio_latest .grid_10 {overflow: hidden}

#portfolio_latest_scroll ul {width: 3000px;margin: 0; list-style-type: none}
#portfolio_latest_scroll li {display: block; float: left; width: auto; position: relative; margin: 0;}
#portfolio_latest_scroll li div {text-align: center}
#portfolio_latest .content_light {background: url(../images/content-light.png) no-repeat; top: -200px; left: -100px; opacity: 0.8}


#customers  {background: white; }
#customers .grid_10 {overflow: hidden}
#customers_scroll {height: 75px;position: relative;}
#customers_scroll ul {width: 5000; margin: 0; list-style-type: none; width: 3000px}
#customers_scroll  li {display: block; float: left; width: auto; position: relative; margin: 0;}
#customers_scroll li div {text-align: center}
#customers_scroll  li img {padding: 10px 20px}
.customers_scroll_desc {font-size: 0.7em; color: #999; text-align: center; letter-spacing: 10px; line-height: 13px;margin-top: 10px;}
#foot {clear:both; background: url(../images/top-sides.png);color: #d7276d; padding: 20px 0}
#foot #credits {font-size: 0.6em; text-align: center}

#breadcrumbs {background: black; font-size: 0.65em; color: white; text-transform: uppercase;line-height: 30px;z-index: 120;border-bottom: 1px solid #222}
#breadcrumbs a {color: white;}

#menu {position: absolute; top: 165px; right: 10px;}
#menu a {background: url(../images/menu-divide.png) 0px -12px no-repeat; color: white; border: none; text-decoration: none; margin-left: 7px; padding: 100px 0 8px 10px;position:relative;z-index:100}
#menu a:hover {border: none}
#menu a.first {background: none}
#menu_floater {position: absolute; width: 75px; height: 400px; top: -172px; left: 0; background: url(../images/menu-floater.png) repeat-x;display: none; background-color: transparent}

#logo {position: absolute; top: 140px; width: 140px; height: 70px;z-index:100}
#slogan {color: #999; font-size: 10px; display: block; text-align: center; position: absolute; top: -5px; left: 80px; width: 100px;}


.news_main_page .date, .news .date {color: black;float: right; width: 46px; height: 48px; background: url(../images/date-background.png) no-repeat; text-align: center;}
.news_main_page .date .day, .news .date .day {margin-top: 8px; display: block; font-size: 18px; line-height: 18px;}
.news_main_page .date .month, .news .date .month{font-size: 10px;}
.news_main_page h3, .news h3 {margin-bottom: 5px;font-weight: normal; }
.news_main_page h3 a, .news h3 a { font-weight: normal;}

.news_main_page .intro, .news .intro {}
.news_main_page p {margin: 0 0 5px 0}
.read_more {background: url(../images/read-more.png) right no-repeat; padding-right: 25px; line-height: 25px;}
.read_more a {font-size: 0.8em}

.divider_top, .divider_bottom {position: absolute; width: 100%; height: 10px; background: url(../images/divide.png) center -1px no-repeat; z-index: 100; }
.divider_top {top: -10px;}
.divider_bottom {background-position: center -10px;bottom: -10px; }



.portfolio_list .list {margin: 0 20px 20px 0; float: left;}
.portfolio_list .list_even {margin: 0 0 20px 0; float: left;}

.portfolio_list .description {position: absolute; top: 0; left: 0; width: 230px; height: 92px; color: black;  background: url(../images/portfolio-arrow-right.png) right center no-repeat; opacity: 0.9; filter: (alpha=90); display: none;}
.portfolio_list .list .description {background: url(../images/portfolio-arrow-left.png) left center no-repeat;}
.portfolio_list .list .description .inner {margin: 0 0 0 10px; }
.portfolio_list .description .inner {background: white;  margin: 0 10px 0 0; height: 82px}
.portfolio_list .description h1 {font-size: 1.5em;margin: 0 0 5px 0 }
.portfolio_list .image img {border: 1px solid #000;padding: 4px; background: url(../images/black-20.png); float: left; }
.portfolio_list .description {font-size: 0.8em; z-index: 85;}
.portfolio_list .image {z-index: 90}

.scroll_left, .scroll_right {position:relative; width: 28px; height: 28px; top: 30px; background: url(../images/scroll-left.png)}
.scroll_right {background: url(../images/scroll-right.png); right: -32px}
div.leftHotSpot, div.rightHotSpot {position: absolute; top: 0; left: -80px; width: 60; height: 55px;z-index:1000}
div.rightHotSpot {left: 800px;}
div.scrollWrapper {position: relative;overflow: hidden;width: 100%;height: 100%;}
div.scrollableArea {position: relative;width: auto;height: 100%;}



#customers .scroll_left, #customers .scroll_right {top: 23px}

.ditto_pager {font-size: 11px}
.ditto_pager span, .ditto_pager a {margin-right: 10px; line-height: 25px;}
.ditto_previous_off, .ditto_previous_link {background: url(../images/prev.png) 0 -2px no-repeat; padding: 0 0 0 20px}
.ditto_next_off, .ditto_next_link {background: url(../images/next.png) right -2px no-repeat; padding: 0 20px 0 0}
.ditto_off, .ditto_currentpage {color: #666}
.ditto_page, .ditto_pager a {color: #fff}

#portfolio_slideshow {height: 470px}
#portfolio_slideshow .image img {border: 1px solid #000;padding: 9px; background: url(../images/black-20.png); float: left;  }
.portfolio h1 {font-size: 3em; margin-bottom: 10px}
.portfolio .description {font-size: 1em; margin-top: 20px}
h3.technologies {font-size: 10px; border-top: 1px solid #444; margin: 0 5px 0 0; float: left;}
ul.technologies {list-style-type:none; margin-left: 100px}
ul.technologies li {float: left; padding: 0; margin: 1px 5px 0 0; font-size: 10px; text-transform: uppercase}

.subpage h1, .subpage h2,.subpage h3,.subpage h4,.subpage h5 {text-shadow: none; color: #999 !important}
.subpage a {color: #a0a0a0}
.subpage a:hover {color: #d7276d}
.subpage #customers {margin-top: 0px; }
.subpage { background: url(../images/content-background.png)}
.subpage #foot {background: url(../images/content-background.png);}
.subpage #menu {top: 10px;}
.subpage #logo {top: 10px;}
.subpage #menu_floater {background:  url(../images/menu-floater2.png) repeat-x}
.subpage #content {color: #fff; background: none; padding: 120px 0 20px 0}
.subpage #top, .subpage #top .container_12 {height: auto}
.subpage .news h3, .subpage .news h3 a, .read_more a{color: #999 !important}
.subpage .news .date {color: black}

.grid_6 .grid_6 {margin: 0}
.spacer {height: 20px; clear:both}

.orange #top {background-image: url(../images/top-sides-orange.png)}
.orange #top .container_12 {background-image: url(../images/top-orange.png)}

.blue #top {background-image: url(../images/top-sides-blue.png)}
.blue #top .container_12 {background-image: url(../images/top-blue.png)}

.green #top {background-image: url(../images/top-sides-green.png)}
.green #top .container_12 {background-image: url(../images/top-green.png)}

.brown #top {background-image: url(../images/top-sides-brown.png)}
.brown #top .container_12 {background-image: url(../images/top-brown.png)}

.red #top {background-image: url(../images/top-sides-red.png)}
.red #top .container_12 {background-image: url(../images/top-red.png)}

.navy #top {background-image: url(../images/top-sides-navy.png)}
.navy #top .container_12 {background-image: url(../images/top-navy.png)}

#like_box {margin-top: 20px}

#EmailForm .row {clear: both; margin: 0 0 10px 0}
#EmailForm .row label {display: block; float: left; width: 150px; padding: 5px 0; margin: 0 20px 0 0}
#EmailForm .row input, #EmailForm .row textarea {border: 1px solid #666; padding: 5px; width: 260px; background: white url(../images/input-background.png) 0 -20px repeat-x}
#EmailForm .row textarea {height: 150px;}
#EmailForm .row select {font-size: 13px; padding: 3px 10px;}
#EmailForm .row option {margin: 5px 0}
#EmailForm .row input:focus,#EmailForm .row textarea:focus {border: 1px solid red; background: white  url(../images/input-background-lite.png) 0 -15px repeat-x }
#EmailForm .row .button {position: relative; border: none;padding: 3px 10px; width: 100px; display: inline-block; margin: 10px 10px 10px 0;font-size: 0.85em; cursor: pointer;color: black; background: #a0a0a0 url(../images/button-background.png) 0 0 repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; cursor: pointer; -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);text-align: center;}
#EmailForm .row .button:hover, #EmailForm .row .button.short:hover {background-color: #d7276d; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
#EmailForm .row .button.short {width:20px}
#EmailForm .row input.button {padding: 4px 10px; position: relative; top: -1px; }
#EmailForm fieldset.panel {border: 1px solid #666; padding: 10px 10px 0 10px; background: url(../images/black-20.png)}
#EmailForm fieldset.panel .row {margin-bottom: 10px}
#EmailForm .row input.required, #EmailForm .row textarea.required {border: 2px solid red;}
#EmailForm .row input.invalid, #EmailForm .row textarea.invalid {border: 2px solid yellow;}
#EmailForm .errors {padding: 10px; background: url(../images/black-50.png); border: 2px solid red; font-size: 0.85em}
.hidden {display: none}
.businesscard td {padding: 10px 10px 10px 0; color: white}
.right {text-align: right}

#beta {position: absolute; width: 80px; height: 80px; top:0; right: 0; background: url(../images/beta.png) no-repeat;}
.contact_businesscard {position: absolute; bottom: -60px; left: 715px; width: 300px; height: 300px; background: url(../images/kontakt-wizytowka.png) no-repeat}

p,ul,td,h1,h2,h3,h4,h5,.date,.list,.list_even{opacity:0.01; filter: alpha(opacity=0)}