html { overflow-y: scroll; overflow-x: hidden }
body { margin: 0 }
/* Style the selection color: */
/* Mozilla based browsers */
::-moz-selection { background-color: #cfecff; color: #000 }
:-moz-any-link:focus { outline: none }
/* Works in Safari */
::selection { background-color: #cfecff; color: #000 }
/*** LAYOUT STYLES: ***/
#container { float: left; width: 100%; min-width: 1024px }
#header { float: left; background: url(../images/top-bg.jpg) repeat-x top; height: 28px; padding: 0 10%; width: 80% }
#nav-cont { float: left; background: url(../images/nav-bg.jpg) repeat-x bottom #fff; height: 82px; padding: 0 10%; width: 80% }
#portfolio-cont { float: left; background: url(../images/portfolio-cont-bg.jpg) repeat-x top; height: 340px; padding: 0 10%; width: 80% }
#breadcrumbs-cont { float: left; background: url(../images/green-space-bg.jpg) repeat-x top; height: 30px; padding: 0 10%; width: 80% ; margin: 0; list-style: none }
#content { float: left; background: url(../images/content-bg.jpg) repeat-x top #fff; min-height: 400px; padding: 40px 10%; width: 80%}
#footer-sitemap-cont { float: left; background: url(../images/sitemap-cont-bg.jpg) repeat-x top #fff; min-height: 100px; padding: 0 10%; width: 80% }
#footer { float: left; background: url(../images/footer-bg.jpg) repeat-x top; height: 51px; padding: 0 10%; width: 80% }
/*** Header Styles: ***/
#header p#lang-select { margin: 0; text-align: right; color: #fff; font-family: Arial, Helvetica, sans-serif; margin: 5px 0; font-size: 12px; letter-spacing: 1px }
#header a.change-language { display: block; height: 16px; width: 16px; background-position: top left; background-repeat: no-repeat; float: right; margin: 2px 10px }
#header a.change-language#polish-lang { background-image: url(../images/lang/pl.png) }
/*** LOGO + NAV STYLES: ***/
#nav-cont a#header-logo { display: block; height: 68px; width: 216px; background: url(../images/header-logo.jpg) no-repeat center; padding: 15px 0 0 0; float: left }
#nav-cont ul#main-nav { float: right; list-style: none; margin: 25px 0 0 ; padding: 0 }
#nav-cont ul#main-nav li { float: left; margin: 0 15px; padding: 10px 0 3px 0 }
#nav-cont ul#main-nav li a { font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; text-decoration: none; color: #000; padding: 10px 0 3px 0; text-transform: lowercase; font-size: 20px }
#nav-cont ul#main-nav li.active { border-bottom: 3px solid #75a944 }
/*** BREADCRUMBS MENU STYLES: ***/
#breadcrumbs-cont * { font-family: Arial, Helvetica, sans-serif }
#breadcrumbs-cont li { float: left }
#breadcrumbs-cont a { display: block; margin: 7px 0; float: left }
#breadcrumbs-cont span { display: block; margin: 5px 0 0 5px; color: #fff; float: left }
#breadcrumbs-cont span#breadcrumbs-active-page { float: left; font-size: 13px; font-weight: bold; margin: 7px 0 0 10px }
#breadcrumbs-cont a.breadcrumbs-link { float: left; font-size: 13px; font-weight: normal; margin: 7px 0 0 10px; color: #fff; text-decoration: none }
#breadcrumbs-cont a.breadcrumbs-link:hover { text-decoration: underline }
#breadcrumbs-cont a#breadcrumbs-home-link { float: left; display: block; float: left; height: 20px; width: 20px; text-decoration: none; text-indent: -9999px; background: url(../images/icons/home.png) 0 0 no-repeat }
/*** PORTFOLIO CONTAINER STYLES: ***/
#portfolio-cont #intro-text-cont { float: left; max-width: 38%; margin-right: 12% }
#portfolio-cont h3 { font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; text-transform: uppercase; font-size: 30px;
text-shadow: #ebffd3 0 1px; margin-bottom: 10px }
#portfolio-cont p { font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #000; text-shadow: #edffd3 0 1px; font-size: 18px; line-height: 28px;
text-align: justify }
#portfolio-cont p a { color: #000; font-weight: bold; text-decoration: none; border-bottom: 1px solid #000 }
#portfolio-cont #recent-projects-cont { float: right; width: 45%; padding-top: 20px }
#portfolio-cont #recent-projects-cont p { font-size: 13px; color: #fff; text-shadow: none }
#portfolio-cont #recent-projects-cont p a { border: none }
/*** MAIN CONTENT TAG STYLES: ***/
#content h1 { color: #75a944; font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-weight: 500 }
#content h2 { font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-weight: 500 }
#content h2.staff-member-name { margin-bottom: 0 }
#content p { color: #818181; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 20px; margin: 0 0 1.5em }
#content p a { color: #689edc; text-decoration: none }
#content p a:hover { text-decoration: underline; color: #2379b2 }
#content a img { border: none }
#content div.employee-biog { background-repeat: no-repeat; background-position: top left; padding: 0 0 0 150px }
/* Image Styles: */
#content img.float-right { float: right; padding: 0 10px }
#content img.float-left { float: left; padding: 0 10px }
/* List Styles: */
#content ul li { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #818181; line-height: 25px }
#content ul.list-ticks { margin: 0 0 1.5em; padding: 0 }
#content ul.list-ticks li { list-style: none; background: url(../images/green-bullet.png) no-repeat 0 5px; padding: 0 0 0 25px; margin: 0 0 0 20px }
#content ul.list-ticks li a { color: #689edc; text-decoration: none }
#content ul.list-ticks li a:hover { text-decoration: underline; color: #2379b2 }
/* Content columns: */
#content div.main-col { padding: 0 3% 0 0; width: 62%; float: left; border-right: 1px solid #ccc }
#content div.sidebar { padding: 20px 2%; width: 30%; min-width: 225px; float: right }
#content div.cols-3-cont { width: 100%; float: left }
#content div.cols-3-cont div.col1 { width: 30%; margin-right: 3%; float: left }
#content div.cols-3-cont div.col2 { width: 31%; margin-right: 3%; float: left }
#content div.cols-3-cont div.col3 { width: 33%; float: left }
/* Column Headers: */
#content div.cols-3-cont div.head { border-bottom: 1px solid #ccc; margin-bottom: 10px }
#content div.cols-3-cont div.head h2 { margin: 0 }
#content div.cols-3-cont div.head span { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; color: #75a944; margin: 5px 0; display: block }
#content div.cols-3-cont div.col-content p { font-size: 12px }
/* Content Section: */
#content div.content-section { float: left; border-top: 1px solid #ccc; width: 100%; margin-bottom: 20px }
#content div#free-quote-container { float: left; margin: 0 5px 5px 0; padding-top: 130px; font-family: Arial, Helvetica, sans-serif; color: #75a944;
width: 130px; background: url(../images/content/quote-icon.png) top no-repeat }
#content div#free-quote-container span { display: block; font-weight: bold; font-size: 18px; color: #818181 }
/* "Read More" link: */
a.read-more { display: block; height: 24px; width: 87px; text-indent: -10000px; background: url(../images/read-more-green.jpg) top no-repeat }
a.read-more:hover { background-position: bottom }
/* Column Image Headers: */
a.column-header { display: block; text-indent: -10000px; border: 1px solid #e3e3e3; padding: 5px; background-color: #f3f3f3; margin-bottom: 10px }
a.column-header div.img-container { background-repeat: no-repeat; background-position: center; height: 50px }
/* Gallery Styles: */
#content div.image-gallery { margin-top: 10px }
div.image-gallery a { display: block; float: left; margin-right: 10px; border: 1px solid #999; background-color: #fff }
div.image-gallery a:hover { background-color: #eee }
div.image-gallery a img { border: none; margin: 2px }
/*** SIDEBAR STYLES: ***/
#content .sidebar div.sidebar-title { padding-bottom: 7px; background: url(../images/sidebar-header-arrow.png) no-repeat center bottom }
#content .sidebar div.sidebar-title h1 { border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; color: #545454; font-size: 1.6em; font-weight: bold; letter-spacing: 1px;
margin: 0px; padding: 8px 0px; text-align: center }
#content .sidebar p { font-size: 0.8em; margin: 5px 0 }
#content .sidebar p.sidebar-icon { padding-left: 25px; background-repeat: no-repeat; background-position: 0 2px }
#content .sidebar p#contact-address { background-image: url(../images/icons/mail_address.png); background-position: 0 5px }
#content .sidebar p#contact-map { background-image: url(../images/icons/map.png) }
#content .sidebar p#contact-email { background-image: url(../images/icons/email.png) }
#content .sidebar p#contact-phone { background-image: url(../images/icons/phone.png) }
#content .sidebar p#contact-fax { background-image: url(../images/icons/fax.png) }
/* Child Page Links: */
#content .sidebar ul#list-child-pages { margin: 10px 0 0; list-style: none; padding: 0 }
#content .sidebar ul#list-child-pages li { border-bottom: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: normal }
#content .sidebar ul#list-child-pages li a { color: #6f6f6f; display: block; padding: 8px 0 14px 45px; text-decoration: none; background: url(../images/icons/page_large.png) no-repeat 8px 13px }
#content .sidebar ul#list-child-pages li a:hover { background-color: #f6f6f6 }
#content .sidebar ul#list-child-pages li a.active { border-left: 3px solid #92c71f; padding: 8px 0 14px 42px; cursor: default; background: #f6f6f6 url(../images/icons/page_large.png) no-repeat 5px 13px }
#content .sidebar ul#list-child-pages li a span { display: block }
ul#list-child-pages li a span.page-title { font-weight: bold; margin: 3px 0 2px 0; font-size: 12px }
ul#list-child-pages li a span.page-descr { font-weight: normal; font-size: 11px; margin: 0 }
/* Project Links: */
#content .sidebar ul#list-projects { margin: 10px 0 0; list-style: none; padding: 0 }
#content .sidebar ul#list-projects li { border-bottom: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: normal }
#content .sidebar ul#list-projects li a { color: #6f6f6f; display: block; padding: 8px 0 14px 45px; text-decoration: none; background-position: 8px 10px; background-repeat: no-repeat }
#content .sidebar ul#list-projects li a:hover { background-color: #f6f6f6 }
#content .sidebar ul#list-projects li a.active { border-left: 3px solid #92c71f; padding: 8px 0 14px 42px; cursor: default; background-color: #f6f6f6; background-repeat: no-repeat; background-position: 5px 10px }
#content .sidebar ul#list-projects li a span { display: block }
ul#list-projects li a span.page-title { font-weight: bold; margin: 3px 0 2px 0; font-size: 12px }
ul#list-projects li a span.page-descr { font-weight: normal; font-size: 11px; margin: 0 }
/* Portfolio project page: */
#content p.visit-project-link { display: block; clear: both; font-size: 20px; font-weight: bold; padding: 30px 0 0 }
#content p.visit-project-link a { display: block; padding: 10px 40px ; background: url(../images/icons/live-project-view.png) left no-repeat; color: #92c71f; text-decoration: none; width: auto }
#content p.visit-project-link a:hover { color: #75a944 }
/*** FORM STYLES: ***/
/* General Form Styles: */
form span.req-field { font-weight: bold; color: #c00 }
form span.req-field.large { font-size: 20px; margin-left: 10px }
/* Contact Form: */
#contact-form { border: 1px solid #ccc; padding: 5%; background: url(../images/white-space.gif) repeat-x #f4f4f4; float: left; width: 90% }
#contact-form h3 { color: #545454; text-shadow: #fff 1px 1px; font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
font-size: 28px; font-weight: normal; margin: 0 0 20px 0 }
#contact-form p { float: left; width: 100%; margin: 0 0 40px 0 }
#contact-form p label { display: block; float: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 35px }
#contact-form p input { background: url(../images/text-form-bg.jpg) repeat-x #fff; border-radius: 4px; float: right; margin: 0; padding: 10px 11px; width: 70%;
border: 1px solid #bbb }
#contact-form p textarea { background: url(../images/text-form-bg.jpg) repeat-x #fff; border-radius: 4px; float: right; height: 100px; width: 72%; padding: 5px;
border: 1px solid #bbb; max-width: 72%; font-family: Arial, Helvetica, sans-serif }
#contact-form #contact-submit { border: none; background: url(../images/contact-submit.png) no-repeat 0 0; cursor: pointer; float: right; height: 38px; text-indent: -9999px; width: 125px }
#contact-form #contact-submit:hover { background-position: 0 -40px }
#contact p#contact-submit-button { margin-bottom: 0; line-height: 0 }
#contact-form p#add-to-mailing-list { float: right; width: 70%; text-align: left }
p#add-to-mailing-list input { float: left; width: auto; margin-right: 10px }
p#add-to-mailing-list label { float: left; width: 90%; font-weight: normal; line-height: 13px; }
/* Field Legends: */
#contact-form span.legend { display: block; float: right; width: 70%; text-align: left; margin-top: 10px }
#contact-form span.legend.error { color: #c00 }
/* Email Success Div: */
div#email-sent-success { border: 1px solid #6C0; padding: 5px; margin: 10px 0; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #060; background-color: rgb(222, 245, 201) }
/*** PORTFOLIO CONTAINER: ***/
ul#portfolio-projects { list-style: none; padding: 0; margin: 0 }
ul#portfolio-projects li { float: left }
ul#portfolio-projects li a { display: block; background-color: #eee; height: 190px; width: 190px; padding: 5px; margin: 0 5px 5px 0; background-position: center; background-repeat: no-repeat; text-decoration: none }
ul#portfolio-projects li a h3 { position: relative; display: none; height: 190px; width: 190px; margin: 0; font-weight: normal; background: url(../images/opac-30.png) repeat; font-size: 14px }
ul#portfolio-projects li a h3 span { position: absolute; bottom: 0; display: block; background-color: #333; width: 100% }
ul#portfolio-projects li a h3 span p { margin: 0; padding: 5px; color: #fff }
ul#portfolio-projects li a:hover { background-color: #ddd }
ul#portfolio-projects li a:hover h3 { display: block }
ul#portfolio-project-image-thumbs { list-style: none; padding: 0; margin: 0 }
ul#portfolio-project-image-thumbs li { float: left }
ul#portfolio-project-image-thumbs li a { display: block; background-color: #eee; height: 100px; width: 100px; padding: 5px; margin: 0 5px 5px 0; background-position: center; background-repeat: no-repeat; text-decoration: none }
ul#portfolio-project-image-thumbs li a span { display: block; height: 100px; width: 100px; background: url(../images/opac-30.png) repeat }
ul#portfolio-project-image-thumbs li a:hover span { display: none }
/*** BLOG POST LIST: ***/
#content h1.blog-posts { width: 50%; float: left }
#content h1.blog-title { float: left; margin-bottom: 5px; width: 100% }
#content div.blog-view-nav { width: 60px; float: right }
#content div.blog-view-nav div { float: left; width: 20px; height: 23px; margin-top: 25px }
#content div.blog-view-nav div.prev { margin-right: 20px; background: url(../images/prev-arrows.png) no-repeat bottom }
#content div.blog-view-nav div.prev.disabled { background-position: top }
#content div.blog-view-nav div.prev a { text-indent: -1000px; display: block; width: 20px; height: 23px }
#content div.blog-view-nav div.next { background: url(../images/next-arrows.png) no-repeat bottom }
#content div.blog-view-nav div.next.disabled { background-position: top }
#content div.blog-view-nav div.next a { text-indent: -1000px; display: block; width: 20px; height: 23px }
#content div.blog-post-row { border-top: 1px solid #eee; float: left; width: 100% }
#content div.blog-post-row p.post-title { margin: 10px 0; font-weight: bold; font-size: 20px; border-bottom: 1px dotted #ddd }
#content div.blog-post-row p.post-title a { color: #75a944 }
#content div.blog-post-row p span.post-date { display: block; color: #111; font-weight: normal; font-size: 13px; margin: 5px 0 }
#content div.blog-post-row p.post-extract { margin: 5px 0 }
#content p.post-date { font-size: 13px; color: #aaa; padding: 0 0 5px 0; border-bottom: 1px dotted #ddd; margin: 0 0 10px 0 }
#content p.post-tags { border-bottom: 1px dotted #ddd; padding: 5px 0 }
/* Comments: */
#content div.comment-row { border-top: 1px solid #ccc; padding: 5px 0 }
#content div.comment-row p.comment-name { margin: 0; color: #75a944; font-size: 14px; font-weight: bold }
#content div.comment-row p.comment-name span.comment-date { float: right; font-size: 12px; font-weight: normal; color: #666; margin-left: 15px }
#content div.comment-row p.comment { margin: 10px 0 }
/* Comment Form: */
#content form#comment-form { background-color: #f8f8f8; padding: 9px; border: 1px solid #ccc }
#content form#comment-form label { display: block }
#content form#comment-form label p { margin: 5px 0; font-weight: bold; color: #75a944 }
#content form#comment-form label p span { font-weight: normal; color: #606060; letter-spacing: 0.02em }
#content form#comment-form input[type="text"] { width: 85%; padding: 3px; margin-bottom: 15px; border: 1px solid #75a944 }
#content form#comment-form textarea { width: 85%; padding: 3px; max-width: 85%; min-height: 75px; border: 1px solid #75a944; font-family: Arial, Helvetica, sans-serif }
#content form#comment-form input[type="submit"] { display: block; padding: 5px 10px; margin: 10px 0 0 }
/*** TOP FOOTER: ***/
#footer-sitemap-cont a { color: #689edc; text-decoration: none }
#footer-sitemap-cont a:hover { text-decoration: underline; color: #2379b2 }
#footer-sitemap-cont div.footer-col-50 { float: left; margin-right: 10%; width: 35%; min-height: 100px; padding: 25px 0 }
#footer-sitemap-cont div.footer-col-25 { float: left; margin-right: 5%; width: 25%; min-height: 100px; padding: 25px 0 }
#footer-sitemap-cont div.footer-col-25.last { float: left; margin-right: 0; width: 25% }
#footer-sitemap-cont div.footer-col-25 h3 { margin: 0; font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-weight: normal; background: url(../images/dot.png) no-repeat 8px left; padding: 0 0 0 15px; text-shadow: #fff 1px 1px }
#footer-sitemap-cont div#footer-col-1 { }
div#footer-col-1 a#footer-page-link { display: block; width: 183px; height: 55px; background: url(../images/footer-logo.png) top left no-repeat; text-indent: -9999px }
div#footer-col-1 p#footer-copyright-text { color: #2E2E2F; text-shadow: #fff 1px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin: 30px 0 }
#footer-sitemap-cont ul.footer-links { list-style: none; margin: 8px 0 0; padding: 0 }
#footer-sitemap-cont ul.footer-links li { border-bottom: 1px solid #ccc; width: 100% }
#footer-sitemap-cont ul.footer-links li a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; display: block; padding: 7px 5px; color: #4a4949 }
#footer-sitemap-cont ul.footer-links li a:hover { text-decoration: none; background-color: #eee }
#footer-sitemap-cont ul.footer-links li a.social { padding-left: 30px; background-repeat: no-repeat; background-position: 5px 7px }
#footer-sitemap-cont ul.footer-links li a#facebook-link { background-image: url(../images/icons/facebook.png) }
#footer-sitemap-cont ul.footer-links li a#twitter-link { background-image: url(../images/icons/twitter.png) }
#footer-sitemap-cont ul.footer-links li a#aboutus-org { background-image: url(../images/icons/aboutus-org-icon.jpg) }
#footer-sitemap-cont ul.footer-links li a#skype { background-image: url(../images/icons/skype.png) }
#footer-sitemap-cont ul.footer-links li a#rss-link { background-image: url(../images/icons/rss.png) }
/*** FOOTER STYLES: ***/
#footer p.link-cont { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding-top: 7px; float: left }
#footer p.link-cont a { color: #fff; text-decoration: none; margin-right: 20px }
#footer p.link-cont a:hover { border-bottom: 1px solid #fff }
#footer a#toTop { float: right; display: block; width: 96px; height: 25px; text-indent: -9999px; background: url(../images/goToTop.png) top no-repeat; margin: 15px 0 }
#footer a#toTop:hover { background-position: 0 -25px }