/* Global Styles */
body { margin: 0px; padding: 0px; background:url(picha/pagebg.jpg) repeat-x; font-family: Helvetica, Arial, Sans-Serif; color: #333333; font-size: 12px; }

h1 { font-size: 28px; font-weight: bold; margin: 0px; color: #c2c7c3; }

h2 { font-size: 24px; font-weight: lighter; color: #666666; margin: 0px; }

h3 { font-size: 20px; font-weight: normal; color: #0099cc; }

h4 { font-size: 20px; font-weight: 100; }

h5 { font-size: 14px; margin-bottom: 0px; font-weight: bold; }

h6 { font-size: 12px; font-weight: bold; }
a { color: #00638a; text-decoration: none; }
    a, a:hover, a:active, a:focus, input::-moz-focus-inner, object, embed { outline: 0; }
        a:active { background-color: transparent; /* Can be any colour, not just transparent */ }
        a img { border: none; }

.clear { clear: both; }

#Container { width: 970px; margin: 0px auto; }

#Header { width: 970px; height: 130px; position: relative; margin-top:30px;}

    #Header #Logo { position: absolute; left: 15px;  }

    #Header #SocialHeader { position: absolute; right: 33px; top: 10px; color: #cccccc; }

        #Header #SocialHeader a img { padding-left: 1px; padding-right: 1px; }

#SearchBar { position: absolute; right: 37px; top: 47px; width: 220px; }

    #SearchBar #SearchText { position: absolute; left: 0px; top: 0px; height: 15px; width: 184px; font-size: 12px; }

    #SearchBar #SearchButton { position: absolute; right: 0px; top: 6px; }

#Navigation { position: absolute; right: 15px; bottom: 13px; }

    #Navigation ul { padding: 0px; margin: 0px; list-style-type: none; }

        #Navigation ul li { padding-left: 14px; padding-right: 14px; display: inline; }

            #Navigation ul li a { font-size: 14px; text-decoration: none; color: #2d3437; font-weight: bold; }

                #Navigation ul li a.current { color: #0099cc; }

#Footer { clear: both; border-top: solid 1px #cccccc; position: relative; font-size: 10px; height: 40px; }

    #Footer ul { list-style-type: none; position: absolute; right: 10px; top: 15px; padding: 0px; margin: 0px; }

        #Footer ul li { display: block; float: left; padding-right: 10px; padding-left: 10px; border-left: solid 1px #807f7a; height: 10px; line-height: 10px; }

    #Footer a { color: #00638a; text-decoration: none; }

    #Footer ul li.noborder { border: none; }

#Main #InnerMain { position: relative; }

#InnerMain #FlashHead { height: 324px; left: 0px; bottom: 0px; }

#Sidebar { color: #FFFFFF; width: 203px; padding-bottom: 320px; float: left; padding-left: 22px; padding-right: 10px; padding-top: 30px; position: relative; }

    #Sidebar a { color: #FFFFFF; text-decoration: none; font-size: 14px; font-weight: bold; }

    #Sidebar ul { list-style-type: none; margin: 0px; padding: 0px; padding-bottom: 40px; }

        #Sidebar ul ul { padding: 0px; }

        #Sidebar ul.industries li { padding-top: 9px; padding-bottom: 9px; }

    #Sidebar h4 { margin: 0px; padding-bottom: 3px; }

    #Sidebar ul.solutions li { padding-top: 15px; position: relative; display: block; margin-top: 10px; }

        #Sidebar ul.solutions li a { font-size: 14px; padding-bottom: 3px; display: block; position: relative; }

        #Sidebar ul.solutions li li { padding-top: 2px; padding-bottom: 2px; line-height: 12px; margin: 0px; }

            #Sidebar ul.solutions li li a { font-size: 11px; font-weight: normal; }

            #Sidebar ul.solutions li li ul { padding-left: 12px; }

        #Sidebar ul.solutions li.selected a { color: #333333; font-weight: bold; position: relative; }

        #Sidebar ul.solutions li.selected li a { color: #FFFFFF; font-weight: normal; }

        #Sidebar ul.solutions li .selectedOverlay { position: absolute; left: -22px; top: 8px; display: block; height: 100%; width: 235px; background: #FFFFFF; opacity: .15; filter: alpha(opacity=15); }

        #Sidebar ul.solutions li li .selectedOverlay { top: -1px; }

        #Sidebar ul.solutions li li li .selectedOverlay { display: none; }

    #Sidebar ul.standard li { position: relative; margin-bottom: 3px; margin-top: 3px; }

        #Sidebar ul.standard li a { font-size: 14px; position: relative; }

        #Sidebar ul.standard li.selected a { color: #333333; font-weight: bold; }

        #Sidebar ul.standard li .selectedOverlay { display: none; }

        #Sidebar ul.standard li.selected .selectedOverlay { position: absolute; left: -22px; top: 0px; display: block; height: 100%; width: 235px; background: #FFFFFF; opacity: .15; filter: alpha(opacity=15); }

    #Sidebar ul.outsideVertical .expandButton { cursor: pointer; position: absolute; left: -15px; top: 17px; background: url(../ost/picha/expand.png) no-repeat; display: block; width: 11px; height: 12px; }

    #Sidebar ul.outsideVertical .expanded .expandButton { background: url(../ost/picha/collapse.png) no-repeat; }

    #Sidebar ul.outsideVertical ul { display: none; }

    #Sidebar ul.outsideVertical .expanded ul { display: block; }

#Content { background: url(picha/mainbg.jpg) no-repeat top right; width: 715px; float: left; padding-left: 20px; padding-top: 10px; position: relative; }

    #Content h1 { margin-top: 20px; }

    #Content p { font-size: 14px; line-height: 21px; }

    #Content ol { font-size: 14px; line-height: 18px; }

.enterprise #Content { background: url(picha/header_enterprise.jpg) no-repeat top left; padding-top: 135px; }

.finance #Content { background: url(../ost/picha/header_finance.jpg) no-repeat top left; padding-top: 135px; }

.manufacturing #Content { background: url(../ost/picha/header_manufacturing.jpg) no-repeat top left; padding-top: 135px; }

.healthcare #Content { background: url(../ost/picha/header_healthcare.jpg) no-repeat top left; padding-top: 105px; }

.verticalLink { position: absolute; left: 0px; top: 0px; width: 735px; height: 100px; }

.manufacturing .verticalLink { height: 145px; }

.finance .verticalLink { height: 145px; }

.enterprise .verticalLink { height: 145px; }

.healthcare h3 { color: #8CB037; }

.manufacturing h3 { color: #b43926; }

.finance h3 { color: #f9a142; }

.enterprise h3 { color: #4dbdce; }


#MainContent { float: left; width: 482px; padding-right: 23px; padding-bottom: 20px; }

    #MainContent h3 { margin-top: 30px; margin-bottom: 5px; }

    #MainContent p { line-height: 21px; margin-bottom: 18px; margin-top: 18px; font-size: 14px; }

    #MainContent.wide { width: 715px; padding-right: 0px; }

    #MainContent ul { font-size: 14px; }

#SideContent { float: left; width: 210px; }

    #SideContent .sideSection { border-top: dashed 1px #b4b4b4; padding-bottom: 15px; padding-left: 5px; padding-right: 5px; }

    #SideContent .first { border: none; }

    #SideContent .sideSection h4 { margin-top: 20px; margin-bottom: 0px; color: #666666; }

    #SideContent .sideSection h5 { margin-top: 2px; margin-bottom: 2px; }

    #SideContent .sideSection p { margin-top: 0px; font-size: 12px; line-height: 18px; }

        #SideContent .sideSection p.quote { margin-top: 0px; color: #666666; }

    #SideContent .sideSection a.readMore { font-size: #0085b8; }

    #SideContent .sideSection .personBio { height: 62px; position: relative; margin-top: 8px; margin-bottom: 8px; }

        #SideContent .sideSection .personBio .personData { position: absolute; left: 70px; bottom: 0px; }

        #SideContent .sideSection .personBio .name { font-size: 14px; color: #666666; display: block; margin-bottom: 5px; line-height: 16px; }

        #SideContent .sideSection .personBio .title { font-size: 10px; color: #455560; }

    #SideContent .sideSection .personBio { height: 62px; position: relative; }

    #SideContent .sideSection .divider { border-bottom: dashed 1px #7fc1db; width: 200px; margin-top: 10px; margin-bottom: 10px; }

    #SideContent .sideSection a.pdf { display: block; padding-left: 30px; background: url(../ost/picha/pdf_icon.gif) no-repeat; height: 23px; line-height: 22px; color: #221f20; font-size: 11px; }

    #SideContent .sideSection a.video { display: block; padding-left: 30px; background: url(../ost/picha/video_icon.gif) no-repeat; height: 23px; line-height: 22px; color: #221f20; font-size: 11px; }

    #SideContent .sideSection .referenceStory { margin-top: 5px; margin-bottom: 20px; border-bottom: dashed 1px #7fc1db; }

        #SideContent .sideSection .referenceStory .storyContent { }

            #SideContent .sideSection .referenceStory .storyContent h5 { margin: 0px; margin-bottom: 2px; }

    #SideContent .sideSection .upcomingEvent { border-bottom: dashed 1px #7fc1db; padding-top: 15px; padding-bottom: 15px; }

        #SideContent .sideSection .upcomingEvent a.eventLink { display: block; font-weight: bold; font-size: 14px; }

    #SideContent .sideSection .last { border: none; padding-bottom: 0px; }

    #SideContent .sideSection ul { list-style-type: none; padding: 0px; margin: 0px; padding-top: 15px; }

        #SideContent .sideSection ul a { font-size: 14px; font-weight: bold; }

#HomeMain { width: 970px; background: url(picha/mainbg.jpg) no-repeat; position: relative; }

    #HomeMain h2 { font-size: 26px; font-weight: 100; }

#HomeFlash { float: left; width: 547px; padding-left: 15px; padding-top: 0; position: relative; z-index: 0; height: 473px; }

    #HomeFlash #FlashContainer { position: absolute; left: 293px; top: 35px; z-index: 19; width: 423px;}

    #FlashHead > img {position: relative;right: 23px;z-index: 1;}

        #HomeFlash #FlashContainer .homeMenu { list-style-type: none; padding: 0px; margin: 0px; position: absolute; left: 15px; top: 39px; }

    #HomeFlash h2 { position: relative; z-index: 100; }


#HomeSolutions { width: 408px; z-index: 2; padding-bottom: 20px; position: absolute; top: 43px; left: 575px; }

    #HomeSolutions .homeSolutionsRow { width: 408px; padding-top: 25px; padding-bottom: 5px; }

        #HomeSolutions .homeSolutionsRow .homeSolutionGroup { width: 183px; float: left; }

        #HomeSolutions .homeSolutionsRow .first { width: 218px; }

        #HomeSolutions .homeSolutionsRow .homeSolutionGroup h5 { margin: 0px; }

        #HomeSolutions .homeSolutionsRow .homeSolutionGroup ul { margin: 0px; padding: 0px; font-weight: normal; list-style-type: none; }

            #HomeSolutions .homeSolutionsRow .homeSolutionGroup ul li { padding-bottom: 2px; padding-top: 2px; line-height: 13px; }

                #HomeSolutions .homeSolutionsRow .homeSolutionGroup ul li a { text-decoration: none; color: #333333; font-size: 11px; }

    #HomeSolutions h5 a { color: #333333; }

#HomeIntro { clear: both; padding-bottom: 30px; padding-left: 15px; padding-right: 15px;margin: 0 auto ; width: 678px; }

    #HomeIntro h1 { font-size: 80px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; color: #346a80; opacity: .3; filter: alpha(opacity=30); margin: 0px; text-transform: uppercase; line-height: 80px; }

#HomeClients { padding-top: 1px; background: url(picha/homeclients_bg.jpg) no-repeat; position: relative; padding-bottom: 30px; }

    #HomeClients .showHide { position: absolute; top: 25px; right: 15px; text-transform: uppercase; color: #007ebf; font-size: 14px; cursor: pointer; }

    #HomeClients .clientRow { width: 948px; padding-left: 11px; }

    #HomeClients .client { float: left; position: relative; }

        #HomeClients .client .clientColor { position: absolute; left: 0px; top: 0px; display: none; }

        #HomeClients .client a:hover .clientColor { display: block; }

    #HomeClients h4 { padding-left: 15px; }

#HomeFeatures { clear: both; background: url(picha/homefeatures_bg.jpg) repeat-x bottom left; border-top: solid 1px #CCC; padding-top: 23px; }

    #HomeFeatures .homeFeature { float: left; width: 227px; padding-left: 15px; padding-bottom: 30px; }

        #HomeFeatures .homeFeature h4 { margin: 0px; padding-bottom: 14px; }

        #HomeFeatures .homeFeature .featureContent img { float: left; padding-right: 10px; }

        #HomeFeatures .homeFeature .featureInnerContent { float: left; width: 163px; }

            #HomeFeatures .homeFeature .featureInnerContent h5 { font-size: 14px; font-weight: bold; margin: 0px; }

                #HomeFeatures .homeFeature .featureInnerContent h5 a { color: #000000; }

            #HomeFeatures .homeFeature .featureInnerContent p { font-size: 11px; font-weight: normal; margin: 0px; }

#Content .infoGrid { width: 715px; border-bottom: solid 1px #cccccc; margin-bottom: 30px; }

#Content .customersGrid { padding-top: 40px; }

#Content .infoGrid .infoTile { float: left; }

#Content .infoGrid .infoGridRow { border-top: solid 1px #cccccc; width: 715px; }

#Content .customersGrid .first { border: none; }

#Content .teamGrid .infoGridRow { height: 235px; }

#Content .teamGrid .infoTile { width: 188px; padding-left: 30px; padding-top: 22px; height: 178px; padding-right: 20px; }

#Content .customersGrid .infoTile { width: 238px; height: 87px; }

    #Content .customersGrid .infoTile a { width: 238px; height: 87px; display: block; }

        #Content .customersGrid .infoTile a.name, #Content .customersGrid .infoTile .title { display: none; }

#Content .teamGrid .infoTile img { padding-bottom: 12px; }

#Content .infoGrid .infoTile .collapsedInfo { display: none; }

#Content .teamGrid .infoTile .name { font-size: 16px; }

#Content .teamGrid .infoTile .title { color: #999999; }

#Content .infoGrid .selected { background: url(picha/bluegrad_reverse.jpg) repeat-x; }

#Content .teamGrid .selected a { color: #333333; }

#Content .infoGrid .expandedInfo { position: relative; background: #c0e4f0 url(picha/bluegrad_reverse.jpg) repeat-x 0px -200px; padding-left: 30px; padding-right: 10px; padding-bottom: 40px; }

#Content .customersGrid .expandedInfo { background: #c0e4f0 url(picha/bluegrad_reverse.jpg) repeat-x 0px -87px; }

#Content .infoGrid .expandedInfo p { margin: 0px; padding-top: 15px; }

#Content .infoGrid .expandedInfo .closeButton { background: url(../ost/picha/close.png) no-repeat; display: block; position: absolute; bottom: 10px; right: 10px; width: 16px; height: 16px; }

#Content .infoGrid .readStudy { position: absolute; left: 30px; bottom: 10px; font-size: 11px; }

#Content .customersGrid .infoGridRow { height: 87px; }

#Content .infoGrid .selected .normalImage, #Content .infoGrid .rolloverImage, #Content .infoGrid .over .normalImage { display: none; }

#Content .infoGrid .normalImage, #Content .infoGrid .selected .rolloverImage, #Content .over .rolloverImage { display: block; }

#MainContent .solutionsList { background: url(picha/bluegrad.jpg) repeat-x; padding-left: 15px; padding-top: 10px; border-bottom: solid 1px #bcdce7; margin-bottom: 15px; }

    #MainContent .solutionsList h5 { font-weight: normal; margin-top: 0px; margin-bottom: 15px; }

    #MainContent .solutionsList .solutionRow { padding-bottom: 15px; }

    #MainContent .solutionsList .solution { width: 225px; float: left; padding-right: 5px; }

        #MainContent .solutionsList .solution img { float: left; padding-right: 5px; }

        #MainContent .solutionsList .solution .solutionContent { float: left; width: 160px; }

            #MainContent .solutionsList .solution .solutionContent .name { float: left; width: 170px; font-size: 12px; line-height: 16px; }

            #MainContent .solutionsList .solution .solutionContent p { font-size: 12px; margin: 0px; line-height: 16px; }

    #MainContent .solutionsList .featuredSolution { width: 452px; border-bottom: solid 1px #d5d6d6; }

        #MainContent .solutionsList .featuredSolution img { float: left; padding-right: 5px; }

        #MainContent .solutionsList .featuredSolution .solutionContent { float: left; width: 380px; }

            #MainContent .solutionsList .featuredSolution .solutionContent .name { font-size: 12px; }

            #MainContent .solutionsList .featuredSolution .solutionContent p { font-size: 12px; margin: 0px; line-height: 16px; }

            #MainContent .solutionsList .featuredSolution .solutionContent ul { float: left; width: 160px; font-size: 11px; padding-left: 20px; }

#MainContent .customersList { border: solid 1px #cccccc; margin-top: 20px; }

    #MainContent .customersList h3 { display: block; padding-left: 12px; background: #f4f5f5; margin: 0px; padding-top: 10px; padding-bottom: 3px; }

    #MainContent .customersList ul { list-style-type: none; float: left; padding-left: 12px; padding-right: 60px; }

        #MainContent .customersList ul.last { padding-right: 0px; }

#MainContent .newsItem { border-bottom: solid 1px #e0e0e0; padding-bottom: 15px; padding-top: 15px; }

    #MainContent .newsItem a { color: #000000; }

    #MainContent .newsItem h6 { margin-bottom: 0px; line-height: 18px; margin-top: 0px; margin-bottom: 0px; }

    #MainContent .newsItem p { margin-top: 0px; line-height: 18px; }

    #MainContent .newsItem .source { display: block; margin-top: 15px; font-size: 10px; }


#MainContent .exampleTable { width: 480px; background: url(picha/exampletable_bg.jpg) repeat-x left bottom; margin-bottom: 15px; }

    #MainContent .exampleTable th, #MainContent .exampleTable td { padding-left: 10px; text-align: left; padding-right: 5px; }

    #MainContent .exampleTable td { font-size: 12px; line-height: 16px; padding-top: 5px; padding-bottom: 5px; vertical-align: top; border-bottom: solid 1px #ededed; }

    #MainContent .exampleTable thead th { background: url(picha/exampletable_headerbg.jpg) repeat-x; line-height: 11px; color: #FFFFFF; font-size: 11px; vertical-align: bottom; padding-bottom: 5px; padding-top: 5px; height: 22px; }

    #MainContent .exampleTable .center { text-align: center; }

#Content .vertical { width: 700px; clear: both; padding-bottom: 20px; padding-top: 15px; }

    #Content .vertical a.verticalIcon { float: left; width: 92px; display: block; }

    #Content .vertical .verticalDescription { float: left; width: 608px; }

        #Content .vertical .verticalDescription h5 { margin: 0px; }

            #Content .vertical .verticalDescription h5 a { color: #000000; }

        #Content .vertical .verticalDescription p { margin: 0px; font-size: 13px; line-height: 17px; }

.caseStudyPopup { padding-bottom: 50px; width: 628px; border: solid 3px #000000; padding-top: 81px; background: #FFFFFF url(../ost/picha/casestudytitle.jpg) no-repeat; position: relative; padding-left: 22px; padding-right: 22px; }

    .caseStudyPopup .closeButton { position: absolute; right: 13px; top: 13px; background: url(../ost/picha/casestudyclose.jpg) no-repeat; width: 25px; height: 24px; }

    .caseStudyPopup h3 { font-size: 22px; color: #999999; }

    .caseStudyPopup table.caseStudyInfo { }

        .caseStudyPopup table.caseStudyInfo thead td.clientLogo { padding-bottom: 20px; text-align: right; width: 160px; }

        .caseStudyPopup table.caseStudyInfo thead th { padding-bottom: 20px; font-size: 22px; vertical-align: bottom; color: #000000; padding-left: 30px; text-align: left; font-weight: normal; }

        .caseStudyPopup table.caseStudyInfo tbody th { text-align: right; vertical-align: top; padding-bottom: 15px; }

        .caseStudyPopup table.caseStudyInfo tbody td { vertical-align: top; padding-left: 30px; padding-bottom: 15px; }

            .caseStudyPopup table.caseStudyInfo tbody td p { margin: 0px; }

            .caseStudyPopup table.caseStudyInfo tbody td ul { margin: 0px; padding: 0px; padding-left: 20px; }

#LightboxBackground { position: absolute; width: 100%; height: 100%; background: black; opacity: 0.4; filter: alpha(opacity=40); z-index: 4; text-align: center; left: 0px; top: 0px; }

#CaseStudyContainer { position: fixed; left: 50%; top: 50%; margin: 0px auto; z-index: 3000; }

#CaseStudyLightbox { position: absolute; }

.PCSPopup { padding-bottom: 50px; width: 628px; border: solid 3px #000000; padding-top: 81px; background: #FFFFFF; position: relative; padding-left: 22px; padding-right: 22px; }

    .PCSPopup img { max-width: 95%; max-height: 95%; }

.PCSCover { max-width: 600px; max-height: 600px; }

.PCSImage { max-height: 100%; max-width: 100%; }

.PCSThumb { max-height: 200px; width: 200px; display: inline; }

.solutionsLandingPage { width: 715px; }

    .solutionsLandingPage .solutionRow { clear: both; padding-top: 20px; }

        .solutionsLandingPage .solutionRow .solutionBox { height: 165px; border-bottom: solid 1px #bcdce7; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; float: left; width: 305px; background: url(../ost/picha/bluegrad.jpg) repeat-x; padding-top: 10px; margin-right: 45px; }

        .solutionsLandingPage .solutionRow .last { margin-right: 0px; }

        .solutionsLandingPage .solutionRow .solutionBox .solutionIcon { float: left; padding-right: 17px; }

        .solutionsLandingPage .solutionRow .solutionBox .solutionDescription { float: left; width: 220px; }

            .solutionsLandingPage .solutionRow .solutionBox .solutionDescription a { color: #333333; }

                .solutionsLandingPage .solutionRow .solutionBox .solutionDescription a.name { font-size: 15px; font-weight: bold; line-height: 16px; }

            .solutionsLandingPage .solutionRow .solutionBox .solutionDescription ul { margin: 0px; padding: 0px; list-style-type: none; font-size: 12px; line-height: 17px; }


/*Carnevale work*/

/****** solution sidebar ******/

#SidebarNav { position: relative; float: left; width: 235px; color: #FFFFFF; min-height: 758px; }

#SidebarHeader { margin: 0; padding: 0 22px 0 15px; height: 50px; background: #199ac7; color: #fff; font-size: 20px; font-family: "HelveticaNeueW01-ThinCn 673383"; line-height: 50px; }

#Main.default, #Main.enterprise { background: url(../ost/picha/nav-blue.png) repeat-y; }

#Main.healthcare { background: url(../ost/picha/nav-green.png) repeat-y; }

    #Main.healthcare #SidebarNav > #SidebarHeader { background: #C2D35C; }

    #Main.healthcare #SidebarNav > .SidebarList > dd { background: #E7EDBE; }

#Main.manufacturing { background: url(../ost/picha/nav-red.png) repeat-y; }

    #Main.manufacturing #SidebarNav > #SidebarHeader { background: #D87369; }

    #Main.manufacturing #SidebarNav > .SidebarList > dd { background: #EFC7C3; }

#Main.finance { background: url(../ost/picha/nav-orange.png) repeat-y; }

    #Main.finance #SidebarNav > #SidebarHeader { background: #FC9D4D; }

    #Main.finance #SidebarNav > .SidebarList > dd { background: #FED8B8; }

#Main.government { background: url(../ost/picha/nav-purple.png) repeat-y; }

    #Main.government #SidebarNav > #SidebarHeader { background: #7E7DB8; }

    #Main.government #SidebarNav > .SidebarList > dd { background: #CBCBE3; }

#Main.cloud { background: url(../ost/picha/nav-yellow.png) repeat-y; }

    #Main.cloud #SidebarNav > #SidebarHeader { background: #FCE07A; }

    #Main.cloud #SidebarNav > .SidebarList > dd { background: #FDECAF; }

/****** industries sidebar ******/

.SidebarListIndustries { margin: 0 0 0; }

    .SidebarListIndustries > dt { margin: 0; padding: 0 15px 0 0; height: 50px; border-bottom: 1px solid #DDD; background: #fafafa; color: #666; font-weight: 400; font-size: 14px; line-height: 50px; cursor: pointer; overflow: hidden; font-family: 'HelveticaNeueW01-65Medi'; }

        .SidebarListIndustries > dt > a { display: block; overflow: hidden; margin-left: 15px; color: #666; font-family: "HelveticaNeueW01-45Ligh"; }

        .SidebarListIndustries > dt:hover > a { color: #000; text-decoration: none; font-family: 'HelveticaNeueW01-65Medi'; }

    .SidebarListIndustries > dd { display: none; margin-left: 0; padding: 20px 20px 5px; border-bottom: 1px solid #cacaca; background: #d1ebf4; -webkit-box-shadow: inset 0 4px 2px -2px rgba(0,0,0,0.15),inset 0 -3px 2px -2px rgba(0,0,0,0.1); box-shadow: inset 0 4px 2px -2px rgba(0,0,0,0.15),inset 0 -3px 2px -2px rgba(0,0,0,0.1); color: #666; font-weight: 400; font-size: 12px; font-family: Arial; }

    .SidebarListIndustries > dt > .healthcareStrip { width: 6px; }

    .SidebarListIndustries > dt > .manufacturingStrip { width: 6px; }

    .SidebarListIndustries > dt > .financeStrip { width: 6px; }

    .SidebarListIndustries > dt > .enterpriseStrip { width: 6px; }

    .SidebarListIndustries > dt > .governmentStrip { width: 6px; }

    .SidebarListIndustries > dt > .cloudStrip { width: 6px; }

/****** global sidebar styles & accordion ******/

.SidebarList { margin: 0 0 100px;-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }

    .SidebarList > dt { margin: 0; padding: 0 15px; height: 50px; border-bottom: 1px solid #DDD; background: #fafafa; color: #666; font-size: 14px; line-height: 50px; cursor: pointer; font-weight: normal; }

    .SidebarList > .activeDt { cursor: default; }

    .SidebarList > dt > p { float: left; margin: 0; font-family: "HelveticaNeueW01-45Ligh"; width: 190px; height: 50px; overflow: hidden; }

    .SidebarList > dt:hover > p { font-family: 'HelveticaNeueW01-65Medi'; color: #000; }

    .SidebarList > dt.accordionActive:hover { cursor: default; }

    .SidebarList > dd { display: none; margin-left: 0; padding: 20px 20px 5px; border-bottom: 1px solid #cacaca; background: #d1ebf4; -webkit-box-shadow: inset 0 4px 2px -2px rgba(0,0,0,0.15),inset 0 -3px 2px -2px rgba(0,0,0,0.1); box-shadow: inset 0 4px 2px -2px rgba(0,0,0,0.15),inset 0 -3px 2px -2px rgba(0,0,0,0.1); font-weight: 400; font-size: 12px; font-family: Arial; }

        .SidebarList > dd > ul > li a { color: #666; display: block; }

        .SidebarList > dd > ul li.active > a { color: #000; font-weight: bold; }

.SidebarListSubmenu { margin: 0 0 0; }

    .SidebarListSubmenu > dt { margin: 0; padding: 0 11px 0 15px; border-bottom: 1px solid #DDD; background: #fafafa; color: #666; font-size: 14px; height: 50px; line-height: 50px; font-weight: normal; }
        .SidebarListSubmenu > dt > a { color: #666; font-family: "HelveticaNeueW01-45Ligh"; display: block; height: 50px; overflow: hidden; }
        .SidebarListSubmenu > dt:hover a { color: #000; text-decoration: none; font-family: 'HelveticaNeueW01-65Medi'; }


.accordionList { margin: 0; list-style: none; padding-left: 0; }

    .accordionList > li { margin-bottom: 10px; }

    .accordionList a:hover { color: #000; text-decoration: none; font-weight: bold; font-family: 'Arial'; }

.accordionSubList { margin-top: 10px; margin-left: 15px; list-style: none; padding-left: 0px; }
    .accordionSubList > li { margin-bottom: 5px; }

dt.accordionActive > p, dt.accordionActive > a { color: #000; font-family: 'HelveticaNeueW01-65Medi'; }

.accordionRightArrow { float: right; margin-top: 16px; line-height: 50px; }

.accordionRightArrowActive { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.animateArrow { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }




.HomeAccordionsHeader { margin: 0; padding: 0 22px 0 15px; width: 244px; height: 50px; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background: #199ac7; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.3); box-shadow: 0 0 4px 0 rgba(0,0,0,0.3); color: #fff; font-size: 22px; font-size: 26px; font-family: "HelveticaNeueW01-ThinCn 673383"; line-height: 50px; }



#HomeIndustries {
    position: relative;
    top: 76px;
    z-index: 20;
    overflow:hidden;
    width: 285px;
}

.industryList {
    margin: 0 0 30px;
    width: 280px;
    -webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.15);
    list-style: none;
}

    .industryList > li {
        margin: 0;
        padding: 0 0px;
        height: 50px;
        border-bottom: 1px solid #DDD;
        background: #fafafa;
        color: #666;
        font-weight: 200;
        font-size: 16px;
        line-height: 50px;
        cursor: pointer;
    }

    .industryList li a, .accordionList li a {
        color: inherit;
    }

    .industryList > li > a > p {
        float: left;
        overflow: hidden;
        margin: 0 0 0 10px;
        width: 258px;
        height: 50px;
        font-family: "HelveticaNeueW01-45Ligh";
    }

    .industryList > li:hover > a > p, dt:hover > p {
        color: #000;
        font-family: 'Arial';
    }

.healthcareStrip { float: left; width: 12px; height: 50px; background: #C2D35C; }

.manufacturingStrip { float: left; width: 12px; height: 50px; background: #D87369; }

.financeStrip { float: left; width: 12px; height: 50px; background: #FC9D4D; }

.enterpriseStrip { float: left; width: 12px; height: 50px; background: #6DB5DA; }

.governmentStrip { float: left; width: 12px; height: 50px; background: #7E7DB8; }

.cloudStrip { float: left; width: 12px; height: 50px; background: #FCE07A; }




 #HomeSolutions {
  top: 76px;
  left: 674px;
}

.SidebarList.Home {
  margin: 0;
  width:280px;
  -webkit-box-shadow:1px 1px 6px 1px rgba(0,0,0,0.15);
  box-shadow:1px 1px 6px 1px rgba(0,0,0,0.15);
}

.SidebarList.Home > dt {
  font-size:16px;
}
.SidebarList.Home > dt > p {
  width: 232px;
}


/***************************************************
 *LANDING PAGE  **********************************
 ***************************************************/
#LandingMain { position: relative; padding-top: 75px; width: 970px; background: url(picha/mainbg.jpg) no-repeat; }

#LandingHeaderText { position: absolute; top: 104px; left: 570px; color: #666666; font-size: 29px; font-family: "HelveticaNeueW01-ThinCn 673383"; }

    #LandingHeaderText > a { color: #199AC7; }

#LandingLocationText { width: 580px; height: 107px; color: #199AC7; text-shadow: 1px 1px 1px rgba(0,0,0,0.25); font-size: 38px; font-family: 'HelveticaNeueW01-67MdCn 692710'; line-height: 55px; text-transform: uppercase; }

#LandingStaticHead { margin-left: 170px; }

#LandingParagraphText { margin-top: 15px; margin-bottom: 80px; padding-top: 15px; width: 358px; border-top: 4px #909090 solid; color: #909090; font-size: 15px; font-family: Helvetica, Arial, sans-serif; line-height: 22px; }

#LandingList { position: relative; padding-top: 1px; padding-bottom: 40px; background: url(picha/homeclients_bg.jpg) no-repeat; }

.LandingBlock { float: left; padding: 30px 0 0 60px; width: 276px; }

    .LandingBlock:first-child { padding-left: 22px; }

    .LandingBlock > h3 { margin-top: 5px; margin-bottom: 15px; color: #199AC7; font-size: 29px; font-family: "HelveticaNeueW01-ThinCn 673383"; }

    .LandingBlock > p { color: #959595; text-align: left; font-size: 13px; font-family: Helvetica, Arial, sans-serif; line-height: 22px; }

.LandingUI { display: block; margin: 0 auto; }

#LandingCloud { position: absolute; top: 78px; left: 495px; padding-top: 45px; width: 458px; height: 358px; background: url(../ost/picha/landing-cloud.png); }

    #LandingCloud > #LandingCloudInterior { padding-left: 117px; }

        #LandingCloud > #LandingCloudInterior > h4 { margin-bottom: 15px; color: #666666; font-size: 29px; font-family: "HelveticaNeueW01-ThinCn 673383"; }

        #LandingCloud > #LandingCloudInterior > h3 { line-height: 26px; font-size: 18px; }

        #LandingCloud > #LandingCloudInterior #LandingInput { padding-top: 0; padding-bottom: 0; width: 285px; height: 36px; font-size: 17px; font-family: "HelveticaNeueW01-ThinCn 673383"; }

        #LandingCloud > #LandingCloudInterior #LandingSubmit { overflow: hidden; margin-left: 63px; width: 157px; height: 40px; border: none; background-color: transparent; background-image: url(../ost/picha/orangebutton.png); background-position: -157px -0px; color: #fff; font-size: 15px; font-family: Helvetica, Arial, sans-serif; }

        #LandingCloud > #LandingCloudInterior > #LandingSubmit:hover { background-position: 0px 0px; }

#LandingCloudThx { font-family: "HelveticaNeueW01-45Ligh"; font-size: 29px; line-height: 45px; color: #C3C3C3; padding: 12px 73px 0 105px; }

    #LandingCloudThx > span { color: #000; }


#LandingDisclaimer { position: absolute; top: 470px; left: 605px; color: #C3C3C3; font-size: 13px; font-family: Helvetica, Arial, sans-serif; }