@CHARSET "UTF-8";
body { background-color: #252525;  background-image: url('../images/topbg.gif'); background-repeat: repeat-x; font-family: Georgia,sans-serif; }

div.clear { clear: both; }

div#languageSelector { width: 280px; color: #fff; margin: 200px auto; font-size: 16px; }
div#languageSelector > ul { list-style: none; }
div#languageSelector > ul > li { margin: 10px 0; }
div#languageSelector > ul > li > a { color: #fff; }

div#pageWrapper { width: 725px; margin: 0 auto; }

div#topNavi { width: 725px; height: 114px; margin: 0 auto; }
div#topNavi .col { width: 120px; height: 114px; float: left; }
div#topNavi .col a { display: block; width: 120px; height: 18px; background-repeat: no-repeat; }
div#topNavi .col .indicator { height: 61px; }
div#topNavi .col .indicator div { background-image: url('../images/navi_icon_sprite.gif'); background-repeat: no-repeat; width: 120px; height: 46px; }
div#topNavi .col .empty { width: 120px; height: 61px; }

div#topNavi .col .indicator div.home { background-position: 0 0; }
div#topNavi .col a.home_pl { background-image: url('../images/menu_sprite_pl.gif'); background-position: 0 0; }
div#topNavi .col a.home_en { background-image: url('../images/menu_sprite_en.gif'); background-position: 0 0; }
div#topNavi .col .indicator div.about { background-position: 0 -46px; }
div#topNavi .col a.about_pl { background-image: url('../images/menu_sprite_pl.gif'); background-position: 0 -18px; }
div#topNavi .col a.about_en { background-image: url('../images/menu_sprite_en.gif'); background-position: 0 -18px; }
div#topNavi .col .indicator div.technologies { background-position: 0 -92px; }
div#topNavi .col a.technologies_pl { background-image: url('../images/menu_sprite_pl.gif'); background-position: 0 -36px; }
div#topNavi .col a.technologies_en { background-image: url('../images/menu_sprite_en.gif'); background-position: 0 -36px; }
div#topNavi .col .indicator div.portfolio { background-position: 0 -138px; }
div#topNavi .col a.portfolio_pl { background-image: url('../images/menu_sprite_pl.gif'); background-position: 0 -54px; }
div#topNavi .col a.portfolio_en { background-image: url('../images/menu_sprite_en.gif'); background-position: 0 -54px; }
div#topNavi .col .indicator div.clients { background-position: 0 -184px; }
div#topNavi .col a.clients_pl { background-image: url('../images/menu_sprite_pl.gif'); background-position: 0 -72px; }
div#topNavi .col a.clients_en { background-image: url('../images/menu_sprite_en.gif'); background-position: 0 -72px; }
div#topNavi .col .indicator div.contact { background-position: 0 -230px; }
div#topNavi .col a.contact_pl { background-image: url('../images/menu_sprite_pl.gif'); background-position: 0 -90px; }
div#topNavi .col a.contact_en { background-image: url('../images/menu_sprite_en.gif'); background-position: 0 -90px; }

div#topNavi .separator { background-image: url('../images/menu_separator.gif'); background-repeat: no-repeat; float: left; width: 1px; height: 17px; position: relative; top: 61px; }

div#mainContent { width: 712px; margin: 0 auto; background-image: url('../images/main_content_bg.gif'); }
div#mainContent .contentHeader { width: 712px; height: 169px; background-image: url('../images/main_header.gif'); background-repeat: no-repeat; backgrpund-position: 0 0; margin-bottom: 10px; }
div#mainContent .contentFooter { width: 712px; height: 24px; background-image: url('../images/main_footer.gif'); background-repeat: no-repeat; backgrpund-position: 0 0; }
div#mainContent .pageContent { width: 687px; margin: 0 auto; }
div#mainContent div.hr { height: 1px; border-top: 1px dashed #cacaca; }

div#pageFooter { width: 712px; margin: 0 auto; margin: 19px 0 20px 0; color: #b0b0b0; }
div#pageFooter a { color: #b0b0b0; }
div#pageFooter div.hr { height: 1px; border-top: 1px dashed #414141; margin-bottom: 34px; }
div#pageFooter div.col { float: left; margin-left: 16px; }
div#pageFooter div.col .indicator { background-color: #3e3e3e; width: 3px; height: 12px; margin-right: 18px; float: left; }
div#pageFooter div.col .content { float: left; margin-right: 55px; }

h3 { font-size: 18px; font-weight: normal; color: #303030; }

div.header_h3 { margin-bottom: 20px; }
div.box_content p { margin: 5px 0; }
div.box_content p > a { color: #d6332f; }
div.box_content ul > li > a { color: #d6332f; }

div#layout_main .leftcolumn { width: 246px; margin-right: 14px; float: left; }
div#layout_main .rightcolumn { width: 427px; float: right; }

div#layout_main div.box_gray { width: 246px; margin-bottm: 10px; background-color: #ebebeb; }
div#layout_main div.box_gray div.top_border { width: 246px; height: 18px; background-image: url('../images/box_border_sprite.gif'); background-position: 0 0; background-repeat: no-repeat; }
div#layout_main div.box_gray div.bottom_border { width: 246px; height: 18px; background-image: url('../images/box_border_sprite.gif'); background-position: 0 -18px; background-repeat: no-repeat; }
div#layout_main div.box_gray div.box_content { width: 225px; margin: 0 auto; }

div#layout_a .leftcolumn { width: 275px; margin-right: 14px; float: left; }
div#layout_a .rightcolumn { width: 398px; float: right; }

div#layout_a div.box_gray_wide { width: 398px; margin-bottom: 10px; background-color: #ebebeb; line-height: 16px; }
div#layout_a div.box_gray_wide div.top_border { width: 398px; height: 18px; background-image: url('../images/box_border_sprite.gif'); background-position: 0 -36px; background-repeat: no-repeat; }
div#layout_a div.box_gray_wide div.bottom_border { width: 398px; height: 18px; background-image: url('../images/box_border_sprite.gif'); background-position: 0 -54px; background-repeat: no-repeat; }
div#layout_a div.box_gray_wide div.box_content { width: 370px; margin: 0 auto; }

div.box_gray div.RecentWorkEntry { margin: 20px 0; color: #868686; }
div.box_gray div.RecentWorkEntry div.date { font-size: 14px; color: #ebebeb; background-image: url('../images/date_bg.gif'); width: 225px; height: 27px; line-height: 27px; }
div.box_gray div.RecentWorkEntry div.date span { padding-left: 19px; }

div#layout_b .leftcolumn { width: 362px; margin-right: 27px; float: left; }
div#layout_b .rightcolumn { width: 298px; float: right; }

div#layout_b div.box_gray { width: 298px; margin-bottm: 10px; background-color: #ebebeb; }
div#layout_b div.box_gray div.top_border { width: 298px; height: 18px; background-image: url('../images/box_border_sprite.gif'); background-position: 0 -72px; background-repeat: no-repeat; }
div#layout_b div.box_gray div.bottom_border { width: 298px; height: 18px; background-image: url('../images/box_border_sprite.gif'); background-position: 0 -90px; background-repeat: no-repeat; }
div#layout_b div.box_gray div.box_content { width: 270px; margin: 0 auto; }

div.box_normal { margin: 20px 14px 0 14px; background-color: #fff; }
div.box_normal div.box_content { margin: 15px 0; color: #5b5b5b; line-height: 16px; }
div.box_normal div.box_content a { color: #868686; }

p.more { font-size: 11px; text-align: right; line-height: 16px; margin-top: 5px; }
p.more a { color: #5b5b5b; font-weight: bold; }
p.more a span { color: #000; font-weight: normal; }

div.box_normal div.clientEntry { font-size: 12px; color: #868686; margin: 25px 0; }
div.box_normal div.clientEntry a { color: #f97c00; font-weight: bold; }
div.box_normal div.clientEntry div.image { width: 71px; margin-right: 20px; float: left; }
div.box_normal div.clientEntry div.desc { width: 156px; float: right; }

div#layout_c > div.onecolumn { margin: 0 23px; }
div.onecolumn h1 { color: #303030; font-size: 18px; font-weight: bold; }
div.onecolumn > div.box_content { margin: 15px 0; }

div.projectEntryShort img  { float: left; width: 355px; margin-right: 20px; }
div.projectEntryShort a { color: #f97c00; font-weight: bold; }

div.projectLink { width: 50%; float: left; color: #d6332f; line-height: 19px; }
div.projectLink > a { color: #d6332f; }
