/* Company52 V2 CSS (c) 2010 */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}* {outline:none;}

/* Global & Index CSS */
body{color:#7A7A7A;font:12px/18px Arial,Helvetica,sans-serif;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
a, a:visited,a span {color:#0076a2;text-decoration:none;}
img {border:0;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;}
.m-top{margin-top:30px;}
#header{color:#fff;float:left;position:relative;width:100%;height:522px;overflow:hidden;}
#header-slider{position:absolute;float:left;left:0;top:0;overflow:hidden;text-align:center;width:100%;height:522px;background:#fff;}
#header .wrapper{padding-top:40px;z-index:2;position:relative;}
.wrapper{width:960px;margin:0 auto;}
#logo{margin:0 0 40px;}
.social-icons{}
.social-icons li{float:left;margin-right:7px;}
.social-icons li:last-child{margin:0;}
.social-icons li a{background:transparent url(../img/social-icons.png) no-repeat;width:22px;height:25px;display:inline-block;opacity:.5;}
.twitter{background-position:-49px 0!important;}
.facebook{background-position:-73px 0!important;}
.linkedin{background-position:-25px 0!important;}
.rss{background-position:-1px 0!important;}
#header-slider-content{float:left;margin:100px 0 60px;width:100%;height:181px;font-size:28px;line-height:28px;text-shadow:0 0 10px #000;font-weight:100;}
#header-slider-content ul li,#header-slider-content ul li .img{display:none;}
#header-slider-content h1{font-weight:700;display:inline;}
#header-slider-content a {text-decoration:none;}
#header-slider-content a.dark{color:#000;}
#header-slider-content p{font-size:18px;color:#f5f5f5;margin:0 0 25px;}
#menu{float:left;margin:0;padding:0;width:100%;}
#menu li{list-style:none;position:relative;width:192px;float:left;}
#menu li:hover{-moz-box-shadow:0 0 15px #000;box-shadow:0 0 15px #000;-webkit-box-shadow:0 0 15px #000;}
#menu li a{display:block;position:relative;text-decoration:none;color:#fff;z-index:10;}
#menu h2{font:17px/17px Arial,Helvetica,sans-serif;padding:20px 0 0 20px;text-transform:uppercase;margin:0px;}
#menu h3{font-size:12px;text-transform:lowercase;padding:0 0 20px 20px;display:block;margin:0px;font-weight:100;}
#menu li span{background:#333;height:100%;left:0;position:absolute;top:0;width:192px;z-index:5;}
#menu li span.hover{background:#005496;display:none;height:100%;left:0;position:absolute;top:0;width:192px;z-index:5;}
#menu li.active span.hover{display:block;}
#content{background:transparent url(../img/content-bg.png) repeat-x top;width:100%;margin-top:-9px;z-index:20;position:relative;float:left;padding:45px 0 0;}
.content-container{background:#f5f5f5;width:100%;padding:20px 0;}
.get-a-quote,.slogan{height:70px;border:1px solid #ccc;background:url(../img/get-a-quote-bg.jpg) repeat-x center;-moz-border-radius:10px;border-radius:10px;width:960px;position:relative;margin:auto;}
.get-a-quote h1,.slogan h1{color:#777;font-size:24px;font-weight:500;text-shadow:1px 1px #fff;float:left;margin:25px 20px;}
.get-a-quote a,.slogan a{background:transparent url(../img/get-a-quote.png) no-repeat top;width:190px;text-align:center;padding:18px 0;float:right;margin:8px 20px;position:relative;}
.get-a-quote a span.text,.slogan a span.text{font-size:20px;color:#fff;text-decoration:none;text-shadow:1px 1px #4e4e4e;}
.get-a-quote span.hover,.slogan span.hover{background:transparent url(../img/get-a-quote.png) no-repeat bottom;width:190px;height:54px;}
.home-content{width:603px;}
.home-sidebar{width:357px;}
.our-brands{background:transparent url(../img/our-brands.png) no-repeat top center;padding-top:50px;height:121px;}
.brands{display:block;height:121px;width:100%;background:transparent url(../img/brands.png) no-repeat top center;position:relative;}
.brands span.hover{height:121px;width:100%;background:transparent url(../img/brands.png) no-repeat bottom center;}
.customers{background:transparent url(../img/customers.png) no-repeat top center;padding-top:50px;height:121px;}
.customers ul{margin:0 20px;}
.customers li{margin:0;padding:0;list-style:none;}
.customers li{float:left;margin:0 20px 20px;}
.customers li a{display:inline-block;}
.recent-work{background:transparent url(../img/recent-work.png) no-repeat top center;padding-top:50px;}
.recent-work .portfolio_item{margin:0 8px;}
.succesful-launches{background:transparent url(../img/successful-launches.png) no-repeat top center;padding-top:50px;text-align:center;}
.flip-clock{height:70px;width:85px;padding:11px 122px;margin:0 14px;background:transparent url(../img/flip-clock.png) no-repeat top center;}
.flip-clock span{background:transparent url(../img/flip-clock-numbers.png) no-repeat;height:54px;width:28px;display:inline-block;}
.flip-clock span:first-child{float:left;margin-left:6px;}
.flip-clock span:last-child{float:right;margin-right:6px;}
.one{background-position:0 0;width:19px;}
.two{background-position:-38px 0!important;}
.three{background-position:-78px 0!important;}
.four{background-position:-119px 0!important;}
.five{background-position:-160px 0!important;}
.six{background-position:-200px 0!important;}
.seven{background-position:-240px 0!important;}
.eight{background-position:-280px 0!important;}
.nine{background-position:-319px 0!important;}
.zero{background-position:-360px 0!important;}
#footer{background:url(../img/footer-bg.png) repeat-x top;width:100%;height:219px;position:relative;float:left;color:#ccc;font-size:11px;line-height:11px;}
#footer h2{color:#fff;font-size:12px;line-height:12px;}
.foot-nav{height:91px;display:block;background:transparent url(../img/footer-top-bg.jpg) no-repeat -4px 0;padding-top:35px;margin-bottom:35px;}
.foot-nav li{float:left;padding:0 30px;}
.foot-nav li:first-child{padding:0 30px 0 0;}
.foot-nav li a{font-size:14px;font-weight:500;text-decoration:none;text-shadow:1px 1px #036;color:#fff;}
.empty{display:block;margin-top:20px;}
.sub{margin:10px 0 0;}
.sub li{display:block;float:none;margin:0;padding:0!important;}
.sub li a{color:#ccc;font-size:12px;font-weight:100;}
#contact-us input[type="text"],#contact-us input[type="email"]{-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;background:#FFF;border-color:#ABADB3 #E2E3EA #E2E3EA;border-right:1px solid #E2E3EA;border-style:solid;border-width:1px;padding:10px 10px;width:400px;color:#777;display:block;margin:10px 0px}
#contact-us textarea{-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;background:#FFF;border-color:#ABADB3 #E2E3EA #E2E3EA;border-right:1px solid #E2E3EA;border-style:solid;border-width:1px;padding:12px 10px;width:400px;color:#777;margin:10px 0;display:block;}
#contact-us input:focus,#contact-us textarea:focus{-moz-box-shadow:0px 0px 5px #0066cc;border-color:#3399ff;}
#contact-us textarea:focus{height:100px;width:400px;}
#message{display:none;}
/* Jquery CSS Hovers */
.smooth {position:absolute;left:0px;top:0px;}
.text {position:relative;z-index:50;}
/* Client Logos */
.spike{width:77px;height:43px;background:url(../img/clients/spike.jpg) no-repeat top center;position:relative;}
.spike span.hover{width:77px;height:43px;background:url(../img/clients/spike.jpg) no-repeat bottom center;}
.pni{width:65px;height:45px;background:url(../img/clients/pni.jpg) no-repeat top center;position:relative;}
.pni span.hover{width:65px;height:45px;background:url(../img/clients/pni.jpg) no-repeat bottom center;}
.bluestar{width:47px;height:43px;background:url(../img/clients/bluestar.jpg) no-repeat top center;position:relative;}
.bluestar span.hover{width:47px;height:43px;background:url(../img/clients/bluestar.jpg) no-repeat bottom center;}
/* Page CSS */
.page {color:#444}
.page #header-slider-content{height:0px;margin:30px 0 0 0;}
.page #header-slider{height:211px;}
.page #header{height:211px;}
.page .slogan
#container-1{margin:-120px auto 25px auto;}
.page #container,.page #container-1{margin:30px auto;}
.page .tabs-container{background:none;}
.page.work #content,.page.services #content{padding-top:134px;}
.page.work #container-1,.page.services #container{margin-top:-120px;}
.blue {color:blue;ackground-color:#444;}
.red {position:relative;color:red;background-color:#444;}
.page_shading_top {}
.page_shading_bottom {background-color:white;min-height:300px;}
.page.services h1{display:block;font-size:2em;font-weight:bold;margin:-10px 0 30px;}
.page.services h2{display:block;font-weight:bold;font-size:1.5em;margin:.83em 0;}
.page.services h3{display:block;font-size:1.17em;font-weight:bold;margin:1em 0;}
#team_header{font-family:'Arial Narrow','Helvetica Neue','Trebuchet MS','sans serif';font-size:29px;font-weight:400;letter-spacing:-.3pt;text-transform:uppercase;float:right;color:#333;word-spacing:3px;margin:40px 20px 50px 0;}
#team_overview{clear:both;overflow:auto;margin:0 0 50px 20px;}
#we_are{font-size:29px;font-weight:400;letter-spacing:-.3pt;text-transform:uppercase;float:left;text-shadow:1px 1px #fff;margin:100px 25px 0 0;}
#we_are_points{float:left;margin-top:-24px;}
#we_are_points h2{font-size:17px;font-weight:400;text-indent:-9000px;margin-top:24px;}
#we_are_experienced{background:url(../img/team-we_are_experienced.gif) no-repeat;width:714px;height:34px;}
#we_are_excited{background:url(../img/team-we_are_excited.gif) no-repeat;width:718px;height:37px;}
#we_are_passionate{background:url(../img/team-we_are_passionate.gif) no-repeat;width:711px;height:37px;}
#we_are_experts{background:url(../img/team-we_are_experts.gif) no-repeat;width:701px;height:57px;}
.bracket_large_green{background:url(../img/our_team_bracket.gif) no-repeat;width:28px;height:237px;float:left;margin:0 20px 0 0;}
#team_separator{background:url(../img/team-page_separator.png) no-repeat;width:927px;height:61px;clear:both;margin:0 auto;}
.team_member_block{background:url(../img/team-bg_member_block.png) no-repeat;width:415px;height:176px;float:left;font-size:13px;line-height:16px;margin:0 10px 20px 5px;padding:20px 25px;}
.team_member_block h3{font-family:'Arial Narrow','Helvetica Neue','Trebuchet MS','sans serif';font-size:20px;font-weight:400;letter-spacing:-.3pt;text-transform:uppercase;margin:0 0 10px 3px;}
.team_member_block h3 .title{font-size:14px;text-transform:capitalize;}
.team_member_block img{margin:0 10px 0 0;}
.page_curl_top{background:url(../img/page_curl_bg.png) top;width:921px;min-height:200px;padding:0 19px 0 20px;}
.page_curl_bottom{background:url(../img/page_curl_bg.png) bottom no-repeat;width:921px;min-height:190px;padding:0 19px 20px 20px;}
.section_title{color:#454545;position:absolute;font-size:14px;margin:12px 0 0 20px;}
#client_work h3{font-family:'Arial Narrow','Helvetica Neue','Trebuchet MS','sans serif';font-size:26px;font-weight:400;letter-spacing:-.5pt;margin:0;padding:15px 0;}
#case_studies{width:903px;height:279px;background:url(../img/case_study_container.png) no-repeat;margin:20px 9px 0;}
#case_studies_container{width:870px;padding-top:55px;margin:0 auto;}
.case_study_block{float:left;width:270px;height:200px;background-color:#999;margin:0 10px;}
.case_study_block h4{font-family:'Arial Narrow','Helvetica Neue','Trebuchet MS','sans serif';font-size:20px;font-weight:400;margin:0 0 0 10px;padding:0;}
.case_study_block a{color:#FFF;display:block;width:270px;height:200px;text-decoration:none;}
.case_study_block span{display:block;margin-left:10px;font-size:11px;}
#portfolio_categories{height:72px;background:url(../img/portfolio_bar.png);margin:20px 0 0;}
#portfolio_categories ul{list-style:none;height:72px;margin:0;padding:0;}
#portfolio_categories li{float:left;font-size:13.5px;text-align:center;line-height:72px;background:url(../img/nav_home_separator.png) center right no-repeat;padding:0 20px;}
#portfolio_categories li span{display:block;}
#portfolio_categories li.last{background:none;}
#portfolio_categories li.double_line{line-height:1.3;padding-top:18px;}
#portfolio_categories li.double_line span{display:block;height:54px;}
.portfolio_item{background:url(../img/portfolio_item_block_outline.png);width:174px;height:160px;float:left;font-family:'Helvetica Neue', Helvetica, 'Trebuchet MS', 'Lucida Grande';font-weight:200;margin:10px 15px;padding:3px 0 0 6px;}
.pi_container{background-color:#444;width:160px;height:146px;display:block;position:relative;padding:4px 4px 0;}
.pi_thumb_container{height:110px;}
.pi_thumb_shadow{background:url(../img/portfolio_item_thumb_shadow.png);width:163px;height:9px;margin:0 0 0 -2px;}
.pi_container .description{color:#eee;font-size:11px;padding-bottom:3px;white-space:nowrap;overflow:hidden;line-height:1;margin:-4px 6px 0;}
.pi_container .description h5{font-size:14px;font-weight:200;margin:0;padding:0;}
.pi_container .more_link{position:absolute;right:8px;font-size:10px;margin-top:2px;}
#sb-nav-close{background:none;font-family:'Arial Narrow','Helvetica Neue','Lucida Sans',Arial;position:fixed;top:20px;right:20px;color:#fff;font-size:14px;cursor:pointer;padding:4px 7px 5px;}
#sb-nav-close:hover{background-color:#eee;color:#555;}
#sb-branding{display:block;width:264px;height:57px;position:fixed;bottom:20px;left:20px;cursor:pointer;background:url(../img/portfolio_branding.png) no-repeat;}
.pi_bg_periwinkle{color:#4e5e86;}
.pi_bg_tan{color:#a9a594;}
.pi_bg_bluegreen{color:#3e697d;}
.pi_bg_brightgreen{color:#7dbf46;}
.pi_bg_darkgreen{color:#008377;}
.pi_bg_ltbrown{color:#ad8658;}
.pi_bg_blue1{color:#3363a0;}
.pi_bg_blue2{color:#359fd6;}
.pi_bg_ltblue1{color:#5bb4e0;}
.pi_bg_ltblue2{color:#27aae1;}
.pi_bg_orange1{color:#e28d1c;}
.pi_bg_orange2{color:#f5821f;}
.pi_bg_burntorange{color:#cc7600;}
.pi_bg_seafoam{color:#57b89e;}
.pi_bg_pink{color:#da3f7b;}
.pi_bg_purplefaded{color:#764c96;}
.pi_bg_blue{color:blue;background-color:#444;}
.pi_bg_red{color:red;background-color:#444;}
#our_brands .brand{padding-top:50px;clear:both;overflow:auto;margin:0 50px;}
#our_brands .brand a{text-decoration:none;padding:2px 4px;}
#our_brands .brand a:hover{background-color:#0076a2;color:#FFF;}
#our_brands .brand .screenshot{width:48%;border-top:1px solid #999;float:left;padding-top:10px;}
#our_brands .brand .screenshot img{border:1px solid #999;border-top:none;margin-left:10px;}
#our_brands .brand .description{width:47%;float:left;border-top:1px solid #999;font-size:12px;font-family:"Lucida Grande";padding:10px 10px 0 0;}
#our_brands .brand h3{font-weight:400;font-size:20px;margin:0;padding:0;}
#our_brands .brand h3 a{font-size:12px;margin-left:10px;}
#services_header{font-family:'Arial Narrow','Helvetica Neue','Trebuchet MS','sans serif';font-size:29px;font-weight:400;letter-spacing:-.3pt;text-transform:uppercase;float:right;color:#333;word-spacing:3px;margin:30px 20px 10px 0;}
#services_section_nav{list-style-image:none;list-style-position:outside;list-style-type:none;font-size:12px;font-family:"Lucida Grande", "Lucida Sans", "Trebuchet MS", Helvetica, Arial;float:right;margin:20px 10px 0 0;}
#services_section_nav li{float:left;margin:0 15px;}
#services_section_nav li a{color:#333;text-decoration:none;}
#services_section_nav li a:hover,#services_section_nav li.active a:hover{color:#08C;text-decoration:none;}
#services_section_nav li.active a{color:#999;}
#services_section_nav li.contact{margin-top:-5px;}
.btn_contact_us{background:url(../img/btn_contact_us.png);width:84px;height:25px;display:block;}
.btn_contact_us:hover{background-position:0 -25px;}
.btn_contact_us:active{background-position:0 -50px;}
.page_shading_top{background:url(../img/page_shading_bg.png) top;width:921px;min-height:200px;clear:both;margin-bottom:-190px;padding:12px 19px 0 20px;}
.page_shading_bottom{background:#F5F5F5 url(../img/page_shading_bg.png) bottom no-repeat;width:921px;min-height:190px;padding:0 19px 12px 20px;}
#feature_list h4{font-size:16px;font-weight:400;font-family:'Trebuchet MS', 'Lucida Grande';margin:0;padding:7px 0 0;}
div#feature_list{width:921px;height:1100px;overflow:hidden;position:relative;background:url(/static/img/services_tabs_bg.png) repeat-y -42px;}
div#feature_list ul#tabs,div#feature_list ul#output{position:absolute;top:0;list-style:none;margin:0;padding:0;}
div#feature_list ul#tabs{top:15px;}
ul#tabs{left:0;z-index:2;width:270px;position:relative;}
ul#tabs li{font-size:12px;font-family:Arial;border-bottom:1px solid #ddd;}
ul#tabs li.first{border-top:1px solid #ddd;}
ul#tabs li span{font-size:11px;width:270px;display:block;}
ul#tabs li img{border:none;float:left;height:36px;margin:0 8px 0 -7px;padding:5px;}
ul#tabs li a{color:#777;text-decoration:none;display:block;height:30px;outline:none;width:284px;padding:0 10px 20px;}
ul#tabs li a:hover{color:#444;}
ul#tabs li a.current{background:url(/static/img/feature-tab-current.png) no-repeat;color:#ccc;background-position:-26px -15px;}
ul#tabs li a.current:hover{text-decoration:none;cursor:default;}
ul#output{right:0;width:650px;position:relative;font-size:12px;font-family:'Lucida Grande';}
ul#output h3{line-height:1.4em;margin-bottom:.3em;}
ul#output li{position:absolute;width:610px;background-color:#fff;line-height:1.5em;padding:40px 0 0 40px;}
.karmic_flow_container{overflow:hidden;position:relative;width:853px;height:408px;margin:0;}
.karmic_flow_slider,.karmic_flow_slider li{list-style:none;margin:0;padding:0;}
.karmic_flow_slider{overflow:hidden;position:relative;margin-left:0;}
.karmic_flow_slider li{float:left;position:relative;overflow:hidden;padding-top:15px;}
.karmic_flow_sliding .karmic_flow_slide_overflow{overflow:hidden;}
.karmic_flow_sliding object,.karmic_flow_sliding embed{display:none;}
.karmic_flow_controller_selected,.karmic_flow_controller_selected a{color:#454545!important;}
.karmic_flow_controller_selected span{background:url(../img/portfolio_bar_selector.png) bottom center no-repeat;}
.karmic_flow_controller{color:#888;text-decoration:none;}
.karmic_flow_controller .subtitle{font-size:12px;text-transform:lowercase;}
.karmic_flow_controller .slideNav{width:156px;height:50px;font-size:20px;float:left;line-height:.8em;display:block;background-color:#000;margin:10px 0 0 1px;padding:4px 4px 0;}
.karmic_flow_prev_controller,.karmic_flow_next_controller,.karmic_flow_play_controller,.karmic_flow_pause_controller{margin-top:160px;display:block;float:left;width:33px;height:68px;overflow:hidden;outline:none;}
.karmic_flow_prev_controller:hover,.karmic_flow_next_controller:hover,.karmic_flow_play_controller:hover,.karmic_flow_pause_controller:hover{background-position:-33px 0;}
.karmic_flow_prev_controller:active,.karmic_flow_next_controller:active,.karmic_flow_play_controller:active,.karmic_flow_pause_controller:active{background-position:0 0;}
.karmic_flow_next_controller{background:url(../img/portfolio_pager_scroll_right.png);margin-right:-2px;}
.karmic_flow_prev_controller{background:url(../img/portfolio_pager_scroll_left.png);margin-left:-2px;}
.karmic_flow_play_controller{background:url(../i/layout/Knob%20Play.png);}
.karmic_flow_pause_controller{background:url(../i/layout/Knob%20Pause.png)!important;}
.team_member_block a,#portfolio_categories li a,.portfolio_item a{text-decoration:none;}
.team_member_block a:hover,.case_study_block a:hover h4,.case_study_block a:hover span{text-decoration:underline;}