@charset "utf-8"; /* These font files are for the sole purpose of proper browser display function and are not to be copied, distributed or used for any other purpose. */ @font-face{ font-family:'Gill Sans MT'; src: url('/lib/fonts/gil.ttf') format('truetype'); } /* generic styles */ body{ padding: 0 0 20px 0; margin: 0 auto; background-image: url(/lib/images/bg.jpg); background-position: top left; background-repeat: repeat-x; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; } h2{ margin-top: 25px; margin-bottom: 5px; padding-bottom: 5px; background-image: url(/lib/images/border_bottom_dot.jpg); background-position: bottom left; background-repeat: repeat-x; font-weight: normal; } h3{ padding: 0px 0px 20px 0px; margin: 0px; font-weight: normal; } p{ padding: 7px 0 8px 0; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; } img{ border: 0; } hr{ border: none; color: #4da6dc; background-color: #4da6dc; height: 1px; margin: 0px; padding: 0px; } label{ display: block; padding: 3px 0; } a{ text-decoration: none; color: #3ab0fe; } a:hover{ color: #4da6dc; text-decoration: none; } a.blue-arrow{ font-family:'Gill Sans MT'; font-size: 15px; line-height: 17px; color: #4da6dc; text-decoration: none; background-image: url(/lib/images/arrow_right.jpg); background-position: left; background-repeat: no-repeat; padding-left: 17px; text-transform: lowercase; } a.blue-arrow:hover{ color: #26255c; text-decoration: none; background-image: url(/lib/images/arrow_right_light.jpg); } .clear{ clear: both; } .right{ float: right; } .error{ color: #F00; } .bold{ font-weight: bold; } .error{ color: #F00; } .keywords{ font-family:'Gill Sans MT'; font-size: 21px; color: #26255c; line-height: 25px; } /* jQuery UI styles */ .ui-state-default a{ font-family:'Gill Sans MT'; font-size: 14px; color: #26255c; line-height: 17px; text-transform: uppercase; text-decoration: none; background-image: url(/lib/images/arrow_right.jpg); background-position: left; background-repeat: no-repeat; margin-left: 5px; padding-left: 17px; } .ui-state-default a:hover{ text-decoration: none; background-image: url(/lib/images/arrow_down.jpg); } .ui-state-active a{ font-family:'Gill Sans MT'; font-size: 14px; color: #26255c; line-height: 17px; text-transform: uppercase; text-decoration: none; text-decoration: none; background-image: url(/lib/images/arrow_down.jpg); background-position: left; background-repeat: no-repeat; margin-left: 5px; padding-left: 17px; } .ui-state-active a:hover{ text-decoration: none; background-image: url(/lib/images/arrow_right.jpg); } #back-top{ position: fixed; bottom: 300px; right: 0px; } #main{ width: 902px; padding: 0px; margin: 0 auto; } #global-left{ float: left; width: 286px; height: 31px; list-style: none; margin: 0px; background-image: url(/lib/images/bg_nav_left.jpg); background-position: top left; background-repeat: no-repeat; padding-top: 14px; padding-left: 45px; } #logo{ float: left; width: 241px; height: 104px; list-style: none; margin: 0px; padding: 0px; } #global-right{ float: left; width: 236px; height: 31px; list-style: none; margin: 0px; background-image: url(/lib/images/bg_nav_right.jpg); background-position: top left; background-repeat: no-repeat; padding-top: 14px; padding-left: 94px; } #global-left li, #global-right li{ display: inline-block; line-height: 25px; height: 25px; width: 95px; text-align: center; } #global-left li a, #global-right li a{ font-family:'Gill Sans MT'; font-size: 14px; font-weight: normal; line-height: 25px; color: #000000; text-transform: lowercase; text-decoration: none; } #global-left li a:hover, #global-right li a:hover, #global-left li.on a, #global-right li.on a{ color: #50ace0; text-decoration: none; } #nav{ list-style: none; padding: 0px; margin: 0px; text-align: center; } #nav li{ display: inline-block; margin-left: 5px; padding-left: 5px; height: 34px; line-height: 34px; background-image: url(/lib/images/nav_divider.jpg); background-position: left; background-repeat: no-repeat; text-align: center; position: relative; } #nav li.first{ background-image: none; margin-left: 0px; padding-left: 0px; } #nav li a{ font-family:'Gill Sans MT'; font-size: 13px; font-weight: bold; line-height: 34px; color: #000000; text-transform: lowercase; text-decoration: none; height: 34px; padding: 0px 20px; letter-spacing: 1px; } #nav li a:hover, #nav li.on a{ color: #50ace0; text-decoration: none; } #nav li .subnav{ width: 283px; position: absolute; top: 25px; left: 10px; z-index: 100; height: 0px; display: block; opacity: 0; filter:none !important; } #nav li .subnav ul{ width: 214px; padding: 15px 36px 20px 33px; margin: 0 !important; list-style: none !important; text-align: left; border: none; background-image: url(/lib/images/bg_nav_dropdown.png); background-position: top left; background-repeat: no-repeat; filter:none !important; } #nav li .subnav ul.work{width: 214px; padding: 15px 36px 20px 33px; margin: 0 !important; list-style: none !important; background-image: url(/lib/images/bg_nav_dropdown_work2.png); background-position: top left; background-repeat: no-repeat;} #nav li.first ul{ left: -17px; } #nav li .subnav ul li{ display: block !important; height: 35px; line-height: 35px; padding: 4px 0px 6px 3px; margin: 0px !important; background-image: none; border-bottom: 1px solid #26255c; text-align: left; } #nav li .subnav ul.work li{display: block !important; height: 35px; line-height: 35px; padding: 4px 0px 6px 3px; margin: 0px !important; background-image: none; text-align: left; border-bottom: 1px solid #3ab0fe; } #nav li .subnav ul li.last{ border: none; } #nav li .subnav ul li a{ font-family:'Gill Sans MT'; font-size: 13px; color: #ffffff; font-weight: normal; text-transform: uppercase; padding-left: 67px; display: block; line-height: 35px; height: 35px; background-position: top left; background-repeat: no-repeat; filter:none !important;} #nav li .subnav ul li a.ds{ background-image: url(/lib/images/bg_nav_digital-signage.png); } #nav li .subnav ul li a.web{ background-image: url(/lib/images/bg_nav_web.png); } #nav li .subnav ul li a.gd{ background-image: url(/lib/images/bg_nav_graphic-design.png); } #nav li .subnav ul li a:hover{ color: #26255c; text-decoration: none; } #nav li .subnav ul.work li a:hover{ color: #3ab0fe; text-decoration: none; } /* homepage styles */ #index-content{ width: 902px; padding-top: 12px; background-image: url(/lib/images/bg_index_content.jpg); background-position: bottom left; background-repeat: no-repeat; height: 696px; } #left-col{ width: 613px; padding-right: 10px; float: left; padding-left: 17px; } #left-col-content{ margin-left: 16px; border-top: 1px solid #4da6dc; } #left-col-content h2{ font-family:'Gill Sans MT'; font-size: 14px; color: #ffffff; line-height: 17px; text-transform: uppercase; text-align: center; padding-top: 10px; padding-bottom: 7px; margin: 0px; background: none; font-weight: normal; } #left-col a.market{ width: 142px; height: 40px; font-family:'Gill Sans MT'; font-size: 14px; text-transform: lowercase; color: #50ace0; line-height: 40px; background-image: url(/lib/images/btn_markets.jpg); background-position: top left; background-repeat: no-repeat; float: left; padding-right: 9px; text-align: center; font-weight: bold; padding-bottom: 10px; } #left-col a.last{ padding-right: 0px; } #left-col a:hover.market{ background-image: url(/lib/images/btn_markets_over.jpg); color: #26255c; text-decoration: none; } #left-col-ads{ padding: 14px 16px 13px 14px; height: 133px; background-image: url(/lib/images/bg_homepage_ads.jpg); background-position: top left; background-repeat: no-repeat; } .left-ad{ float: left; padding-right: 14px; } #left-col-content ul{ padding: 15px 30px; margin: 0px; width: 237px; list-style: none; } #left-col-content ul li{ float: left; width: 50%; padding-bottom: 5px; } #left-col-content ul li a{ font-family:'Gill Sans MT'; font-size: 12px; color: #50ace0; text-decoration: none; text-transform: lowercase; } #left-col-content ul li a:hover{ color: #ffffff; } #right-col{ width: 245px; float: left; padding-right: 17px; } #right-col-expanders{ width: 245px; height: 315px; float: left; margin-bottom: 19px; } #right-col-lower{ width: 245px; text-align: center; } #right-col ul{ margin: 0px; padding-top: 15px; padding-left: 40px; list-style: none; } #right-col li{ margin: 0px; padding: 3px 0px; } #right-col li a{ font-family:'Gill Sans MT'; font-size: 12px; line-height: 15px; color: #50ace0; text-decoration: none; text-transform: lowercase; background-image: url(/lib/images/bullet.jpg); background-position: left; background-repeat: no-repeat; padding-left: 17px; } #right-col li a:hover{ color: #ffffff; background-image: url(/lib/images/bullet_over.jpg); } /*slider styles*/ .nivoSlider{ position: relative; background: url(/lib/images/loading.gif) no-repeat 50% 50%; } .nivoSlider img{ position: absolute; top: 0px; left: 0px; display: none; } .nivoSlider a{ border:0; display:block; } /* inside page styles */ #content-shadow{ width: 902px; height: 12px; margin: 0 auto; padding-top: 6px; background-image: url(/lib/images/top_shadow.jpg); background-position: bottom left; background-repeat: no-repeat; } #content-bg{ background-color: #f2f2f2; width: 100%; } #content-container{ width: 916px; background-color: #ffffff; margin: 0 auto; } #content{ width: 900px; margin: 0px 7px; padding-bottom: 20px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; background-color: #ffffff; } #content-text{ width: 809px; padding-left: 40px; } #content-text .left{ float: left; padding-left: 30px; width: 508px; padding-right: 65px; } #content-text .left h2{ background-image: url(/lib/images/bg_h2.jpg); background-position: top left; background-repeat: repeat-x; line-height: 31px; padding-left: 20px; font-family:'Gill Sans MT'; font-size: 17px; color: #26255c; text-transform: lowercase; margin: 10px 0px 5px 0px; font-weight: normal; } /* jquery ui expand/contract styles */ #content-text .left h2.ui-state-default a{ font-size: 17px; font-weight: normal; line-height: 31px; padding-left: 0px; text-transform: none; margin-left: 0px; background-image: url(/lib/images/h2_arrow_right.png); background-position: right; background-repeat: no-repeat; margin-right: 10px; display: block; } #content-text .left h2.ui-state-default a:hover{ background-image: url(/lib/images/h2_arrow_down.png); } #content-text .left h2.ui-state-active a{ font-size: 17px; font-weight: normal; line-height: 31px; padding-left: 0px; text-transform: none; margin-left: 0px; background-image: url(/lib/images/h2_arrow_down.png); background-position: right; background-repeat: no-repeat; margin-right: 10px; display: block; } #content-text .left h2.ui-state-active a:hover{ background-image: url(/lib/images/h2_arrow_right.png); } #content-text .left ul, #content-text .right ul{ list-style: none; padding-top: 10px; padding-left: 0px; } #content-text .left ul li, #content-text .right ul li{ font-size: 14px; margin-bottom: 5px; padding-left: 10px; background-image: url(/lib/images/bullet_blue.jpg); background-position: left; background-repeat: no-repeat; } #content-text .left2{ float: left; padding-left: 18px; width: 520px; padding-right: 65px; } #content-text .left2 #bg-markets-table{ width: 310px; height: 99px; background-image: url(/lib/images/bg_markets-table.jpg); background-position: top left; background-repeat: no-repeat; padding: 7px 22px 21px 21px; margin: 0px; float: left; } #content-text .left2 table.markets-table{ padding: 0px; margin: 0px; } #content-text .left2 table.markets-table td{ width: 140px; height: 19px; line-height: 19px; border: 1px solid #e1e1e1; margin: 0px; padding: 0px; } #content-text .left2 table.markets-table a{ display: block; background-color: #ffffff; color: #26255c; line-height: 19px; padding-left: 10px; margin: 0px; } #content-text .left2 table.markets-table a:hover{ background-color: #344e8b; color: #ffffff; text-decoration: none; } #content-text .left2 h2{ background-image: url(/lib/images/bg_h2.jpg); background-position: top left; background-repeat: repeat-x; line-height: 31px; padding-left: 20px; font-family:'Gill Sans MT'; font-size: 17px; color: #26255c; text-transform: lowercase; margin: 10px 0px 5px 0px; font-weight: normal; } #content-text .left2 .indent, #content-text .left .indent{ margin-left: 12px; } #content-text .right{ float: left; width: 204px; } #content-text .right h2{ width: 204px; height: 53px; line-height: 53px; padding-left: 20px; font-family:'Gill Sans MT'; font-size: 17px; color: #26255c; text-transform: lowercase; margin: 0px 0px 10px 0px; font-weight: normal; background-image: url(/lib/images/bg_h2_tall.jpg); background-position: top left; background-repeat: no-repeat; } #content-text .right p{ padding-left: 5px; font-family:'Gill Sans MT'; font-size: 13px; line-height: 17px; } .blue-header{ font-weight: bold; color: #4da6dc; } #content-text #bg-market-explore{ float: left; width: 189px; height: 117px; background-image: url(/lib/images/bg_market-explore.jpg); background-position: top left; background-repeat: no-repeat; padding: 13px 19px 30px 19px; } #content-text table.market-explore{ padding: 0px; margin: 0px; } #content-text table.market-explore a{ font-family:'Gill Sans MT'; font-size: 13px; font-weight: bold; color: #26255c; } #content-text table.market-explore a:hover{ color: #ffffff; text-decoration: none; } .testimonial{ padding-bottom: 10px; margin-bottom: 10px; background-image: url(/lib/images/border_bottom_dot.jpg); background-position: bottom left; background-repeat: repeat-x; } .testimonial-last{ padding-bottom: 10px; margin-bottom: 10px; } .testimonial-header{ font-family:'Gill Sans MT'; font-size: 14px; line-height: 17px; color: #3ab0fe; text-transform: uppercase; } .testimonial-author{ color: #26255c; font-weight: bold; } /* team page styles */ #content-text .full-width{ padding-left: 30px; width: 777px; } #content-text .full-width .indent{ margin-left: 12px; } #tabs{ padding-top: 16px; } #tabs ul{ list-style: none; padding: 0px 0px 14px 0px; margin: 0px 0px 38px 0px; background-image: url(/lib/images/border_bottom_dot.jpg); background-position: bottom left; background-repeat: repeat-x; } #tabs ul li.ui-state-default a{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #26255c; line-height: 15px; text-transform: uppercase; text-decoration: none; background-image: none; margin-left: 0px; padding-left: 0px; } #tabs ul li.ui-state-default a:hover{ text-decoration: none; } #tabs ul li.ui-state-active a{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #26255c; line-height: 15px; text-transform: uppercase; text-decoration: none; background-image: none; margin-left: 0px; padding-left: 0px; } #tabs ul li.ui-state-active a:hover{ text-decoration: none; } #tabs ul li.employee-photo{ float: left; width: 126px; text-align: center; font-size: 12px; text-transform: uppercase; color: #26255c; } #tabs ul li.employee-photo a{ width: 67px; height: 89px; background-image: url(/lib/images/bg_photo-wall.jpg); background-position: top left; background-repeat: no-repeat; padding: 37px 30px 42px 29px; display: block; } #tabs ul li.ui-state-default a span.dj{ width: 67px; height: 89px; display: block; background-image: url(/lib/images/team_dj-bw.jpg); background-position: top left; background-repeat: no-repeat; } #tabs ul li.ui-state-active a span.dj, #tabs ul li.employee-photo a:hover span.dj{ background-image: url(/lib/images/team_dj-color.jpg); } #tabs ul li.ui-state-default a span.nb{ width: 67px; height: 89px; display: block; background-image: url(/lib/images/team_nb-bw.jpg); background-position: top left; background-repeat: no-repeat; } #tabs ul li.ui-state-active a span.nb, #tabs ul li.employee-photo a:hover span.nb{ background-image: url(/lib/images/team_nb-color.jpg); } #tabs ul li.ui-state-default a span.mh{ width: 67px; height: 89px; display: block; background-image: url(/lib/images/team_mh-bw.jpg); background-position: top left; background-repeat: no-repeat; } #tabs ul li.ui-state-active a span.mh, #tabs ul li.employee-photo a:hover span.mh{ background-image: url(/lib/images/team_mh-color.jpg); } #tabs ul li.ui-state-default a span.bb{ width: 67px; height: 89px; display: block; background-image: url(/lib/images/team_bb-bw.jpg); background-position: top left; background-repeat: no-repeat; } #tabs ul li.ui-state-active a span.bb, #tabs ul li.employee-photo a:hover span.bb{ background-image: url(/lib/images/team_bb-color.jpg); } #tabs ul li.ui-state-default a span.ml{ width: 67px; height: 89px; display: block; background-image: url(/lib/images/team_ml-bw.jpg); background-position: top left; background-repeat: no-repeat; } #tabs ul li.ui-state-active a span.ml, #tabs ul li.employee-photo a:hover span.ml{ background-image: url(/lib/images/team_ml-color.jpg); } #tabs ul li.ui-state-default a span.rl{ width: 67px; height: 89px; display: block; background-image: url(/lib/images/team_rl-bw.jpg); background-position: top left; background-repeat: no-repeat; } #tabs ul li.ui-state-active a span.rl, #tabs ul li.employee-photo a:hover span.rl{ background-image: url(/lib/images/team_rl-color.jpg); } #tabs .ui-tabs-panel{ padding-bottom: 30px; clear: both; } #tabs .ui-tabs-hide{ display: none; } #tabs .ui-tabs-panel h2{ background-image: url(/lib/images/bg_h2.jpg); background-position: top left; background-repeat: repeat-x; line-height: 31px; padding-left: 20px; font-family:'Gill Sans MT'; font-size: 17px; color: #26255c; margin: 10px 0px 5px 0px; font-weight: normal; } #tabs .ui-tabs-panel .blue-header{ font-family:'Gill Sans MT'; font-size: 14px; font-weight: normal; color: #3ab0fe; text-transform: uppercase; line-height: 17px; } #tabs .ui-tabs-panel ul{ list-style: none; padding-top: 10px; padding-left: 0px; background-image: none; padding-bottom: 0px; margin-bottom: 0px; } #tabs .ui-tabs-panel ul li{ font-size: 14px; margin-bottom: 5px; padding-left: 10px; background-image: url(/lib/images/bullet_blue.jpg); background-position: left; background-repeat: no-repeat; } /* healthcare digital signage styles */ h3.ui-state-default a{ font-family:'Gill Sans MT'; font-size: 22px; color: #26255c; line-height: 53px; text-transform: uppercase; text-decoration: none; background-image: url(/lib/images/header_healthcare-digital-signage.jpg); background-position: left; background-repeat: no-repeat; margin-left: 0px; padding-left: 96px; padding-top: 20px; width: 713px; height: 53px; display: block; } h3.ui-state-default a:hover{ text-decoration: none; background-image: url(/lib/images/header_healthcare-digital-signage_over.jpg); } h3.ui-state-active a{ font-family:'Gill Sans MT'; font-size: 22px; color: #26255c; line-height: 53px; text-transform: uppercase; text-decoration: none; background-image: url(/lib/images/header_healthcare-digital-signage_over.jpg); background-position: left; background-repeat: no-repeat; margin-left: 0px; padding-left: 96px; padding-top: 20px; width: 713px; height: 53px; display: block; } h3.ui-state-active a:hover{ text-decoration: none; background-image: url(/lib/images/header_healthcare-digital-signage.jpg); } /* digital signage tab styles */ #ds-tabs{ padding-top: 16px; } #ds-tabs ul{ list-style: none; padding: 0px; margin: 0px; height: 28px; } #ds-tabs ul li{ width: 156px; height: 28px; display: inline-block; } #ds-tabs ul li.ui-state-default a{ font-family:'Gill Sans MT'; font-size: 17px; color: #26255c; line-height: 28px; text-transform: lowercase; text-decoration: none; background-image: none; margin-left: 0px; padding-left: 19px; height: 28px; background-image: url(/lib/images/ds_tab.jpg); background-position: top left; background-repeat: no-repeat; display: block; } #ds-tabs ul li.ui-state-default a:hover{ text-decoration: none; background-image: url(/lib/images/ds_tab_over.jpg); } #ds-tabs ul li.ui-state-active a{ font-family:'Gill Sans MT'; font-size: 17px; color: #26255c; line-height: 28px; text-transform: lowercase; text-decoration: none; background-image: none; margin-left: 0px; padding-left: 19px; height: 28px; background-image: url(/lib/images/ds_tab_over.jpg); background-position: top left; background-repeat: no-repeat; display: block; } #ds-tabs ul li.ui-state-active a:hover{ text-decoration: none; background-image: url(/lib/images/ds_tab.jpg); } #ds-tabs .ui-tabs-panel{ padding: 17px; clear: both; border: 1px solid #d9d9d9; } #ds-tabs .ui-tabs-hide{ display: none; } #ds-tabs .ui-tabs-panel ul{ list-style: none; height: auto; } #ds-tabs .ui-tabs-panel ul li{ font-size: 14px; margin: 0px 0px 10px 15px; padding-left: 10px; background-image: url(/lib/images/bullet_blue.jpg); background-position: left; background-repeat: no-repeat; width: auto; height: auto; display: block; } /* contact page styles */ #content-text .contact-left{ float: left; padding-left: 30px; width: 230px; padding-right: 30px; } #content-text .contact-right{ float: left; width: 519px; } #content-text .contact-left h2, #content-text .contact-right h2{ background-image: url(/lib/images/bg_h2.jpg); background-position: top left; background-repeat: repeat-x; line-height: 31px; padding-left: 20px; font-family:'Gill Sans MT'; font-size: 17px; color: #26255c; text-transform: lowercase; margin: 10px 0px 5px 0px; font-weight: normal; } /* our work page styles */ #work-shadow{ width: 1006px; height: 12px; margin: 0 auto; padding-top: 6px; background-image: url(/lib/images/top_shadow_work.jpg); background-position: bottom left; background-repeat: no-repeat; } #work-bg{ background-color: #f2f2f2; width: 100%; } #work-container{ width: 1024px; background-color: #ffffff; margin: 0 auto; } #work-content{ width: 1006px; margin: 0px 7px; padding-bottom: 133px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; background-color: #ffffff; background-image: url(/lib/images/bg_work_footer.jpg); background-position: bottom left; background-repeat: no-repeat; } #work-content #subhead, #work-ds #subhead{ list-style: none; padding: 0px 22px 0px 24px; margin: 0px; height: 46px; width: 960px; background-image: url(/lib/images/header_our-work_second.jpg); background-position: top left; background-repeat: no-repeat; } #work-content #subhead li, #work-ds #subhead li{ display: block; float: left; height: 46px; line-height: 46px; background-image: url(/lib/images/subnav_border.png); background-position: right; background-repeat: no-repeat; width: 192px; text-align: left; vertical-align: middle; } #work-content #subhead li.last, #work-ds #subhead li.last{ background-image: none; } #work-content #subhead li a, #work-ds #subhead li a{ font-family:'Gill Sans MT'; font-size: 13px; color: #ffffff; text-transform: uppercase; text-decoration: none; line-height: 46px; height: 46px; } #work-content #subhead li a:hover, #work-content #subhead li.on a, #work-ds #subhead li a:hover, #work-ds #subhead li.on a{ text-decoration: none; border-bottom: 1px solid #3ab0fe; } #work-text{ width: 990px; background-image: url(/lib/images/bg_work_content.jpg); background-position: top left; background-repeat: repeat-y; padding: 0px 7px 20px 9px; } #work-full{ width: 914px; margin: 19px 0px 0px 42px; } #work-left{ float: left; width: 273px; margin: 19px 54px 0px 42px; } #work-right{ float: left; width: 600px; margin-top: 19px; } #work-project{ width: 596px; border: 2px solid #d9d9d9; } #work-right #see-more{ padding: 10px 0px; text-align: center; font-family:'Gill Sans MT'; font-size: 14px; color: #26255c; letter-spacing: .5px; } #work-ds{ width: 1006px; margin: 0px 7px; padding-bottom: 133px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; background-color: #ffffff; background-image: url(/lib/images/bg_work-ds_footer.jpg); background-position: bottom left; background-repeat: no-repeat; } #work-ds-text{ width: 962px; background-image: url(/lib/images/bg_work-ds_content.jpg); background-position: top left; background-repeat: repeat-y; padding: 40px 18px 20px 26px; } #work-ds-left{ width: 305px; padding-right: 24px; margin-right: 18px; float: left; background-image: url(/lib/images/border_right_dot.jpg); background-position: top right; background-repeat: repeat-y; } #work-ds-right{ float: left; width: 615px; } #work-ds-right .work{ padding-top: 35px; padding-left: 28px; width: 587px; } a.youtube{ color: #ffffff; text-decoration: underline; } a.youtube:hover{ text-decoration: none; color: #3ab0fe; } /* jquery ui expand/contract styles */ #work-ds-expanders{ padding: 90px 11px 30px 11px; } #work-ds-expanders h4.ui-state-default a{ font-family:'Gill Sans MT'; font-size: 15px; font-weight: normal; line-height: 17px; color: #4da6dc; padding-left: 0px; text-transform: none; margin-left: 0px; background-image: url(/lib/images/arrow_right_white.jpg); background-position: right; background-repeat: no-repeat; display: block; padding-left: 6px;border-bottom: 1px solid #242358; text-transform: lowercase; } #work-ds-expanders h4.ui-state-default a:hover{ background-image: url(/lib/images/arrow_down_white.jpg); color: #ffffff; } #work-ds-expanders h4.ui-state-active a{ font-family:'Gill Sans MT'; font-size: 15px; font-weight: normal; line-height: 17px; color: #ffffff; padding-left: 0px; text-transform: none; margin-left: 0px; background-image: url(/lib/images/arrow_down_white.jpg); background-position: right; background-repeat: no-repeat; display: block; padding-left: 6px; border-bottom: 1px solid #242358; text-transform: lowercase; } #work-ds-expanders h4.ui-state-active a:hover{ background-image: url(/lib/images/arrow_right_white.png); color: #4da6dc; } /* our work digital signage tab styles */ #work-ds-tabs{ width: 587px; } #work-ds-tabs ul{ list-style: none; padding: 35px 0px 23px 0px; margin: 0px; background-image: url(/lib/images/border_ds-our-work.jpg); background-position: bottom left; background-repeat: no-repeat; } #work-ds-tabs ul li{ float: left; padding-right: 21px; margin-right: 20px; border-right: 1px solid #ffffff; } #work-ds-tabs ul li.last{ border-right: none; } #work-ds-tabs ul li.ui-state-default a{ font-family:'Gill Sans MT'; font-size: 16px; color: #3ab0fe; line-height: 16px; text-transform: lowercase; text-decoration: none; background-image: none; padding: 0px; margin: 0px; } #work-ds-tabs ul li.ui-state-default a:hover{ text-decoration: none; color: #ffffff; background-image: none; } #work-ds-tabs ul li.ui-state-active a{ font-family:'Gill Sans MT'; font-size: 16px; color: #ffffff; line-height: 16px; text-transform: lowercase; text-decoration: none; background-image: none; padding: 0px; margin: 0px; } #work-ds-tabs ul li.ui-state-active a:hover{ text-decoration: none; color: #3ab0fe; background-image: none; } #work-ds-tabs .ui-tabs-panel{ width: 587px; color: #ffffff; } #work-ds-tabs .ui-tabs-panel .video{ padding-top: 53px; } #work-ds-tabs .ui-tabs-panel .video .video-left{ float: left; padding-right: 30px; width: 254px; } #work-ds-tabs .ui-tabs-panel .video .video-right{ float: left; width: 283px; } #work-ds-tabs .ui-tabs-hide{ width: 587px; display: none; } /* our work ds slider styles */ #work-ds-left .nivo-controlNav{ } #work-ds-left .nivo-controlNav a{ background-image: none; padding-right: 4px; padding-bottom: 4px; width: 23px; height: 17px; } #work-ds-left .nivo-controlNav img{ display: block; position: relative; width: 23px; height: 17px; } /* our work - graphic design tab styles */ #gd-tabs{ padding-top: 16px; } #gd-tabs ul{ list-style: none; padding: 0px; margin: 0px 0px 0px 12px; height: 28px; } #gd-tabs ul li{ width: 156px; height: 28px; display: inline-block; } #gd-tabs ul li.ui-state-default a{ font-family:'Gill Sans MT'; font-size: 15px; color: #26255c; line-height: 28px; text-transform: uppercase; text-decoration: none; background-image: none; margin-left: 0px; padding-left: 19px; height: 28px; background-image: url(/lib/images/ds_tab.jpg); background-position: top left; background-repeat: no-repeat; display: block; } #gd-tabs ul li.ui-state-default a:hover{ text-decoration: none; background-image: url(/lib/images/ds_tab_over.jpg); } #gd-tabs ul li.ui-state-active a{ font-family:'Gill Sans MT'; font-size: 15px; color: #26255c; line-height: 28px; text-transform: uppercase; text-decoration: none; background-image: none; margin-left: 0px; padding-left: 19px; height: 28px; background-image: url(/lib/images/ds_tab_over.jpg); background-position: top left; background-repeat: no-repeat; display: block; } #gd-tabs ul li.ui-state-active a:hover{ text-decoration: none; background-image: url(/lib/images/ds_tab.jpg); } #gd-tabs .ui-tabs-panel{ width: 894px; height: 599px; position: relative; padding: 10px; background: #cbcbcb; border: 1px solid #bbb; -webkit-box-shadow: 0 0 34px #bbb;-moz-box-shadow: 0 0 34px #bbb; box-shadow: 0 0 34px #bbb; } #gd-tabs .ui-tabs-panel .gd-tab-left{ width: 611px; height: 599px; float: left; } #gd-tabs .ui-tabs-panel .gd-tab-right{ width: 251px; height: 573px; float: left; background-image: url(/lib/images/bg_our-work_gd-right.jpg); background-position: top left; background-repeat: no-repeat; padding: 13px 16px; } #gd-tabs .ui-tabs-hide{ display: none; } /*footer styles*/ #footer{ width: 868px; padding: 20px 17px 0px 17px; margin: 0 auto; } #footer .tagline{ font-family:'Gill Sans MT'; font-size: 13px; color: #4da6dc; text-transform: uppercase; } #footer ul{ list-style: none; float: right; margin: 0; padding: 0; } #footer ul li{ display: inline; float: left; margin-left: 8px; padding-left: 8px; border-left: 1px solid #888888; height: 11px; line-height: 11px; } #footer ul li.first{ border-left: none; } #footer ul li a{ font-family:'Gill Sans MT'; font-size: 11px; line-height: 11px; color: #000000; text-transform: lowercase; text-decoration: none; } #footer ul li a:hover{ text-decoration: underline; } #copyright{ clear: both; font-family:'Gill Sans MT'; font-size: 11px; line-height: 11px; color: #000000; padding-top: 50px; text-align: right; }