/* General page css*/ * { margin:0; padding:0;} img { border:0;} a:active {outline: none!important; border:0} a:focus {outline: none!important; border:0} /* General classes */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden;line-height: 0; height: 0;} .clearfix {display: inline-block;} html[xmlns] .clearfix { display: block;} * html .clearfix { height: 1%;} .clear { clear:both; overflow:hidden; font-size:1px; height:0;} .left { float:left; display: inline;} .right { float:right; display: inline;} .align_left{text-align: left;} .align_center{text-align: center;} .align_right{text-align: right;} .no_border {border: 0!important;} /* Site css */ body {color: #FFFFFF; font: normal 12px Arial,Helvetica,sans-serif; background: #000000; } a, a:visited {color: #67B8D9; text-decoration: none;} a:hover {color: #F0A402} .page-title, .page-description {text-indent: -9999px; height: 0px; display: none;} /* header */ #wrapper {width: 940px; margin: 0 auto} #wrapper .sidebar {width: 220px; float: right; display: inline;} #wrapper .sidebar .box-dark, #wrapper .sidebar .box-grey, #wrapper .sidebar .box-testimonials {margin-bottom: 15px;} #wrapper .sidebar h3.sidebar-link {margin-bottom: 10px;font-weight: bold; font-size: 17px;} #wrapper .sidebar h3.sidebar-link.last { margin-bottom: 0;} #wrapper .sidebar h3.sidebar-link a { color: #c1c1c1; font-size: 16px; } #wrapper .sidebar h3.sidebar-link a:hover {color: #F0A402} #wrapper .sidebar ul {list-style-type: none; margin-bottom: 16px;} #wrapper .sidebar ul li a {margin-top:8px; font-weight: normal; line-height: 16px;} #wrapper .sidebar a.active { color: #F0A402!important;} #wrapper #header {height: 110px;} #wrapper #header div {float: left; display: inline; background:#121212; width: 200px; height: 50px;} #wrapper #header a {text-indent: -9999px;} #wrapper #header .logo {display: block; float: left; margin-left: 10px; _margin-left: 5px; margin-top: 29px; width: 200px; height: 56px; background: url('/assets/images/logo.jpg') center center no-repeat} #wrapper #header .icon-phone {margin-left: 40px; margin-top: 32px; } #wrapper #header .icon-portfolio {margin-left: 40px; margin-top: 32px; } #wrapper #header .icon-fast-quote {margin-left: 40px; margin-top: 32px; } #wrapper #top_menu {margin-bottom: 8px;} #wrapper #top_menu ul { float: left; padding: 10px 0; width: 700px; border-top: 1px dotted #414141; border-bottom:1px solid #272727 ;list-style-type: none;} #wrapper #top_menu ul li {float: left;} #wrapper #top_menu ul li a {display:block; height: 11px; margin: 0 7px 0 20px; text-indent: -9999px;} #wrapper #top_menu ul li a.home {background: url('/assets/images/sprite_top_menu.gif') 0 1px no-repeat; width: 39px;} #wrapper #top_menu ul li a.home:hover {background: url('/assets/images/sprite_top_menu.gif') 0 -14px no-repeat; } #wrapper #top_menu ul li a.what-we-do {background: url('/assets/images/sprite_top_menu.gif') 0 -29px no-repeat; width: 87px;} #wrapper #top_menu ul li a.what-we-do:hover {background: url('/assets/images/sprite_top_menu.gif') 0 -43px no-repeat; } #wrapper #top_menu ul li a.clients {background: url('/assets/images/sprite_top_menu.gif') 0 -57px no-repeat; width: 52px;} #wrapper #top_menu ul li a.clients:hover {background: url('/assets/images/sprite_top_menu.gif') 0 -71px no-repeat; } #wrapper #top_menu ul li a.portfolio{background: url('/assets/images/sprite_top_menu.gif') 0 -86px no-repeat; width: 73px;} #wrapper #top_menu ul li a.portfolio:hover {background: url('/assets/images/sprite_top_menu.gif') 0 -101px no-repeat; } #wrapper #top_menu ul li a.who-we-are {background: url('/assets/images/sprite_top_menu.gif') 0 -116px no-repeat; width: 94px;} #wrapper #top_menu ul li a.who-we-are:hover {background: url('/assets/images/sprite_top_menu.gif') 0 -130px no-repeat; } #wrapper #top_menu ul li a.contact {background: url('/assets/images/sprite_top_menu.gif') 0 -145px no-repeat; width:64px;} #wrapper #top_menu ul li a.contact:hover {background: url('/assets/images/sprite_top_menu.gif') 0 -159px no-repeat; } #wrapper #top_menu form {float: right; width: 220px; border-top: 1px dotted #414141; border-bottom:1px solid #272727;padding: 6px 0;} #wrapper #top_menu input.text { margin-left: 4px; color: #bebebe; background: #2a2a2a; font-size: 9px; padding-top: 2px;border: 1px solid #4d4d4d; height: 15px; line-height: 16px; vertical-align: middle; width: 180px; padding-left: 10px;} #wrapper #top_menu input.submit {background: #000000 url('/assets/images/sprite.gif') 1px 2px no-repeat; font-size: 9px; text-indent: -9999px; border:0; width: 16px; height: 16px; cursor: pointer;} #wrapper #breadcrumb {color: #878787; font-size: 10px; padding-left: 20px; margin-bottom: 10px;} #wrapper #breadcrumb a {padding-left: 4px; margin-left: 5px;color: #F0A402; background: url('/assets/images/sprite.gif') 0 -344px no-repeat;} #wrapper #breadcrumb span {padding-left: 4px; margin-left: 5px;color: #FFFFFF; background: url('/assets/images/sprite.gif') 0 -362px no-repeat;} /* footer */ #wrapper #footer {margin-bottom: 30px} #wrapper #footer .box-grey {margin-bottom: 10px} #wrapper #footer .box-grey a.arrow-link {font-weight: normal} #wrapper #footer .box-grey .column {float: left; display: inline; width: 239px;} #wrapper #footer .box-grey .column h2 {color:#C1C1C1; font-size: 14px; margin-bottom: 8px} #wrapper #footer .box-grey .column h2 span {font-size: 11px;} #wrapper #footer .box-grey .column h3 {margin-bottom: 20px; font-size: 10px;} #wrapper #footer .box-grey .column .footer-menu {margin-top:2px;} #wrapper #footer .box-grey .column h3 a {display: block; height: 12px; text-indent: -9999px;} #wrapper #footer .box-grey .column h3 a.what-we-do {background: url('/assets/images/sprite_footer.gif') left -3px no-repeat; width: 106px;} #wrapper #footer .box-grey .column h3 a.what-we-do:hover {background: url('/assets/images/sprite_footer.gif') left -21px no-repeat; width: 106px;} #wrapper #footer .box-grey .column h3 a.clients {background: url('/assets/images/sprite_footer.gif') left -39px no-repeat; width: 63px;} #wrapper #footer .box-grey .column h3 a.clients:hover {background: url('/assets/images/sprite_footer.gif') left -57px no-repeat; width: 63px;} #wrapper #footer .box-grey .column h3 a.work {background: url('/assets/images/sprite_footer.gif') left -76px no-repeat; width: 50px;} #wrapper #footer .box-grey .column h3 a.work:hover {background: url('/assets/images/sprite_footer.gif') left -94px no-repeat; width: 50px;} #wrapper #footer .box-grey .column h3 a.who-we-are {background: url('/assets/images/sprite_footer.gif') left -112px no-repeat; width: 104px;} #wrapper #footer .box-grey .column h3 a.who-we-are:hover {background: url('/assets/images/sprite_footer.gif') left -130px no-repeat; width: 104px;} #wrapper #footer .box-grey .column h3 a.testimonials {background: url('/assets/images/sprite_footer.gif') left -148px no-repeat; width: 116px;} #wrapper #footer .box-grey .column h3 a.testimonials:hover {background: url('/assets/images/sprite_footer.gif') left -166px no-repeat; width: 116px;} #wrapper #footer .box-grey .column h3 a.free-stuff {background: url('/assets/images/sprite_footer.gif') left -184px no-repeat; width: 87px;} #wrapper #footer .box-grey .column h3 a.free-stuff:hover {background: url('/assets/images/sprite_footer.gif') left -202px no-repeat; width: 87px;} #wrapper #footer .box-grey .column h3 a.articles {background: url('/assets/images/sprite_footer.gif') left -220px no-repeat; width: 72px;} #wrapper #footer .box-grey .column h3 a.articles:hover {background: url('/assets/images/sprite_footer.gif') left -238px no-repeat; width: 72px;} #wrapper #footer .box-grey .column h3 a.contact {background: url('/assets/images/sprite_footer.gif') left -256px no-repeat; width: 74px;} #wrapper #footer .box-grey .column h3 a.contact:hover {background: url('/assets/images/sprite_footer.gif') left -274px no-repeat; width: 74px;} #wrapper #footer .box-grey .column .branding-services { background: url('/assets/images/sprite.gif') left -478px no-repeat; text-indent: -9999px;} #wrapper #footer .box-grey .column .web-services { background: url('/assets/images/sprite.gif') left -500px no-repeat; text-indent: -9999px;} #wrapper #footer .box-grey .column .print-services { background: url('/assets/images/sprite.gif') left -526px no-repeat; text-indent: -9999px;} #wrapper #footer .box-grey .column ul {list-style-type: none; margin-bottom: 17px; } #wrapper #footer .box-grey .column ul li { margin-bottom: 5px; } #wrapper #footer .box-grey .column ul li a, #wrapper #footer .box-grey .column ul li a:visited {font-size: 11px; color: #FFFFFF; margin:0;} #wrapper #footer .box-grey .column ul li a:hover {color: #F0A402} #wrapper #footer .box-grey .last_column {float: right; width: 200px;} #wrapper #footer .box-grey .last_column div { padding:1px; margin-bottom: 18px; background-color: #232323} #wrapper #footer .box-grey .last_column .icon-phone strong {margin-bottom: -2px} #wrapper #footer .box-grey .last_column .icon-newsletter {margin-bottom: 0} #wrapper #footer .left {width: 440px; height: 50px;background:transparent url('/assets/images/sprite.gif') left -1312px no-repeat;} #wrapper #footer .left a, #wrapper #footer .left a:hover { text-indent: -9999px; display: block; float: left; width: 170px; height: 55px;} #wrapper #footer .left a:hover { background: transparent url('/assets/images/sprite.gif') left -1377px no-repeat;} #wrapper #footer .left select {margin-right: 55px; margin-top: 27px; float: right;} #wrapper #footer .right {width: 480px; text-align: right; font-size: 11px;} #wrapper #footer .right a, #wrapper #footer .right a:visited {color: #F0A402; text-decoration: none} #wrapper #footer .right p {margin-top: 4px} /*home page*/ #wrapper #home-page #site_intro {margin-bottom: 20px; height: 305px;} #wrapper #home-page .clearfix {margin-bottom: 20px;} #wrapper #home-page .clearfix .box-grey {float: left; display: inline; width:345px; height: 216px;} #wrapper #home-page .clearfix .box-grey .box-content p {margin-bottom: 10px; } #wrapper #home-page .clearfix .box-dark {float: left; display: inline; width:220px; margin-left: 20px; height: 216px;} #wrapper #home-page .clearfix .box-testimonials {float: left; display: inline; width:220px; margin-left: 20px;} #wrapper #home-page .clearfix .free-sample {float: left; margin-left: 20px;} #wrapper #home-page .clearfix .free-sample a {display: block; width: 95px; height: 216px; background: url('/assets/images/free-article-home.jpg') 0 0 no-repeat; text-indent: -9999px} /* what we do */ #wrapper #what-we-do .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -12px no-repeat; text-indent: -9999px} #wrapper #what-we-do .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -1858px no-repeat; text-indent: -9999px} #wrapper #what-we-do .box-grey .box-content .content-column ul {list-style-type: none; margin: 10px 0 0} #wrapper #what-we-do .box-grey .box-content .content-column ul li { margin-bottom: 8px; } #wrapper #what-we-do .box-grey .box-content .content-column ul li a span {color: #818181;} #wrapper #what-we-do .box-grey .box-content .content-column div ul li a, #wrapper #what-we-do .box-grey .box-content .content-column div ul li a:visited {font-size: 11px; color: #FFFFFF; margin:0; font-weight: normal} #wrapper #what-we-do .box-grey .box-content .content-column div ul li a:hover {color: #F0A402} /* branding - what we do */ #wrapper #services-branding .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -54px no-repeat; text-indent: -9999px} #wrapper #services-branding .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -1766px no-repeat; text-indent: -9999px} /* brand design - branding - what we do */ #wrapper #brand-design .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -96px no-repeat; text-indent: -9999px} #wrapper #brand-design .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -1672px no-repeat; text-indent: -9999px} /* brand guidelines development - branding - what we do */ #wrapper #brand-guideline-development .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -138px no-repeat; text-indent: -9999px} #wrapper #brand-guideline-development .box-grey .section-title { height: 55px;background: url('/assets/images/sprite_section_title.gif') 0 -1607px no-repeat; text-indent: -9999px} /* print - what we do */ #wrapper #services-print .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -180px no-repeat; text-indent: -9999px} #wrapper #services-print .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -1513px no-repeat; text-indent: -9999px} /* advertisment-design - print - what we do */ #wrapper #advertisment-design .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -222px no-repeat; text-indent: -9999px} #wrapper #advertisment-design .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -1328px no-repeat; text-indent: -9999px} /* brochures - print - what we do */ #wrapper #brochures .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -264px no-repeat; text-indent: -9999px} #wrapper #brochures .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -1234px no-repeat; text-indent: -9999px} /* business-stationary - print - what we do */ #wrapper #business-stationary .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -306px no-repeat; text-indent: -9999px} #wrapper #business-stationary .box-grey .section-title { height: 55px;background: url('/assets/images/sprite_section_title.gif') 0 -1169px no-repeat; text-indent: -9999px} /* direct-marketing-material - print - what we do */ #wrapper #direct-marketing-material .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -348px no-repeat; text-indent: -9999px} #wrapper #direct-marketing-material .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -1075px no-repeat; text-indent: -9999px} /* leaflets-flyers - print - what we do */ #wrapper #leaflets-flyers .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -390px no-repeat; text-indent: -9999px} #wrapper #leaflets-flyers .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -985px no-repeat; text-indent: -9999px} /* poster-design - print - what we do */ #wrapper #poster-design .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -432px no-repeat; text-indent: -9999px} #wrapper #poster-design .box-grey .section-title { height: 55px;background: url('/assets/images/sprite_section_title.gif') 0 -920px no-repeat; text-indent: -9999px} /* packaging-design - print - what we do */ #wrapper #packaging-design .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -474px no-repeat; text-indent: -9999px} #wrapper #packaging-design .box-grey .section-title { height: 55px;background: url('/assets/images/sprite_section_title.gif') 0 -859px no-repeat; text-indent: -9999px} /* packaging-design - print - what we do */ #wrapper #exhibition-stands-banner-stands .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -516px no-repeat; text-indent: -9999px} #wrapper #exhibition-stands-banner-stands .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -767px no-repeat; text-indent: -9999px} /* web - what we do */ #wrapper #services-web .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -558px no-repeat; text-indent: -9999px} #wrapper #services-web .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -673px no-repeat; text-indent: -9999px} /* website-design - web - what we do */ #wrapper #website-design .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -600px no-repeat; text-indent: -9999px} #wrapper #website-design .box-grey .section-title { height: 55px;background: url('/assets/images/sprite_section_title.gif') 0 -608px no-repeat; text-indent: -9999px} /* email-template-design - web - what we do */ #wrapper #email-template-design .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -642px no-repeat; text-indent: -9999px} #wrapper #email-template-design .box-grey .section-title { height: 55px;background: url('/assets/images/sprite_section_title.gif') 0 -541px no-repeat; text-indent: -9999px} /* banner-design - web - what we do */ #wrapper #banner-design .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -684px no-repeat; text-indent: -9999px} #wrapper #banner-design .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -448px no-repeat; text-indent: -9999px} /* flash-animation-design - web - what we do */ #wrapper #flash-animation-design .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -726px no-repeat; text-indent: -9999px} #wrapper #flash-animation-design .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -355px no-repeat; text-indent: -9999px} /* blog-design - web - what we do */ #wrapper #blog-design .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -1188px no-repeat; text-indent: -9999px} #wrapper #blog-design .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -2048px no-repeat; text-indent: -9999px} /* forum-design - web - what we do */ #wrapper #forum-design .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -1230px no-repeat; text-indent: -9999px} #wrapper #forum-design .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -2143px no-repeat; text-indent: -9999px} /* chatbox-design - web - what we do */ #wrapper #chatbox-design .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -1272px no-repeat; text-indent: -9999px} #wrapper #chatbox-design .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -2237px no-repeat; text-indent: -9999px} /* portfolio page */ #wrapper #portfolio .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -768px no-repeat; text-indent: -9999px; border: 0;} #wrapper #portfolio .box-grey .section-title { height: 55px;background: url('/assets/images/sprite_section_title.gif') 0 1px no-repeat; text-indent: -9999px} #wrapper #portfolio .box-grey .box-content .content-column {margin-bottom: 12px;} #wrapper #portfolio .box-grey .box-content .content-column p {color: #818181; font-size: 14px; margin: 5px 0 15px;} #wrapper #portfolio .box-grey .box-content .content-column div {color: #818181; margin: 20px 0 0} #wrapper #portfolio .box-grey .box-content .content-column ul {list-style-type: none; margin: 10px 0 0} #wrapper #portfolio .box-grey .box-content .content-column ul li { margin-bottom: 8px; } #wrapper #portfolio .box-grey .box-content .content-column ul li a, #wrapper #portfolio .box-grey .box-content .content-column ul li a:visited {font-size: 11px; color: #FFFFFF; margin:0; font-weight: normal} #wrapper #portfolio .box-grey .box-content .content-column ul li a:hover {color: #F0A402} /* print portfolio - portfolio*/ #wrapper #branding-design-portfolio .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -810px no-repeat; text-indent: -9999px} #wrapper #branding-design-portfolio .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -2425px no-repeat; text-indent: -9999px} /* print portfolio - portfolio*/ #wrapper #print-design-portfolio .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -852px no-repeat; text-indent: -9999px} #wrapper #print-design-portfolio .box-grey .section-title { height: 55px;background: url('/assets/images/sprite_section_title.gif') 0 -2614px no-repeat; text-indent: -9999px} /* web portfolio - portfolio*/ #wrapper #web-design-portfolio .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -894px no-repeat; text-indent: -9999px} #wrapper #web-design-portfolio .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -2518px no-repeat; text-indent: -9999px} /* our-clients */ #wrapper #our-clients .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -936px no-repeat; text-indent: -9999px} #wrapper #our-clients .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -2328px no-repeat; text-indent: -9999px} /* who we are page */ #wrapper #who-we-are .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -978px no-repeat; text-indent: -9999px} #wrapper #who-we-are .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -129px no-repeat; text-indent: -9999px} #wrapper #who-we-are .content-column img {margin-bottom: 2px;} #wrapper #who-we-are .content-column .employee {margin-bottom: 10px;} #wrapper #who-we-are .derryn-c {background: url('/assets/images/sprite_employee.gif') 0 -9px no-repeat;text-indent: -9999px} #wrapper #who-we-are .daniel-d {background: url('/assets/images/sprite_employee.gif') 0 -65px no-repeat;text-indent: -9999px} #wrapper #who-we-are .viktor-g {background: url('/assets/images/sprite_employee.gif') 0 -122px no-repeat;text-indent: -9999px} #wrapper #who-we-are .david-r {background: url('/assets/images/sprite_employee.gif') 0 -179px no-repeat;text-indent: -9999px} #wrapper #who-we-are .stefan-s {background: url('/assets/images/sprite_employee.gif') 0 -236px no-repeat;text-indent: -9999px} #wrapper #who-we-are .silviu-r {background: url('/assets/images/sprite_employee.gif') 0 -293px no-repeat;text-indent: -9999px} #wrapper #who-we-are .marian-s {background: url('/assets/images/sprite_employee.gif') 0 -350px no-repeat;text-indent: -9999px} #wrapper #who-we-are .marek-v {background: url('/assets/images/sprite_employee.gif') 0 -407px no-repeat;text-indent: -9999px} #wrapper #who-we-are .anna-g {background: url('/assets/images/sprite_employee.gif') 0 -464px no-repeat;text-indent: -9999px} #wrapper #who-we-are .bogdan-b {background: url('/assets/images/sprite_employee.gif') 0 -521px no-repeat;text-indent: -9999px} #wrapper #who-we-are .juraj-c {background: url('/assets/images/sprite_employee.gif') 0 -578px no-repeat;text-indent: -9999px} #wrapper #who-we-are .helen-k {background: url('/assets/images/sprite_employee.gif') 0 -635px no-repeat;text-indent: -9999px} #wrapper #who-we-are .helen-c {background: url('/assets/images/sprite_employee.gif') 0 -692px no-repeat;text-indent: -9999px} /* contact us page */ #wrapper #contact-us .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -1020px no-repeat; text-indent: -9999px} #wrapper #contact-us .box-grey .section-title {height: 55px;background: url('/assets/images/sprite_section_title.gif') 0 -64px no-repeat; text-indent: -9999px} #wrapper #contact-us .box-grey .box-content {color: #818181; } #wrapper #contact-us .box-grey .box-content h3 {font-size: 16px; font-weight: bold; color: #67b8d9; margin-bottom: 5px;} #wrapper #contact-us .box-grey .box-content a {font-size: 10px; color: #f0a402; } #wrapper #contact-us .box-grey .box-content div.clearfix {margin-bottom: 40px;} #wrapper #contact-us .box-grey .box-content ol {margin-bottom: 25px; color: #FFFFFF} #wrapper #contact-us .box-grey .box-content ol li strong {color: #818181; width: 70px; display: block; float: left;} #wrapper #contact-us .box-grey .box-content ul, #wrapper #contact-us .box-grey .box-content ol {list-style-type: none;} #wrapper #contact-us .box-grey .box-content ul li, #wrapper #contact-us .box-grey .box-content ol li {margin-bottom: 3px;} /*articles page */ #wrapper #articles .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -1062px no-repeat; text-indent: -9999px} #wrapper #articles div.box-grey.content .box-content .content-column h2 {font-size:16px; font-weight: bold} #wrapper #articles div.box-grey.content .box-content .content-column p {font-size:11px; line-height: 18px;} #wrapper #articles div.box-grey.content .box-content .content-column .date {font-size: 11px; line-height: 24px; vertical-align: middle; color: #818181; margin-bottom: 5px;} #wrapper #articles div.box-grey.content .box-content .content-column .date span {display: block; float: left; width: 28px; height: 24px; font-weight: bold; color: #000000; text-align: center; background: url('/assets/images/sprite.gif') 0 -383px no-repeat; } #wrapper #articles #article_content ul, #wrapper #articles #article_content ol { padding-left:25px;} #wrapper #articles .free-sample {float: left; margin-bottom: 20px;} #wrapper #articles .free-sample a {display: block; width: 220px; height: 109px; background: url('/assets/images/free-articles-sidebar.jpg') 0 0 no-repeat; text-indent: -9999px} /* sitemap page */ #wrapper #sitemap div.box-grey.content .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -1356px no-repeat; text-indent: -9999px} #wrapper #sitemap div.box-grey.content ul {list-style-type: none; padding-left: 20px;} #wrapper #sitemap div.box-grey.content ul li { margin-bottom: 5px; } #wrapper #sitemap div.box-grey.content ul li a, #wrapper #sitemap div.box-grey.content ul li a:visited {font-size: 11px; font-weight: normal; color: #FFFFFF; margin:0;} #wrapper #sitemap div.box-grey.content ul li a:hover {color: #F0A402} /* terms and conditions */ #wrapper #terms-and-conditions .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -1146px no-repeat; text-indent: -9999px} #wrapper #terms-and-conditions .box-grey .box-content ul, #wrapper #terms-and-conditions .box-grey .box-content ol {margin-left: 20px; margin-bottom: 20px;} #wrapper #terms-and-conditions .box-grey .box-content ul {width: 230px; display: inline; float: left; list-style-type:none;} #wrapper #terms-and-conditions .box-grey .box-content ul li {margin-bottom: 5px; } #wrapper #terms-and-conditions .box-grey .box-content ul li a, #wrapper #terms-and-conditions .box-grey .box-content ul li a:visited {font-size: 11px; color: #FFFFFF; font-weight: normal; margin:0;} #wrapper #terms-and-conditions .box-grey .box-content ul li a:hover {color: #F0A402} #wrapper #terms-and-conditions .box-grey .box-content strong {color: #F0A402} /* free stuff */ #wrapper #free-stuff .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -1104px no-repeat; text-indent: -9999px} #wrapper #free-stuff .box-grey .section-title { height: 85px;background: url('/assets/images/sprite_section_title.gif') 0 -1958px no-repeat; text-indent: -9999px} /* testimonials */ #wrapper #testimonials .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -1314px no-repeat; text-indent: -9999px} #wrapper #testimonials .box-grey .box-content .box-testimonials {background: none!important; height: auto!important;} /* search results */ #wrapper #search-results .box-grey .content-title {height: 35px; background: url('/assets/images/sprite_titles.gif') 0 -1398px no-repeat; text-indent: -9999px} #wrapper #search-results .box-grey .box-content p {margin-bottom: 10px;} /* general site */ #wrapper div.box-grey.content {float: left; display: inline; width:700px; margin-bottom: 20px;} #wrapper div.box-grey.content p {margin-bottom: 20px;} #wrapper div.box-grey.content h2.section-title {font-size:24px; color: #818181; font-weight: normal; margin-bottom: 20px;}/* border-top: 1px solid #fff; border-bottom: 1px solid #fff} */ #wrapper div.box-grey.content .content-column {width: 208px; float: left; display: inline; margin: 0 27px 20px 0;overflow: hidden;} #wrapper div.box-grey.content .content-column.last-column {margin-right:0;} #wrapper div.box-grey.content .content-column h2 a {text-transform: uppercase} #wrapper div.box-grey.content .box-content p {line-height: 18px;} #wrapper div.sidebar.faded {width: 240px; } #wrapper div.sidebar.faded .box-grey { background: #121212 url('/assets/images/sprite.gif') 0 -955px no-repeat; } #wrapper div.sidebar.faded .box-grey .box-content {padding-left: 31px;} #wrapper div.sidebar.faded .box-dark, #wrapper div.sidebar.faded .box-testimonials {margin-left: 20px;} #wrapper .article-title {font-size:16px; font-weight:bold; text-transform: uppercase;} #wrapper .box-grey .box-content .grey-column h3.experience-item {font-size: 20px; font-weight: bold; color: #c1c1c1;} #wrapper .box-grey .box-content .grey-column p {color: #818181; font-size: 13px; margin: 5px 0 15px;} #wrapper .box-grey .box-content .grey-column div {color: #818181; margin: 20px 0 0} .site-form dl {padding-left:25px;} .site-form dd {margin-bottom: 12px; color: #FFF;} .site-form dt {width: 110px; color: #FFF; display: inline; float: left;} .site-form dt span, .site-form dd span {color: #f0a402} .site-form select, .site-form input.text, .site-form textarea {font-size: 11px; padding: 2px 0 2px 5px; color: #bebebe; background: #2a2a2a; border: 1px solid #4d4d4d; width: 195px;} .site-form input.text.captcha {text-align: center; width: 45px; padding: 2px 0; font-weight: bold;} .site-form input.btn_submit { cursor: pointer; border:0; margin-left:134px; font-size: 0px; width: 70px; height: 22px; background: url('/assets/images/sprite.gif') 0 -447px no-repeat;} .modal-form p {font-size: 13px; color: #878787!important; margin-bottom: 20px;} .modal-form .site-form dl { float: left; display: inline; width: 339px; padding:0!important;} .modal-form .site-form dl dt {text-align: right; width: 110px!important; padding-right: 10px;} .modal-form .site-form input.text, .modal-form .site-form textarea {width: 150px!important;} .modal-form .site-form select {width: 158px;} .modal-form .site-form textarea {height: 104px;} .modal-form .site-form input.btn_submit {margin-left: 88px!important;} div.inboxError { padding: 5px; margin-bottom: 15px; color: #FF0000; background-color: #2A2A2A; border: 1px solid #4D4D4D; display: none;} *.mr5 {margin-right: 5px;} *.mt5 {margin-top: 5px;} *.mr10 {margin-right: 10px;} *.mb10 {margin-bottom: 10px;} *.mb20 {margin-bottom: 20px;} a.arrow-link, a.arrow-link:visited {display: block; padding-left:13px;line-height: 15px; font-weight: bold; font-size: 11px; color: #FFFFFF; background: url('/assets/images/sprite.gif') 0 -318px no-repeat;} a.arrow-link:hover {color:#F0A402; } .fancy_title a.arrow-link {line-height: 13px;padding-bottom: 2px;} div.icon-phone strong, div.icon-fast-quote a, div.icon-portfolio a, div.icon-newsletter a {display: block; width: 185px; height: 34px; text-indent: -9999px; margin: 8px;} .icon-phone strong {background: url('/assets/images/sprite.gif') 0 -130px no-repeat; text-indent: 1px!important; padding-top: 14px;} .icon-portfolio a {background: url('/assets/images/sprite.gif') 0 -177px no-repeat} .icon-fast-quote a {background: url('/assets/images/sprite.gif') 0 -224px no-repeat } .icon-newsletter a {background: url('/assets/images/sprite.gif') 0 -273px no-repeat; margin-bottom: 9px!important} .box-articles .box-title, .box-testimonials .box-title, .icon-think-create-deliver, .icon-footer, .icon-navigate, #fast-request .box-title, #free-download .box-title, #subscribe-newsletter .box-title {text-indent: -9999px;} .icon-footer {background: url('/assets/images/sprite.gif') 0 -105px no-repeat;} .icon-think-create-deliver {background: url('/assets/images/sprite.gif') 1px -24px no-repeat;} .box-articles .box-title {background: url('/assets/images/sprite.gif') 0 -52px no-repeat;} .icon-navigate {background: url('/assets/images/sprite.gif') 0 -420px no-repeat!important;} .box-testimonials .box-title {background: url('/assets/images/sprite.gif') 0 -78px no-repeat;} #fast-request .box-title {background: url('/assets/images/sprite.gif') 0 -551px no-repeat;} #subscribe-newsletter .box-title {background: url('/assets/images/sprite.gif') 0 -875px no-repeat;} #free-download .box-title {background: url('/assets/images/sprite.gif') 0 -908px no-repeat;} #fast-request , #free-download , #subscribe-newsletter {width: 700px;} .box-grey {background: #121212;} .box-dark {background: #0A0A0A;} .content-title, .box-testimonials .box-title, .box-dark .box-title, .box-grey .box-title {color:#C1C1C1; font-size: 14px; margin-bottom: 9px; padding: 2px;} .content-title { margin-bottom: 15px;} .box-testimonials .box-content, .box-dark .box-content, .box-grey .box-content {padding: 7px 11px 10px;} .box-testimonials .content, .box-dark .box-content .content, .box-grey .box-content .content {line-height: 18px;} .box-articles p {font-size: 12px; margin-bottom: 7px;} .box-testimonials {height: 216px; background: url('/assets/images/sprite.gif') 0 -589px no-repeat!important;} .box-testimonials .content {font-style: italic;} .box-testimonials .content .author {margin-top: 12px;} .box-testimonials .content .author div {font-style: normal; font-size: 12px; line-height: 12px; color: #67b8d9; font-weight: bold;}