html, body, form { padding: 0; margin: 0; }
body { font-family: Arial, Helvetica; font-size: 12px;color:#0C2D3F;background:#244666;}
/* GLOBAL */
img {border:0;}
a {color:#05B2D7;}
.fontBlue {color:#01B0D5;}
.fontBlueB {color:#01B0D5;font-weight:bold;}
h1 {margin:0;padding:0;font-size:18px;color:#0C2D3F;font-family:Helvetica;}
/* MASTERPAGE */
.siteContainer {width:100%;}
.siteContainer .top {width:100%;height:122px;background:url(../Images/site-bg-top.gif) repeat-x;}
.siteContainer .middle {width:100%;height:531px;background:url(../Images/bg-big-blue-span.jpg) repeat-x #ECF5F6;}
.siteContainer .bottom {width:100%;height:155px;border-top:1px solid #cbcbcb;background:url(../Images/site-bg-bottom.gif) repeat-x #B5B5B5;}
.siteHeader {width:935px;height:122px;}
.siteHeader .logo {width:243px;height:45px;margin-top:41px;}
.siteHeader .navigation {width:700px;height:31px;margin-top:56px;font-family:Helvetica;}
.headerNumber {width:692px;height:27px;text-align:right;}
.siteContentHome {width:935px;height:231px;}
.siteContentHomeWrapper { margin:0 auto; background: #fff url(../images/home-content-bg.jpg) 0 0 repeat-x; }
.siteContent {width:935px;height:531px;background:url(../Images/bg-big-blue.jpg) no-repeat #ECF5F6;}
.siteFooter {width:935px;color:#7b7b7b;font-size:10px;text-align:center;font-family:Arial; padding-top:14px;}
/* HOMEPAGE */
.homeFlash {width:100%;height:445px;text-align:center;font-size:0.1em;line-height:0.1em;
background: #000000; }
.homeTagline {padding:30px 0 0 60px;}
.homeIntro {color:#FFFFFF;padding:20px 60px 20px 120px;font-size:13px;}
.homeIntro a {color:#FFFFFF;font-size:13px;}
.newsScroll {width:260px;margin-top:50px;}
.newsScroll .header {width:260px;padding-bottom:3px;margin-bottom:15px;border-bottom:4px solid #FFFFFF;}
.newsScroll .content {width:260px;font-family:Arial;}
.newsScroll .content .newsTitle {font-size:14px;font-weight:bold;color:#FFFFFF;}
.newsScroll .content .newsDate {font-size:12px;font-weight:bold;color:#028FBF;}
.spotlightContainer {width:910px;margin:18px 0 40px 0; line-height:16px; }
.spotlight1 {width:286px;font-size:11px;}
.spotlight1 .header {padding-bottom:3px;border-bottom:4px solid #2fb6cf;}
.spotlight1 .content {width:270px;padding-top:10px;}
.spotlight2 {width:286px;font-size:11px;}
.spotlight2 .header {padding-bottom:3px;border-bottom:4px solid #2fb6cf;}
.spotlight2 .content {padding-top:10px;}
.spotlight3 {width:286px;font-size:11px;}
.spotlight3 .header {padding-bottom:3px;border-bottom:4px solid #2fb6cf;}
.spotlight3 .content {width:270px;padding-top:10px;}
.spotlight3 .content img { border:1px solid #dadbdb; }
.spotlight1 hr, .spotlight2 hr, .spotlight3 hr, .spotlight4 hr {border-collapse:collapse;border:none;border-bottom:1px dotted #000000;height:1px;padding:0;margin:15px 0;}
/* CONTENT PAGE */
.pageContainer {width:935px;height:605px;background:url(../Images/content-bg-main.jpg) repeat-x;}
.pageContainer .leftNav {width:212px;}
.pageContainer .leftNav .quoteBlock {width:212px;margin:20px 0;background:url(../Images/content-bg-leftnav-quote.jpg) no-repeat bottom #0C2D3F;}
.pageContainer .leftNav .quoteBlock td {padding:0 12px;color:#FFFFFF;font-size:12px;}
.pageContainer .leftNav .quoteBlock hr {width:188px;height:10px;margin:5px 0;padding:0;display:block;border:0;border-collapse:collapse;background:url(../Images/left-hr.gif) no-repeat;}
.pageContainer .leftNav .quoteBlock .quote {width:168px;padding:0 10px;line-height:18px;}
.pageContainer .leftNav .quoteBlock .source {width:168px;padding:0 10px;font-weight:bold;}
.pageContainer .leftNav .quoteBlock .status {width:168px;padding:0 10px;font-size:11px;}
.pageContainer .breadcrumb {width:723px;height:36px;color:#3ED6F6;padding-left:40px;background:url(../Images/content-bg-breadcrumb.gif) no-repeat;}
.pageContainer .breadcrumb a {color:#3ED6F6;font-size:11px;}
.pageContainer .breadcrumb b {color:#FFFFFF;font-size:11px;font-weight:bold;text-decoration:underline;}
.pageContainer .contentTop {width:723px;height:10px;font-size:0.1em;line-height:0.1em;background:url(../Images/content-bg-top.gif) no-repeat;}
.pageContainer .contentSpan {width:723px;height:600px;padding:25px 50px 10px 50px;line-height:18px;background:url(../Images/content-bg-span.gif) repeat-y;}
.pageContainer .contentSpan li {margin:0 0 5px -30px;padding-left:10px;background:url(../Images/content-bullet.gif) no-repeat;list-style:none;}
.pageContainer .contentSpan li a {font-weight:normal;}
.pageContainer .backToTop {width:723px;padding:30px 50px 10px 50px;background:url(../Images/content-bg-span.gif) repeat-y;}
.pageContainer .backToTop a {font-size:11px;}
.pageContainer .contentBottom {width:723px;height:10px;font-size:0.1em;line-height:0.1em;background:url(../Images/content-bg-bottom.gif) no-repeat;}
.eCommerce a {font-size:11px;color:#05B2D7;font-weight:normal;}
.caseStudies a {color:#0C2D3F;font-weight:bold;}
.pageContainerFull {width:935px;height:605px;}
.pageContainerFull .breadcrumb {width:935px;height:36px;color:#3ED6F6;padding-left:20px;}
.pageContainerFull .breadcrumb a {color:#3ED6F6;font-size:11px;}
.pageContainerFull .breadcrumb b {color:#FFFFFF;font-size:11px;font-weight:bold;text-decoration:underline;}
.pageContainerFull .contentTop {width:935px;height:9px;font-size:0.1em;line-height:0.1em;background:url(../Images/content-bg-full-top.gif) no-repeat;}
.pageContainerFull .contentSpan {width:935px;height:500px;padding:20px 26px 10px 26px;line-height:18px;background:url(../Images/content-bg-full-span.gif) repeat-y;}
.pageContainerFull .contentSpan li {margin:0 0 5px -30px;padding-left:10px;background:url(../Images/content-bullet.gif) no-repeat;list-style:none;}
.pageContainerFull .backToTop {width:935px;padding:30px 50px 10px 50px;background:url(../Images/content-bg-full-span.gif) repeat-y;}
.pageContainerFull .backToTop a {font-size:11px;}
.pageContainerFull .contentBottom {width:935px;height:10px;font-size:0.1em;line-height:0.1em;background:url(../Images/content-bg-full-bottom.gif) no-repeat;}
.innerBoxFullTop {width:883px;height:21px;font-size:0.1em;line-height:0.1em;background:url(../Images/inner-box-full-top.gif) no-repeat;}
.innerBoxFullSpan {width:883px;height:100px;padding:25px 26px 10px 26px;line-height:18px;background:url(../Images/inner-box-full-span.gif) repeat-y;}
.innerBoxFullBottom {width:883px;height:21px;font-size:0.1em;line-height:0.1em;background:url(../Images/inner-box-full-bottom.gif) no-repeat;}
/* LEFT NAV */
.sectionTitle {width:190px;padding:12px 0 12px 22px;color:#FFFFFF;font-size:18px;font-family:Helvetica;}
.sectionTitle a {color:#FFFFFF;font-size:18px;font-family:Helvetica;text-decoration:none;}
.onState {width:212px;height:25px;background:#05B2D7;border-bottom:1px solid #659BBB;}
.offState {width:212px;height:25px;background:#0C2D3F;border-bottom:1px solid #659BBB;}
.onState a {width:190px;height:19px;padding:6px 0 0 22px;text-decoration:none;color:#FFFFFF;display:block;border-bottom:1px solid #659BBB;}
.offState a {width:190px;height:19px;padding:6px 0 0 22px;text-decoration:none;color:#FFFFFF;display:block;border-bottom:1px solid #659BBB;}
.offState a:hover {width:190px;height:19px;padding:6px 0 0 22px;text-decoration:none;color:#FFFFFF;display:block;background:#05B2D7;}
/* ECOMMERCE */
.leftSpotlightLinks {width:188px;font-size:11px;padding:0 10px 0 14px;color:#FFFFFF;}
.leftSpotlightLinks a {color:#FFFFFF;font-size:11px;}
/* CASE STUDIES */
.caseStudyTop {width:623px;margin-bottom:25px;}
.caseStudyMid {width:623px;}
.caseStudyBottom {width:623px;margin-top:10px;}
.caseStudyNav {width:250px;float:right;display:block;margin:-20px -30px 10px 10px !important;margin:0 -15px 5px 5px;}
.caseStudyNav2 {width:250px;float:right;display:block;margin:0 -30px 10px 10px !important;margin:0 -15px 5px 5px;}
.caseStudyNav .backToLink, .caseStudyNav2 .backToLink {width:150px;float:right;margin-right:15px !important;margin-right:7px;padding-left:13px;line-height:16px;background:url(../Images/icon-back-to.gif) no-repeat;}
.caseStudyNav .backToLink a, .caseStudyNav2 .backToLink a {color:#0C2D3F;font-weight:normal;}
.caseStudyEntry1 {width:599px;height:271px;padding:30px 290px 0 30px;background:url(../Images/case-studies-bg-uci.jpg) no-repeat;}
.caseStudyEntry2 {width:599px;height:271px;padding:30px 290px 0 30px;background:url(../Images/case-studies-bg-cif.jpg) no-repeat;}
.caseStudyEntry3 {width:599px;height:271px;padding:30px 290px 0 30px;background:url(../Images/case-studies-bg-automedia.jpg) no-repeat;}
.caseStudyEntry4 {width:599px;height:271px;padding:30px 290px 0 30px;background:url(../Images/case-studies-bg-pam.jpg) no-repeat;}
.caseStudyEntry5 {width:599px;height:271px;padding:30px 290px 0 30px;background:url(../Images/case-studies-bg-concordia.jpg) no-repeat;}
/* CASE STUDIES REVISED */
.casestudy-header { background: #161616 url(../images/casestudy-banner-bg.jpg) top center no-repeat; height:434px; }
.casestudy-header .breadcrumbs { margin:0 auto; width: 960px; padding: 14px 0; color:#fff; font-size:11px; }
.casestudy-header .banner { margin: 0 auto; width: 960px; position:relative; }
.casestudy-header .banner .slide { display:none; }
.casestudy-header .banner #controls { position:absolute; top: 322px; right: 18px; z-index:100; }
#controls a { height:28px; width:32px; text-align:center; line-height:28px; font-size: 14px; color:#fff; text-decoration:none;
background: url(../Images/casestudy-num.png) top center no-repeat; display:block; float:left; }
#controls a:hover, #controls a.activeSlide { background: url(../Images/casestudy-num.png) bottom center no-repeat; }
.casestudy-header .banner .left-content {width:300px;margin:20px 0 0 0;color:#FFFFFF;font-size:14px;line-height:24px;float:left;}
.casestudy-header .banner .left-content h1 {padding:16px 0;margin:0 0 10px 0;font-size:26px;font-weight:normal;color:#FFFFFF;background:url(../Images/case-study-landing-h1.gif) repeat-x;}
.casestudy-header .banner .left-content h2 {margin:0 0 10px 0;font-size:16px;line-height:18px;font-weight:bold;color:#FFFFFF;}
.casestudy-header .banner .right-content {width:600px;margin:38px 0 0 0;float:right;}
.casestudy-content { background: #fff url(../images/casestudy-content-bg.jpg) repeat-x; overflow:hidden; }
.casestudy-content-inner { width: 960px; margin: 0 auto; overflow:hidden; line-height:18px; }
.casestudy-content-inner .title { padding:25px 0 40px 0; }
.casestudy-content-inner .title h1 { font-size:28px;font-weight:normal; letter-spacing:-1px;}
/* left */
.casestudy-content-inner .left { float:left; clear:both; width:600px; padding-bottom:40px; }
.casestudy-content-inner .left .quote {font-size:14px; line-height:28px;padding-bottom:20px;}
.casestudy-content-inner .left .quote h3 {color:#18bade; font-weight:normal;font-size:18px; line-height:28px;text-transform:none;}
.casestudy-content-inner .left .award {line-height:24px;overflow:auto;}
.casestudy-content-inner .left .award h3 {font-size:14px;}
.casestudy-content-inner .left h2 { border-bottom: 1px solid #d5d5d5; color:#18bade; font-size:14px;
padding-bottom:3px; margin-bottom:14px; margin-top:30px; }
.casestudy-content-inner .left h3 { color:#7ab23e; font-size:12px; margin:6px 0 0 0; text-transform:uppercase; }
.casestudy-content-inner .left img {}
/* right */
.casestudy-content-inner .right { float:right; width:310px; }
.casestudy-content-inner .right .logos { margin-bottom:16px; }
.casestudy-content-inner .right .logo { text-align:center; vertical-align:middle; height:94px; width:310px;
background: url(../images/sidebar-logo-bg.png) 0 0 no-repeat; line-height:0; font-size:0;position:relative;display:table-cell;}
.casestudy-content-inner .right .section { width: 310px; margin-bottom:20px; background: url(../images/sidebar-section-bg.png) bottom left no-repeat; }
.casestudy-content-inner .right h3.section-header { padding: 13px 20px 6px; color:#fff; font-weight:normal; font-size:13px; margin:0;
background: url(../images/sidebar-section-header.png) top left no-repeat; }
.casestudy-content-inner .right .section-inner { padding:20px; line-height:24px; }
.casestudy-content-inner .right .condensed { padding:20px; line-height:16px; }
.casestudy-content-inner .right .section-inner a { color:#000; text-decoration:none; }
.casestudy-content-inner .right .section-inner a:hover { text-decoration:underline; }
.casestudy-content-inner .right .link { position:relative; top:2px; left:2px; }
.casestudy-landing { background: #fff url(../images/case-study-landing-bg.gif) repeat-x; overflow:hidden; }
.casestudy-landing-inner { width: 960px; margin: 0 auto; padding:10px 0;overflow:hidden; line-height:18px; }
.casestudy-landing-inner .collection {width:960px;overflow:auto;}
.casestudy-landing-inner .collection .entry {width:199px;height:214px;padding:10px 17px 0 17px;margin:5px 7px 5px 0;font-size:11px;line-height:14px;background:url(../Images/case-study-thumb-bg.gif) no-repeat;float:left;}
.casestudy-landing-inner .collection .entry .thumb {margin-bottom:10px;position:relative;}
.casestudy-landing-inner .collection .entry .thumb div {position:absolute;top:0;left:0;display:none;}
.casestudy-landing-inner .collection .entry h2 {font-size:14px;color:#18bade;}
/* PORTFOLIO */
.portfolioTitle {margin-left:3px;}
/* CLIENTS */
.clientsIndustry {font-family:helvetica;font-size:14px;color:#0C2D3F;font-weight:bold;}
.clientsContainer1 {width:621px;margin-bottom:10px;border:1px solid #F3F6BC;background:#FFFFEC;}
.clientsContainer2 {width:621px;margin-bottom:10px;border:1px solid #FDF9A0;background:#FFFEEC;}
.clientsContainer3 {width:621px;margin-bottom:10px;border:1px solid #FFEACC;background:#FFF5E5;}
.clientsContainer4 {width:621px;margin-bottom:10px;border:1px solid #FEE2EA;background:#FFF4F7;}
.clientsContainer5 {width:621px;margin-bottom:10px;border:1px solid #FFDFFF;background:#FFF5FF;}
.clientsContainer6 {width:621px;margin-bottom:10px;border:1px solid #E7E4FF;background:#F6F5FF;}
.clientsContainer7 {width:621px;margin-bottom:10px;border:1px solid #E2EEFF;background:#F5F9FF;}
.clientsContainer8 {width:621px;margin-bottom:10px;border:1px solid #D6F7FF;background:#F5FDFF;}
.clientsContainer9 {width:621px;margin-bottom:10px;border:1px solid #D9F7E8;background:#F5FFFB;}
.clientsContainer10 {width:621px;margin-bottom:10px;border:1px solid #D4F9C4;background:#F9FFF5;}
.clientsContainer11 {width:621px;margin-bottom:10px;border:1px solid #C3F7C3;background:#F4FFF2;}
.pageContainer .contentSpan .clientsList li {margin:0 0 3px -30px;padding-left:10px;background:url(../Images/clients-bullet.gif) no-repeat;}
/* CONTACT US */
.contactUs .innerBoxTop {width:582;height:17px;font-size:0.1em;line-height:0.1em;background:url(../Images/inner-box-contact-top.gif) no-repeat;}
.contactUs .innerBoxSpan {width:582px;height:100px;line-height:18px;background:url(../Images/inner-box-contact-span.gif) repeat-y;}
.contactUs .innerBoxBottom {width:582px;height:17px;font-size:0.1em;line-height:0.1em;background:url(../Images/inner-box-contact-bottom.gif) no-repeat;}
.contactUs .inputBox {width:190px;}
.contactUs .inputArea {width:190px;height:100px;}
.contactUs .submit {text-align:right;}
/* GET STARTED */
.notepad {width:883px;height:305px;background:url(../Images/get-started-notepad.gif) no-repeat;}
.notepad a {color:#0C2D3F;font-weight:bold;}
.greenBox {width:860px;border:1px solid #D5ECB6;background:#F7FEEC;}
/* METHODOLOGY */
.methodologyStepsTitle {margin:10px 0 0 0;}
.methodologySteps {margin:0 0 10px 32px;}
.methodologySteps ul {margin-top:0;margin-bottom:0;}
.methodologySteps li {margin:0 0 3px -30px;padding-left:10px;background:url(../Images/clients-bullet.gif) no-repeat;}
/* FCK STYLES */
.stylePageHeader {font-size:22px;color:#019ABA;font-family:Helvetica;}
.stylePageSubHeader {font-size:18px;color:#0C2D3F;font-family:Helvetica;}
.styleCaseStudyQuote {width:601px;padding:10px;border:1px solid #D6ECB7;background:#F8FFEC;line-height:22px;}
.styleCaseStudyQuote a {color:#0C2D3F;font-weight:bold;}
.styleYellowQuote {width:601px;padding:10px;border:1px solid #FDF9A0;background:#FFFFEC;line-height:22px;}
/* NEWS */
.homeNewsStyle {width:260px;line-height:normal;}
.homeNewsStyle a {font-size:11px;}
.newsStyle {width:623px;line-height:normal;}
.newsStyle a {font-size:11px;}
.newsTitle {}
.newsTitleDetail {font-size:16px;font-family:Helvetica;}
.newsDate {width:50px;padding:3px 5px;background:#FF9C00;color:#FFFFFF;font-weight:bold;}
.newsTitle {padding:3px 0;}
/* SCROLLING */
/*
Styles for scrolling layers
Specify width and height in hold and wn, and in clip for wn
*/
div#hold {
position:relative; overflow:hidden;
width:260px; height:240px;
z-index:100;
}
div#wn {
position:absolute;
left:0px; top:0px;
width:260px; height:230px;
clip:rect(0px, 260px, 240px, 0px);
overflow:hidden;
z-index:1;
}
div.content2
{
width:260px;
position:absolute;
left:0px; top:0px;
z-index:1;
padding:0;margin:0;
}
/* Set small font-size or size/position of div's will be off in some browsers */
div#scrollbar {
position:relative; left:0; top:0;
width:21px; height:240px;
font-size:1px; z-index:1;
}
div#up { position:absolute; left:0; top:0; z-index:2 }
div#down { position:absolute; left:0; bottom:10px; z-index:3 }