/* ------------------------------------------------------------------
Sets default margin and padding
-------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
}
/* ------------------------------------------------------------------
 Sets default font-size for headers 
 -------------------------------------------------------------------*/
h1, h2, h3, h4, h5
{
    font-size: 100%;
}
/* ------------------------------------------------------------------
Removes list-style from lists
-------------------------------------------------------------------*/
ol, ul
{
    list-style: none;
}
/* ------------------------------------------------------------------
Sets font-style and font-weight to normal
-------------------------------------------------------------------*/
address, caption, cite, code, dfn, em, th, var
{
    font-style: normal;
    font-weight: normal;
}
/* ------------------------------------------------------------------
Sets font family for form elelments
-------------------------------------------------------------------*/
input, select
{
    font-family: Arial, Helvetica, sans-serif;
}
/* ------------------------------------------------------------------
Removes border from fieldset and image
-------------------------------------------------------------------*/
fieldset, images
{
    border: 0;
}
/* ------------------------------------------------------------------
Link styles
-------------------------------------------------------------------*/
a, a:link
{
    border-style: none;
    border-width: medium;
    border-color: inherit;
    outline: none;
    text-decoration: none;
    color: #0080C7;
    cursor: pointer;
}

a:hover
{
    text-decoration: underline;
    outline: none;
    border: none;
}

a:focus, a:active
{
    cursor: pointer;
    outline: none;
    border: none;
}
/* ------------------------------------------------------------------
=Generic classes
-------------------------------------------------------------------*/
.floatLeft
{
    float: left !important;
}

.floatRight
{
    float: right !important;
}

.clearBoth
{
    clear: both;
}
/* ------------------------------------------------------------------
=Body & height settings
-------------------------------------------------------------------*/
body
{
    margin: 0;
    padding: 0;
    color: #515252;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    background: url(../images/shared/inner-body-background.gif) top left repeat-x;
}

body#showreelPage
{
    width: 7420px; 
    background-color: #AD2018; 
}

#showreelPageFade
{
    left: 0px;
    top: 532px;
    height: 200px;
    margin: 0;
    padding: 0;
    color: #515252;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    width: 7420px;
    background: url(../images/shared/footer_background2.jpg) center left repeat-x;
    background-color: #C42016;
    z-index: 0;
    position: fixed;
}

#sub_text
{
    position: fixed;
    color: #FFFFFF;
    font-size: 2.2em;
    font-weight: bold;
    left: 40px;
    top: 532px;
	z-index: 800;
    background: url(../images/footer.gif) no-repeat left top;
    width: 500px;
    height: 30px;
}







body#SectorPage
{
    margin: 0;
    padding: 0;
    color: #515252;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    width: 100%;
    background: none;
    background-color: #FFFFFF; /*#AE2018; */
}

body.innerPage
{
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}

.push
{
    height: 30px; /* .push must be the same height as .footer */
    clear: both;
    margin: 0;
}

#ajaxLoader
{
    width: 32px;
    height: 32px;
    background: #000 url(../images/ajax-loader.gif) center center no-repeat;
    position: absolute;
    top: 45%;
    left: 45%;
}


#preLoad
{
    position: absolute;
    top: -9999em;
    left: -9999em;
    height: 1px;
    width: 1px;
    overflow: hidden;
}


#container
{
    height: 480px;
    position: relative;
    overflow: hidden;
    top: 50px; /*70px;*/
}


hr
{
    height: 0px;
    border: none;
    border-top: 2px solid #d3d3d3;
    margin: 10px 0;
}


h1, h2
{
    font-size: 1.4em;
    color: #808080;
}


h3
{
    font-size: 1.2em;
    color: #0085cf;
}


h3 span
{
    font-size: 0.84em;
    color: #666666;
}


h3 a, h3 a span
{
    color: #666666;
}


p
{
    font-size: 1.1em;
    margin-bottom: 10px;
    line-height: 1.5em;
}


#content
{
    float: left;
    font-size: 1.1em;
}


#content h4
{
    font-size: 1.2em;
    display: none;
}


.panel, .jCarouselLite
{
    margin: 0;
    float: left;
}


.fixedWidthContainer
{
    width: 980px;
    margin: auto;
}
/* ------------------------------------------------------------------
=Primary navigation
-------------------------------------------------------------------*/

#branding
{
    position: absolute;/*float: left;*/
    z-index: 800;
    top: 0;
    left: 20px; 
    width: 170px;
    height: 180px;
    padding: 0;
    margin: 0;
    display: block;
    background-color: #FFFFFF;
    background: url(../images/sitelogo.png) no-repeat left top;
    font-size: 1.8em;
    color: #FFFFFF;
    text-indent: -100000em;
}

#navigationBlock
{
    position: fixed;
    z-index: 500;
    top: 0;
    width: 100%;
    height: 45px;
    padding: 0;
    margin: 0;
    display: block;
    background-color: #FFFFFF;
    background: url(../images/shared/inner-body-background.gif) top left repeat-x; /*  background: url(../images/nav/nav-background.gif) top left repeat-x;*/
}

#secondaryNavigation
{
    position: fixed;
    z-index: 450;
    top: 45px;
    width: 100%;
    height: 5px;
    padding: 0;
    margin: 0;
    display: block;
    background-color: #FFFFFF;
/*    background: url('../images/shared/footer-background.gif') repeat-x left top;*/
}

#qcklinks
{
    position: fixed;
    z-index: 800;
    top: 160px;
    left: 40px;
    width: 150px;
    height: 250px;
    display: block;
    background: url(../images/quicklinks.png) no-repeat left top;
}



















#navigationBlock a#twitterAboveNav, #secondaryNavigation ul li ul, #secondaryNavigation ul li:hover ul li ul
{
    display: none;
}








#navigationBlock ul
{
    margin: 0 0 0 210px;
    list-style-type: none;
}


#navigationBlock ul li
{
    float: left;
    height: 13px;
    margin: 30px 0 0 0;
    padding: 0; /*  text-indent: -10000em; */
}


#navigationBlock ul li a
{
    cursor: pointer; /*width: 100px;*/
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.1em;
    padding-right: 30px;
}


#navigationBlock ul li#introLink a
{
    /*  background: url(../images/nav/nav-sprite.gif) 0 0 no-repeat; */ /* width: 43px;*/
    display: block;
    height: 13px;
}


#navigationBlock ul li#introLink a:hover, #homePage #navigationBlock ul li#introLink a
{
    /*  background: url(../images/nav/nav-sprite.gif) 0 -13px no-repeat; */
}


#navigationBlock ul li#whoAreWeLink a
{
    /* background: url(../images/nav/nav-sprite.gif) 0 -26px no-repeat; */ /* width: 79px;*/
    display: block;
    height: 13px;
}


#navigationBlock ul li#whoAreWeLink a:hover, #whoAreWePage #navigationBlock ul li#whoAreWeLink a
{
    /* background: url(../images/nav/nav-sprite.gif) 0 -39px no-repeat; */
}


#navigationBlock ul li#whatDoWeDoLink a
{
    /*  background: url(../images/nav/nav-sprite.gif) 0 -52px no-repeat; */ /*  width: 98px;*/
    display: block;
    height: 13px;
}


#navigationBlock ul li#whatDoWeDoLink a:hover, #whatDoWeDoPage #navigationBlock ul li#whatDoWeDoLink a
{
    /* background: url(../images/nav/nav-sprite.gif) 0 -65px no-repeat; */
}


#navigationBlock ul li#whatHaveWeDoneLink a
{
    /*  background: url(../images/nav/nav-sprite.gif) 0 -78px no-repeat; */ /*  width: 125px;*/
    display: block;
    height: 13px;
}


#navigationBlock ul li#whatHaveWeDoneLink a:hover, #caseStudiesPage #navigationBlock ul li#whatHaveWeDoneLink a
{
    /*  background: url(../images/nav/nav-sprite.gif) 0 -91px no-repeat; */
}


#navigationBlock ul li#whatsNewLink a
{
    /*  background: url(../images/nav/nav-sprite.gif) 0 -104px no-repeat;*/ /* width: 77px; */
    display: block;
    height: 13px;
}


#navigationBlock ul li#whatsNewLink a:hover, #newsPage #navigationBlock ul li#whatsNewLink a
{
    /*  background: url(../images/nav/nav-sprite.gif) 0 -117px no-repeat; */
}


#navigationBlock ul li#showreelLink a
{
    /* background: url(../images/nav/nav-sprite.gif) 0 -130px no-repeat; */ /* width: 107px;*/
    display: block;
    height: 13px;
}


#navigationBlock ul li#showreelLink a:hover
{
    /* background: url(../images/nav/nav-sprite.gif) 0 -143px no-repeat; */
}


#navigationBlock ul li#contactLink a
{
    /* background: url(../images/nav/nav-sprite.gif) 0 -156px no-repeat; */ /* width: 83px; */
    display: block;
    height: 13px;
}


#navigationBlock ul li#contactLink a:hover, #contactPage #navigationBlock ul li#contactLink a
{
    /* background: url(../images/nav/nav-sprite.gif) 0 -169px no-repeat; */
}
/* ------------------------------------------------------------------
=Generic panel styling
-------------------------------------------------------------------*/


.panel h2
{
    position: relative;
    z-index: 10;
    display: block;
    margin-bottom: 5px;
}


.panel h3, .panel p
{
    position: relative;
    z-index: 100;
    display: block;
    margin-bottom: 10px;
}


.copyArea
{
    position: absolute;
    z-index: 10;
    height: 350px;
    top: 20px;
    left: 180px;
    width: 300px;
	}


.panel p, .panel address
{
    font-size: 1em;
    line-height: 1.3em;
}


p.arrowLink
{
    text-indent: -10000em;
    position: absolute;
    bottom: 0;
    left: 31px;
}


#first p.arrowLink
{
    left: 0;
}


p.reverseArrowLink
{
    text-indent: -10000em;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 100;
}


p.arrowLink a
{
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/shared/arrows.gif) top left no-repeat;
}


p.reverseArrowLink a, #leftColumn p.reverseArrowLink a
{
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/shared/arrows.gif) bottom left no-repeat;
}
/* ------------------------------------------------------------------
=Sections
-------------------------------------------------------------------*/


#first
{
    left: 0; /*width: 300px;     padding: 110px 270px 0 660px;*/
    height: 480px;
    width: 1230px; /*    background: url(../images/scene1.jpg) top left no-repeat;*/
}


#first img, #second img, #third img, #fourth img, #fifth img, #sixth img
{
    left: 0;
    top: 0;
    position: relative;
    z-index: 1;
}


#first .copyArea
{
    /* width: 300px;   top: 20px;   left: 200px; */
    position: absolute;
    z-index: 10;
}


#first h2
{
    width: 209px;
    height: 28px; /* text-indent: -10000em; */ /* background: url(../images/page-titles/title-sprite.gif) 0 0 no-repeat; */
}


#first p
{
    padding-left: 20px;
}


#second, #third, #fifth
{
    left: 0; /*width: 300px;     padding: 110px 300px 0 630px;*/
    width: 1230px;
    height: 480px;
    position: relative;
}
#sixth
{
    left: 0; /*width: 300px;     padding: 110px 300px 0 630px;*/
    width: 1270px;
    height: 480px;
    position: relative;
}

#second .copyArea, #third .copyArea
{
    /* width: 300px;   top: 85px;   left: 630px;*/
}


#second h2
{
    width: 212px;
    height: 28px; /* text-indent: -10000em; */ /* background: url(../images/page-titles/title-sprite.gif) 0 -28px no-repeat; */
}


#second p, #third p, #fourth p, #fourth ul, #fifth h3, #fifth p, #sixth p, #sixth address
{
    padding-left: 20px;
}


#third h2
{
    width: 259px;
    height: 28px; /* text-indent: -10000em; */ /* background: url(../images/page-titles/title-sprite.gif) 0 -56px no-repeat; */
}


#fourth
{
    left: 0; /*width: 310px;     padding: 110px 280px 0 640px;*/
    height: 480px;
    width: 1230px;
    background: url(../images/scenes/scene4.jpg) top left no-repeat;
    position: relative;
}


#fourth .copyArea
{
    /*width: 300px;   top: 85px;   left: 630px; */
    position: absolute;
    z-index: 10;
}


#fourth h2
{
    width: 310px;
    height: 28px; /* text-indent: -10000em; */ /* background: url(../images/page-titles/title-sprite.gif) 0 -84px no-repeat; */
}


#fourth ul
{
    margin: 10px 0;
}


#fourth ul li
{
    margin: 3px 0;
    line-height: 1.5em;
}


#fifth .copyArea
{
    /*width: 300px;   top:  85px;   left: 635px; */
}


#fifth h2
{
    width: 205px;
    height: 28px; /* text-indent: -10000em; */ /* background: url(../images/page-titles/title-sprite.gif) 0 -112px no-repeat; */
}


#sixth .copyArea
{
    /* width: 290px;   top: 85px;   left: 660px; */
}


#sixth h2
{
    width: 247px;
    height: 28px; /* text-indent: -10000em; */ /* background: url(../images/page-titles/title-sprite.gif) 0 -140px no-repeat; */
}





body#showreelPage #secondaryNavigation ul
{
    padding: 0;
    margin: 0 0 0 22px;
    list-style: none;
}


body#showreelPage #secondaryNavigation ul li
{
    text-indent: -10000em;
}


body#showreelPage #secondaryNavigation ul li#moreInformationLink a
{
    background: url(../images/nav/more-information.gif) top left no-repeat;
    width: 133px;
    display: block;
}


body#showreelPage #secondaryNavigation ul li#moreInformationLink a:hover
{
    background: url(../images/nav/more-information.gif) bottom left no-repeat;
}


/* Sector Secondary Navigation */

body#SectorPage #secondaryNavigation
{
    height: 5px;
    width: 110%;
    display: block;
    background-image: url('../images/nav/footer-background.gif');
    background-color: #d6d6d4;
    background-repeat: repeat-x;
    background-attachment: scroll;
    position: fixed;
    top: 45px;
    z-index: 0; /*  550;*/
    background-position: top;
    background-color: #d6d6d4;
}


body#SectorPage #secondaryNavigation ul
{
    padding: 0;
    margin: 0 0 0 22px;
    list-style: none;
}


body#SectorPage #secondaryNavigation ul li
{
    text-indent: -10000em;
}


body#SectorPage #secondaryNavigation ul li#moreInformationLink a
{
    background: url(../images/nav/more-information.gif) top left no-repeat;
    width: 133px;
    display: block;
}


body#SectorPage #secondaryNavigation ul li#moreInformationLink a:hover
{
    background: url(../images/nav/more-information.gif) bottom left no-repeat;
}


/* End Sector Secondary Navigation */




#secondaryNavigation ul li a, #secondaryNavigation ul li a:visited
{
    display: block;
    text-decoration: none;
    color: #000;
    overflow: hidden;
}
/* top level options */


#secondaryNavigation ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}


#secondaryNavigation ul li
{
    float: left;
    position: relative;
    z-index: 100;
    line-height: 20px;
    margin-right: 15px;
}


#secondaryNavigation ul li#mediaProductionLink a
{
    background-image: url(../images/nav/secondary-sprites.gif);
    background-position: 0 -20px;
    background-repeat: no-repeat;
    width: 99px;
    height: 20px;
    text-indent: -10000em;
}


#secondaryNavigation ul li#mediaProductionLink a:hover, #secondaryNavigation ul li#mediaProductionLink:hover a, .mediaProduction #secondaryNavigation ul li#mediaProductionLink a
{
    background-image: url(../images/nav/secondary-sprites.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}


#secondaryNavigation ul li#webDevelopmentLink a
{
    background-image: url(../images/nav/secondary-sprites.gif);
    background-position: 0 -60px;
    background-repeat: no-repeat;
    width: 105px;
    height: 20px;
    text-indent: -10000em;
}


#secondaryNavigation ul li#webDevelopmentLink a a:hover, #secondaryNavigation ul li#webDevelopmentLink:hover a, .webDevelopment #secondaryNavigation ul li#webDevelopmentLink a
{
    background-image: url(../images/nav/secondary-sprites.gif);
    background-position: 0 -40px;
    background-repeat: no-repeat;
}


#secondaryNavigation ul li#marketingSupportLink a
{
    background-image: url(../images/nav/secondary-sprites.gif);
    background-position: 0 -100px;
    background-repeat: no-repeat;
    width: 103px;
    height: 20px;
    text-indent: -10000em;
}


#secondaryNavigation ul li#marketingSupportLink a:hover, #secondaryNavigation ul li#marketingSupportLink:hover a, .marketingSupport #secondaryNavigation ul li#marketingSupportLink a
{
    background-image: url(../images/nav/secondary-sprites.gif);
    background-position: 0 -80px;
    background-repeat: no-repeat;
}


#secondaryNavigation ul li#bidManagementLink a
{
    background-image: url(../images/nav/secondary-sprites.gif);
    background-position: 0 -140px;
    background-repeat: no-repeat;
    width: 98px;
    height: 20px;
    text-indent: -10000em;
}


#secondaryNavigation ul li#bidManagementLink a:hover, #secondaryNavigation ul li#bidManagementLink:hover a, .bidManagement #secondaryNavigation ul li#bidManagementLink a
{
    background-image: url(../images/nav/secondary-sprites.gif);
    background-position: 0 -120px;
    background-repeat: no-repeat;
}


#secondaryNavigation ul li#totalOutsourcedLink a
{
    background-image: url(../images/nav/secondary-sprites.gif);
    background-position: 0 -180px;
    background-repeat: no-repeat;
    width: 144px;
    height: 20px;
    text-indent: -10000em;
}


#secondaryNavigation ul li#totalOutsourcedLink a:hover, #secondaryNavigation ul li#totalOutsourcedLink:hover a, .outsourcedSolution #secondaryNavigation ul li#totalOutsourcedLink a
{
    background-image: url(../images/nav/secondary-sprites.gif);
    background-position: 0 -160px;
    background-repeat: no-repeat;
}
/* specific to non IE browsers */


#secondaryNavigation ul li:hover a
{
    color: #666666;
    background: #666666;
}


#secondaryNavigation ul li:hover ul
{
    /* ie7 */
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    background-image: url(../images/nav/dropdown-background.png);
    background-position: top;
    width: 140px;
    z-index: 100;
}


#secondaryNavigation ul li:hover ul#contactSubUl
{
    /* ie7 */
    width: 140px !important;
}


#secondaryNavigation ul li:hover ul li a.hide
{
    color: #bbbbbb;
    background: #666666;
    height: 20px !important;
    line-height: 20px !important;
}


#secondaryNavigation ul li:hover ul li:hover a.hide
{
    color: #ffffff;
    background: #ff3333;
}


#secondaryNavigation ul li ul li
{
    font-size: 1.1em;
    float: none;
}


#secondaryNavigation ul li:hover ul li a
{
    /* ie7 */
    display: block;
    background: none !important;
    color: #333 !important;
    height: 20px !important;
    line-height: 20px !important;
    padding-left: 5px;
    background-image: none !important;
    text-indent: 0 !important;
    width: 135px !important;
}


#secondaryNavigation ul li:hover ul#contactSubUl li a
{
    width: 135px !important;
}


#secondaryNavigation ul li:hover ul li a:hover
{
    color: #fff !important;
    cursor: pointer;
    text-decoration: none !important;
    background-image: none !important;
    background-color: #333 !important;
}
/* ------------------------------------------------------------------
=Shadowbox
-------------------------------------------------------------------*/


#sb-container, #sb-wrapper
{
    text-align: left; /* reset left alignment */
}


#sb-container, #sb-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}


#sb-container
{
    height: 100%;
    display: none;
    visibility: hidden;
    z-index: 999;
}


body > #sb-container
{
    /* use position:fixed in modern browsers */
    position: fixed;
}


#sb-overlay
{
    /* needed in IE6 where sb-container uses position:absolute */ /*  height: expression(document.documentElement.clientHeight + 'px'); */
}


#sb-container > #sb-overlay
{
    /* use for sb-container position:fixed */
    height: 100%;
}
/*_________________________________________________________________  wrapper  */


#sb-wrapper
{
    position: relative;
}


#sb-wrapper img
{
    border: none;
}
/*____________________________________________________________________  body  */


#sb-body
{
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #0080c7;
}


#sb-body-inner
{
    position: relative;
    height: 100%;
}


#sb-content.html
{
    height: 100%;
    overflow: auto; /* make html content scrollable */
}
/*_________________________________________________________________  loading  */


#sb-loading
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 10px;
}


#sb-body, #sb-loading
{
    background-color: #0080c7; /* should match loading image background color */
}


#sb-body, #sb-loading a
{
    color: #0080c7;
}
/*____________________________________________________________  title & info  */


#sb-title, #sb-info
{
    position: relative;
    margin: 0; /* these must have no vertical margin or padding */
    padding: 0;
    overflow: hidden;
}


#sb-title-inner, #sb-info-inner
{
    position: relative;
    line-height: 16px;
}


#sb-title, #sb-title-inner
{
    height: 26px;
}


#sb-title-inner
{
    font-size: 16px;
    padding: 5px 0;
    color: #ffffff;
}


#sb-info, #sb-info-inner
{
    height: 20px;
}


#sb-info-inner
{
    font-size: 12px;
    color: #ffffff;
}
/*_____________________________________________________________________  nav  */


#sb-nav
{
    float: right;
    height: 20px;
    padding: 0;
    width: 100%;
    background-color: #002539;
    margin-top: -4px;
}


#sb-nav a
{
    display: block;
    float: right;
    height: 20px;
    width: 100%;
    margin-left: 3px;
    cursor: pointer;
    color: #002539;
}


#sb-nav-close
{
    background-image: url(../images/shadowbox/close.gif);
    background-repeat: no-repeat;
    background-position: top right;
}


#sb-nav-next
{
    background-image: url(../scripts/resources/next.png);
    background-repeat: no-repeat;
}


#sb-nav-previous
{
    background-image: url(../scripts/resources/previous.png);
    background-repeat: no-repeat;
}


#sb-nav-play
{
    background-image: url(../scripts/resources/play.png);
    background-repeat: no-repeat;
}


#sb-nav-pause
{
    background-image: url(../scripts/resources/pause.png);
    background-repeat: no-repeat;
}
/*_________________________________________________________________  counter  */


#sb-counter
{
    float: left;
    padding: 2px 0;
    width: 100%;
}


#sb-counter a
{
    padding: 0 4px 0 0;
    text-decoration: none;
    cursor: pointer;
    color: #002539;
}


#sb-counter a.sb-counter-current
{
    text-decoration: underline;
}
/*________________________________________________________________  messages  */


div.sb-message
{
    font-size: 12px;
    padding: 10px;
    text-align: center;
}


div.sb-message a:link, div.sb-message a:visited
{
    color: #dc291e;
    text-decoration: underline;
}
/* ------------------------------------------------------------------
=Case Study Pages
-------------------------------------------------------------------*/


body#caseStudyPage
{
    background: #002539 url(../images/case-studies/background.jpg) top left repeat-x;
    height: 350px;
    width: 940px;
    padding: 20px 10px 0 10px;
    color: #fff;
    overflow: hidden;
}


#caseStudyNav
{
    width: 124px;
    float: left;
    height: 350px;
    border-right: 1px solid #d6d6d4;
    margin: 0 10px 0 0;
}


body#caseStudyPage ul
{
    margin: 0;
}


body#caseStudyPage ul li
{
    line-height: 1.5em;
    font-size: 1.1em;
    margin: 0 0 3px 0;
}


body#caseStudyPage ul li a, body.newsPopup ul li a
{
    color: #d6d6d4;
}


body#caseStudyPage ul li ul
{
    margin: 5px 10px 10px 5px;
}


body#caseStudyPage ul li ul li
{
    line-height: 1.5em;
    font-size: 1em;
}


body#caseStudyPage ul li.selectedItem a
{
    font-weight: bold;
    color: #fff;
}


body#caseStudyPage h2
{
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 0 0 10px 0;
    color: #fff;
}


body#caseStudyPage p
{
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 0 0 10px 0;
}


#caseStudyCopy
{
    width: 139px;
    height: 350px;
    border-right: 1px solid #d6d6d4;
    float: left;
    padding-right: 10px;
}


body#caseStudyPage ul li.spaceTop40
{
    margin-top: 20px;
}
/* ------------------------------------------------------------------
=generic Form
-------------------------------------------------------------------*/


body#contactFormPage
{
    background: #0085cf url(.../images/contact-us/contact-us.jpg) top left no-repeat;
    color: #ffffff;
}


.genericForm
{
    width: 280px;
    padding: 20px 10px;
}


.genericForm label
{
    float: left;
    text-transform: lowercase;
    font-size: 1.1em;
    margin: 5px 0;
    padding: 2px 0;
}


.genericForm .textField
{
    float: right;
    margin: 5px 0;
    width: 125px;
    border: 1px solid #515252;
    font-size: 1.1em;
    padding: 2px;
    color: #515252;
}


.genericForm .textArea
{
    clear: both;
    margin: 5px 0;
    width: 274px;
    border: 1px solid #515252;
    font-size: 1.1em;
    height: 50px;
    padding: 2px;
    color: #515252;
    font-family: Arial, Helvetica, sans-serif;
}


.genericForm .submitButton
{
    background: url(../images/nav/nav-background.gif) repeat-x;
    float: right;
    color: #fff;
    padding: 5px 10px;
    margin: 5px 0 0 0;
    border: none;
    cursor: pointer;
    font-size: 1.1em;
}
/* ------------------------------------------------------------------
=carousel lite
-------------------------------------------------------------------*/


.carousel
{
    width: 631px;
    height: 340px;
    float: left;
    margin-left: 20px;
}


#flashMovie
{
    position: relative;
    top: 5px;
    margin-left: 10px;
}


body.singleImage .carousel p.next, body.singleImage .carousel p.prev
{
    visibility: hidden;
}


.carousel p.next, .carousel p.prev
{
    text-indent: -10000em;
    float: left;
    top: 158px;
    position: relative;
}


.carousel p.next a
{
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/shadowbox/arrows.gif) bottom left no-repeat;
}


.carousel p.prev a
{
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/shadowbox/arrows.gif) top left no-repeat;
}


.carousel ul li img
{
    float: left;
    margin-right: 15px;
}


.carousel ul li a img
{
    border: none;
    outline: none;
}
/* ------------------------------------------------------------------
=stand alone pages
-------------------------------------------------------------------*/


body#popupPage
{
    background: #000 url(../images/shadowbox/background.jpg) top left repeat-x;
    color: #ffffff;
    padding: 10px;
    height: 100%;
}


body#popupPage h1, body#popupPage h2, body#contactFormPage h2
{
    margin-bottom: 20px;
}


body#popupPage p, body#contactFormPage p
{
    font-size: 1.1em;
    margin-bottom: 20px;
}


body#popupPage h3, #leftColumn h3
{
	font-size: 1.4em;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: lighter;
	color: #666666;
}


body#popupPage h3 a, body#popupPage h3 span, .panel h3 a, #leftColumn h3 a, #footer address a:hover
{
    color: #ffffff;
}


body.newsPopup .halfCol
{
    width: 510px;
    float: right;
}


body.newsPopup ul
{
    width: 180px;
    padding-right: 10px;
    float: left;
    border-right: 1px solid #d6d6d4;
    height: 360px;
}


body.newsPopup ul li
{
    margin: 0 0 10px 0;
    font-size: 1.1em;
}


body.newsPopup ul.newsUL
{
    width: auto;
    padding-right: 0;
    float: none;
    border-right: none;
    height: auto;
    line-height: 1.5em;
    margin: 5px 0;
    list-style-type: square;
    list-style-position: inside;
}

/* Start REM from old template
body.britishTrimmingsPage ul li#britishTrimmingsLink a, body.ifsAwardPage ul li#ifsAwardLink a, body.o2cPage ul li#o2cLink a, body.btFleetPage ul li#btFleetLink a, body.salesDrivePage ul li#salesDriveLink a, body.overviewPage ul li#overviewLink a, body.recognitionPage ul li#recognitionLink a, body.mclPage ul li#mclLink a, body.tkdPage ul li#tkdLink a, body.virginPage ul li#virginLink a, body.morganRedwoodPage ul li#morganRedwoodLink a, body.extranetsPage ul li#extranetsLink a, body.supplierPage ul li#supplierLink a, body.reportingPage ul li#reportingLink a
{
    font-weight: bold;
    color: #ffffff;
}


.halfCol
{
    width: 340px;
    float: left;
}


.halfCol ul li
{
    margin: 10px 0;
    font-size: 1.1em;
}


.halfCol ul li ul li
{
    margin: 5px 10px;
    font-size: 1em;
}
End REM from old template */

/*inner page */


#bannerImage
{
    width: 100%;
    height: 264px; /*  border-bottom: 20px solid #000;*/
	position: inherit;
    background: url(../images/shared/inner-page-banner.jpg) center no-repeat;
    margin-top: 40px;
	margin-bottom: 5px;
}


#leftColumn
{
    float: left;
    width: 645px;
}


#leftColumn h1
{
    font-size: 1.8em;
    color: #000;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    font-weight: lighter;
}


#leftColumn h2
{
    font-size: 1.6em;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: lighter;
}


#leftColumn ul
{
    margin: 10px 0 10px 30px;
}


#leftColumn ul li
{
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 5px 0;
    list-style-type: square;
}


#leftColumn address
{
    font-size: 1.1em;
    line-height: 1.3em;
}


#leftColumn p.reverseArrowLink
{
    position: relative;
    margin-top: 20px;
}


#rightColumn
{
    float: right;
    width: 311px;
}
/* ------------------------------------------------------------------
=twitter feed panel
-------------------------------------------------------------------*/
#twitterPanel
{
    width: 311px;
    background-color: #fff;
    padding-bottom: 20px;
    margin-top: -3px;
    position: relative;
    z-index: 100;
}

h2.sidebar-title
{
    text-indent: -1000em;
    width: 311px;
    height: 102px;
    background: url(../images/twitter/twitter.gif) top left no-repeat;
}

ul#twitter_update_list
{
    width: 311px;
    padding: 0px;
    background: #fff url(../images/twitter/twitter-background.gif) top left repeat-x;
}

ul#twitter_update_list li
{
    font-size: 1.1em;
    color: #0085cf;
    margin: 5 0 0px 5;
    line-height: 1.5em;
    padding-top: 5px;
	padding-bottom: 5px;
    border-bottom: 1px solid #8c8d8e;
}

ul#twitter_update_list li a
{
    color: #0085cf;
    cursor: pointer;
	
	clear: both;
    display: block;
    width: 180px;
}

p#twitter-link
{
    font-size: 1.1em;
    margin: 5px 0 0 0px;
}
/* ------------------------------------------------------------------
=feature panels
-------------------------------------------------------------------*/
#companyOverview
{
    width: 311px;
    margin: 20px 0;
    background: url(../images/shared/company-overview.gif) top left no-repeat;
    text-indent: -100000em;
}

#companyOverview a
{
    display: block;
    width: 311px;
    height: 80px;
    background: url(../images/shared/company-overview.gif) top left no-repeat;
}

#portfolioLink
{
    width: 311px;
    height: 169px;
    margin: 0;
    background: url(../images/shared/portfolio.jpg) top left no-repeat;
    text-indent: -100000em;
}

#portfolioLink a
{
    display: block;
    width: 311px;
    height: 80px;
    background: url(../images/shared/portfolio.jpg) top left no-repeat;
}
/* ------------------------------------------------------------------
=footer
-------------------------------------------------------------------*/
body.innerPage #footer
{
    height: 30px;
    /*background: #FFFFFF url(../images/shared/footer-background.gif) repeat-x left top;
	*/
    width: 100%;
    line-height: 30px;
    margin: 50px 0 0 0;
}

body#showreelPage #footer address
{
    float: left;
    height: 13px;
    margin: 0 0 0 40px;
    color: #ffffff; /*#000;*/
    font-size: 1.1em;
    clear: both;
    text-transform: lowercase;
    position: fixed;
    top: 532px; /*533px;*/
    z-index: 100;
}

#footer address
{
    float: left;
    margin: 0;
    color: #ffffff; /*#000;*/
    font-size: 1.1em;
    clear: both;
    text-transform: lowercase;
    width: 97%;
}

#footer address a
{
    text-decoration: none;
    color: #ffffff; /*#000;*/
}

#footer address a:hover
{
    color: #ccc; /*#000;*/
}

#footer address span
{
    padding-right: 10px;
}

#ftlinks
{
    height: 70px;
    width: 500px;
    top: 425px;
    z-index: 800;
    left: 37px;
    display: block;
	position: fixed;
    
}

.ftlnkimg
{
    border: 0px;
    height: 70px;
    padding: 0px;
}

#ftlinks_tit
{
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0px;
    margin-left: 4px;
}

#ftlinks_bod
{
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0px;
}



#qcklnk_cust
{
    position: absolute;
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    left: 5px;
    top: 30px;
}

#qcklnk_link
{
    position: absolute;
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    left: 5px;
    top: 55px;
}
#qcklnk_3
{
    position: absolute;
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    left: 5px;
    top: 60px;
}
#qcklnk_4
{
    position: absolute;
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    left: 5px;
    top: 105px;
}
#qcklnk_5
{
    position: absolute;
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    left: 5px;
    top: 90px;
}
#qcklnk_6
{
    position: absolute;
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    left: 5px;
    top: 120px;
}
#qcklnk_7
{
    position: absolute;
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    left: 5px;
    top: 150px;
}


/* ------------------------------------------------------------------
=incentives
-------------------------------------------------------------------*/

#branding_incentives
{
    float: left;
    font-size: 1.8em;
    color: #fff;
    z-index: 800;
    height: 46px;
    width: 170px;
    text-indent: -100000em;
    background: url(../images/site-logo.png) top left no-repeat;
}

#branding_incentives a
{
    font-size: 1.8em;
    color: #fff;
    height: 46px;
    width: 170px;
    background: url(../images/site-logo.png) top left no-repeat;
    display: block;
}


body#showreelPage h1#branding_incentives
{
    position: absolute;
    left: 5px;
    font-size: 1.8em;
    color: #fff;
    z-index: 800;
    height: 180px;
    width: 170px;
    text-indent: -100000em;
    background: url(../images/site-logo.png) top left no-repeat;
}


body#showreelPage h1#branding_incentives a
{
    font-size: 1.8em;
    color: #c8d603;
    height: 180px;
    width: 170px;
    background: url(../images/site-logo.png) top left no-repeat;
    display: block;
}

body#SectorPage h1#branding_incentives
{
    position: absolute;
    left: 5px;
    font-size: 1.8em;
    color: #fff;
    z-index: 800;
    height: 180px;
    width: 170px;
    text-indent: -100000em;
    background: url(../images/site-logo.png) top left no-repeat;
}


body#SectorPage h1#branding_incentives a
{
    font-size: 1.8em;
    color: #c8d603;
    height: 180px;
    width: 170px;
    background: url(../images/site-logo.png) top left no-repeat;
    display: block;
}

body#showreelPage #navigationBlock_incentives
{
    /*  height: 50px; */
    height: 45px;
    display: block;
    background-color: #ffffff;
    background: url(../images/shared/inner-body-background.gif) top left repeat-x; /*  background: url(../images/nav/nav-background.gif) top left repeat-x;*/
    position: fixed;
    width: 110%;
    top: 0;
    z-index: 500;
}

body#SectorPage #navigationBlock_incentives
{
    /*  height: 50px; */
    height: 45px;
    display: block;
    background-color: #ffffff;
    background: url(../images/shared/inner-body-background.gif) top left repeat-x; /*  background: url(../images/nav/nav-background.gif) top left repeat-x;*/
    position: fixed;
    width: 110%;
    top: 0;
    z-index: 500;
}

#navigationBlock_incentives
{
    height: 50px;
    display: block;
    background-color: #ffffff;
    background: url(../images/nav/nav-background.gif) top left repeat-x;
    width: 100%;
    top: 0;
}

#bannerImage_incentives
{
    width: 100%;
    height: 264px; /*  border-bottom: 20px solid #000;*/
	position: inherit;
    background: url(../images/shared/inner-page-banner.jpg) center no-repeat;
    margin-top: 40px;
	margin-bottom: 5px;
}

#ftlinks_incentives
{
    height: 70px;
    width: 500px;
    top:0px;
    z-index: 800;
    left: 0px;
    display: block;
}

.ftlnkimg_incentives
{
    border: 0px;
    height: 70px;
    padding: 0px;
}

#ftlinks_tit_incentives
{
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0px;
    margin-left: 0px;
}

#ftlinks_bod_incentives
{
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0px;
}