/*
	Site:		CreativeLynx: Website
	File:		/assets/styles/screen.css
	Version:	2009-06-01
	Author:
----------------------------------------------- */
* { margin: 0; padding: 0; }
html { height: 100%; }
body { background-color: #FFFFFF; color: #000000; font: 62.5%/1.2 Arial, Helvetica, Geneva, sans-serif; height: 100%; }
a:link, a:visited { text-decoration: none; outline:none;}
a:hover, a:active, a:focus { text-decoration: none; outline:none;}
button, input, textarea, select { font-size: 100%; font-family: Arial, Helvetica, Geneva, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; margin-bottom: 1em; }
iframe, img { border: none; }
fieldset, form { border: 0 solid #FFFFFF; }
img { vertical-align: bottom; }
table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }
caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }
ol, ul {margin:0; padding:0; margin-bottom: 1em; }
ol li { margin-bottom: 5px; margin-left: 18px; }
ul li { margin-bottom: 5px; margin-left: 0; list-style:none; }
li ol, li ul { margin-top: 5px; margin-bottom: 0; }


/*	Framework
----------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.s-h { display: block; height: 0; float: left; overflow: hidden; width: 0; } /* accessible display none */
.s-h-o { left: -9999em; position: absolute; top: -9999em; } /* place content off screen */
.s-ir { background-repeat: no-repeat; cursor: pointer; display: block; overflow: hidden; position: relative; }
.s-ir span.s-ir-i { background: no-repeat top left; cursor: pointer; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 1010; }
.s-i-arrow { font-size: 0px; line-height: 0%; width: 0px; }
.s-i-arrow-down { border-left: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; border-top: 7px solid #C81809; }
.s-i-arrow-left { border-bottom: 9px solid #FFFFFF; border-right: 10px solid #000; border-top: 9px solid #FFFFFF; }
.s-i-arrow-right { border-bottom: 6px solid #FFFFFF; border-left: 7px solid #C81809; border-top: 6px solid #FFFFFF; }
.s-break { display: block; }
.image span.caption { display: block; font-size: 0.9167em; line-height: 1; padding-top: 4px; } /* Font-Size 11px: 11/12 = 0.9167 */
.image span.caption strong { display: block; }
.image-left { float: left; padding-bottom: 10px; padding-right: 10px; width: auto; }
.image-right { float: right; padding-bottom: 10px; padding-left: 10px; width: auto; }
.space { margin-top: 10px; }

/*	Typography
----------------------------------------------- */
h1 { background-color: transparent; color: #000000; font-size: 1.5625em; font-weight: bold; line-height: 1.1; } /* Font-Size 25px: 25/16 = 1.5625 */
h1 span.highlight { background-color: transparent; color: #3AC2D6; }
h2 { font-size: 1.1250em; } /* Font-Size 18px: 18/16 = 1.1250 */
h3 { font-weight: normal; } /* Font-Size 13px: 16/12 = 1.3333 */
h4 { font-weight: normal; } /* Font-Size 13px: 13/12 = 1.0833 */
h5 { font-weight: normal; } /* Font-Size 12px: 12/12 = 1.0000 */
h6 { font-weight: normal; } /* Font-Size 12px: 12/12 = 1.0000 */
p { margin-bottom: 1em; }
p a { font-weight: bold; }

.white-text {color:#fff;}
.blue-text {color:#2fc8de;}

/*	Structure
----------------------------------------------- */
div#Container { background-color: transparent; clear: both; font-size: 1.4000em; height: 100%; width: 100%; } /* Font-Size 14px: 14/10 = 1.4000 */
#FullScreenFlash {display: block; height: 100%;  width: 100%; position: fixed; top: 0;  left: 0; z-index: 1; }

#CaseStudyBackground h1, 
#FullScreenFlash h1 {margin-top:80px; font-size:1em; color:#000000;}

#CaseStudyBackground h1,
#CaseStudyBackground p, 
#FullScreenFlash h1, 
#FullScreenFlash p {margin-left:300px; width:500px;}

#CaseStudyBackground {display: block; height: 100%;  width: 85%; position: fixed; top: 40px;  left: 360px;  z-index: 1; }
#portfolio {display: block; height: 100%;  width: 100%; position: fixed; top: 0;  left: 0; z-index: 1; }
#FlashBackground { display: block; height: 400px; width: 400px; position: fixed; bottom: 0;  right: 0; z-index: 1;  }
div#Utilities p { padding-bottom: 0; }
div#Header { left: 0px;  top: 40px; min-height:500px; height:auto !important; height:500px; position: absolute; width: 310px;  z-index: 9; background:none;}

div#Header p#BrandingLogo { left: -9999em; padding-bottom: 0; position: absolute; top: -9999em; }

div#NavigationPrimary { margin-bottom: 24px; }
div#NavigationPrimary ul { list-style-type: none; margin-bottom: 0;}
div#NavigationPrimary ul li { margin-bottom: 0; margin-left: 0; position:relative;}
div#NavigationPrimary ul li a { display: block; height: 39px; overflow: hidden; position: relative; text-indent: -99999em; width: 300px;}
div#NavigationPrimary ul li a,
div#NavigationPrimary ul li a:focus,
div#NavigationPrimary ul li a:hover,
div#NavigationPrimary ul li a.active { background: url(../images/global/NavigationPrimaryAlt.png); background-repeat:no-repeat;}

div#NavigationPrimary ul li#NP01 a { background-position: 0 0; }
div#NavigationPrimary ul li#NP01 a:hover, div#NavigationPrimary ul li#NP01 a.active { background-position: -300px 0; }
div#NavigationPrimary ul li#NP02 a { background-position: 0 -39px; }
div#NavigationPrimary ul li#NP02 a:hover, div#NavigationPrimary ul li#NP02 a.active { background-position: -300px -39px; }
div#NavigationPrimary ul li#NP03 a { background-position: 0 -78px; }
div#NavigationPrimary ul li#NP03 a:hover, div#NavigationPrimary ul li#NP03 a.active { background-position: -300px -78px; }
div#NavigationPrimary ul li#NP04 a { background-position: 0 -117px; }
div#NavigationPrimary ul li#NP04 a:hover, div#NavigationPrimary ul li#NP04 a.active { background-position: -300px -117px; }
div#NavigationPrimary ul li#NP05 a { background-position: 0 -156px; }
div#NavigationPrimary ul li#NP05 a:hover, div#NavigationPrimary ul li#NP05 a.active { background-position: -300px -156px; }

div#NavigationSecondary { /*font-size: 1.1250em;*/ font-weight: bold; } /* Font-Size 18px: 18/16 = 1.1250 */
div#NavigationSecondary ul { list-style-type: none; margin-bottom: 2px; }
div#NavigationSecondary ul li { margin-bottom: 0; margin-left: 22px; }
div#NavigationSecondary ul li a { background-color: transparent; color: #000000; text-decoration: none; font-weight:bold; }
div#NavigationSecondary ul li a:focus,
div#NavigationSecondary ul li a:hover { background-color: transparent; color: #FFFFFF; }
div#NavigationSecondary ul li ul {/* font-size: 0.7778em;*/ margin-top: 0; } /* Font-Size 14px: 14/18 = 0.7778 */
div#NavigationSecondary ul li ul li { margin-left: 14px; }
div#NavigationSecondary ul li.active a, div#NavigationSecondary ul li.active ul li a.active  { background-color: transparent; color: #fff; }
div#NavigationSecondary ul li.active ul li a  { background-color: transparent; color: #000; }

div#Content { margin-left: 310px; padding-bottom: 20px; position: relative; width: 380px; top: 80px; z-index: 10000; float:left;}
div#Footer { bottom: 0; left: 0; position: absolute; z-index: 1; }
div#Footer #FlashFooter { bottom: 16px; left: 22px; position: fixed; z-index: 1; }
.footer-link {background: url(../images/global/blank.gif); position:absolute; z-index:10; width:100px; height:100px; display:block; bottom:50px; left:140px;}



/* jQuery Plugin: jScrollPane
----------------------------------------------- */
.jScrollPaneContainer { overflow: hidden; position: relative; z-index: 1; background:#4ce5fa;}
.jScrollPaneContainer .jScrollPaneTrack { background: #4ce5fa url(../images/global/scroll-track-line.gif) repeat-y 0 0 ; cursor: pointer; height: 100%; position: absolute; right: 0; top: 0; }


.jScrollPaneContainer .jScrollPaneDrag { background: #4ce5fa url(../images/global/scroll-dragger.gif) no-repeat 0 0; cursor: pointer; overflow: hidden; position: absolute; }
.jScrollPaneContainer .jScrollPaneDragTop { right: 0; overflow: hidden; position: absolute; top: 0; }
.jScrollPaneContainer .jScrollPaneDragBottom { bottom: 0; left: 0; overflow: hidden; position: absolute; }


/* Components
----------------------------------------------- */
.c { margin-bottom: 10px; }


/* Component: .c-intro
----------------------------------------------- */
.c-intro .c-h p { /*font-size: 1.1250em; */font-weight: bold; margin-bottom: 0.6em; } /* Font-Size 18px: 18/16 = 1.1250 */ /* Removed Font size MF */

/* For homepage intro text only */

.c-intro .c-h-home p { font-size: 1.8em; font-weight: bold; margin-bottom: 0.6em; line-height:1em; color:#fff;} 
.c-intro .c-h-home p a { color:#fff;}
.c-intro .c-h-home p a:hover { color:#005561;}


/* Component: .c-listing
----------------------------------------------- */
.c-listing .c-b ul { list-style-type: none; }
.c-listing .c-b ul li { margin-left: 0; }
.c-listing .c-b ul li h3 { font-weight: bold; margin-bottom: 0.1250em;}
.c-listing .c-b ul li h3 a { }


/* Componnet: Sectors: .c-case-study-images
----------------------------------------------- */
.c-case-study-images { margin-bottom: 0; position: absolute; z-index: 10;}
.c-case-study-images .c-b ul { list-style-type: none; margin-bottom: 0; }
.c-case-study-images .c-b ul li { margin-bottom: 0; margin-left: 0; padding-left: 30px; }
.hasJS .c-case-study-images .c-b ul li { display: none; }



/* Componnet: Sectors: .c-case-study-images
   Edits to get swf image scaler to work
----------------------------------------------- */
#c-case-study-images { margin-bottom: 0; position: absolute; z-index: 10; height:100%;}
#c-case-study-images .c-b h1 { color:#000; }



/* Component: Sectors: .c-case-study
----------------------------------------------- */
.c-case-study { background: transparent url(../images/global/c-case-study.png) repeat-y 100% 0; color: #000000; display: table; font-size: 0.8em; height: 100%; margin-bottom: 0; position: relative; width: 290px; z-index: 20; } /* Font-Size 12px: 12/16 = 0.7500 */
.c-case-study .c-h { margin: 0 24px; padding-top: 78px; }
.c-case-study .c-h h1 { font-size: 1.5000em; margin-bottom: 1em; } /* Font-Size 18px: 18/12 = 1.5000 */
.c-case-study .c-h h2 { font-size: 1.3333em; font-weight: normal; margin-bottom: 0.6250em; } /* Font-Size 18px: 16/12 = 1.3333 */
.c-case-study .c-h p { margin-bottom: 2em; }
.c-case-study .c-b { line-height: 1.3; margin: 0 24px; }
.c-case-study .c-b h3 { font-size: 1.0000em; font-weight: bold; margin-bottom: 0;} /* Font-Size 12px: 12/12 = 1.0000em */
.c-case-study .c-b p { margin-bottom: 2em; }
.c-case-study .c-action { background: url(../images/global/c-case-study-action.png) no-repeat 0 0; display: block; height: 30px; left: 558px; outline: none; position: absolute; text-indent: -99999em; top: 40px; width: 25px; z-index: 30; }


/* Component: Sectors: .c-case-study-navigation
----------------------------------------------- */
.c-case-study-navigation { position: absolute; top: 0; right:0; z-index: 40; width:100% }
.c-case-study-navigation ul { list-style-type: none; position: absolute; top: 41px; right:0; width: 44px; z-index: 40; margin-right:40px; }
.c-case-study-navigation ul li { display: block; float: left; margin-bottom: 0; margin-left: 0; width: auto; }
.c-case-study-navigation ul li a { background: url(../images/global/c-case-study-navigation.png) no-repeat 0 0; display: block; height: 27px; outline: none; text-indent: -9999em; width: 22px; }
.c-case-study-navigation li.c-case-study-navigation-previous { float: left; width: auto; }
.c-case-study-navigation li.c-case-study-navigation-previous a { background-position: 0 0; }
.c-case-study-navigation li.c-case-study-navigation-next { float: right; width: auto; }
.c-case-study-navigation li.c-case-study-navigation-next a { background-position: 100% 0; }


/* Section: Home
----------------------------------------------- */
body.home {background:#4ce5fa;}
body.home #FlashBackground { display: block; height: 448px; width: 608px;  position: fixed; bottom: 0;  right: 0; z-index: 1;  }
a.read-more {width:110px; height:100px; bottom:230px; right:265px; position:absolute; z-index:1000;} 

/* Section: Sectors
----------------------------------------------- */
body.sectors div#NavigationPrimary ul li a,
body.sectors div#NavigationPrimary ul li a:focus,
body.sectors div#NavigationPrimary ul li a:hover,
body.sectors div#NavigationPrimary ul li a.active  { background-image: url(../images/global/NavigationPrimaryAlt.png); }
body.sectors div#Content { background-color: transparent; color: #FFFFFF; }
body.sectors h1 { background-color: transparent; color: #FFFFFF; }
body.sectors h2 { margin-bottom: 0.2778em; }
body.sectors div#Content h3 { font-weight: bold; margin-bottom: 0.2778em; }


body.sectors div#Content ol li a,
body.sectors div#Content ul li a { background-color: transparent; color: #2fc8de; font-weight: bold; }


body.sectors .c-case-study h1,
body.sectors .c-case-study h2,
body.sectors .c-case-study h3 { background-color: transparent; color: #000000; }


/* Section: Sectors: Index
----------------------------------------------- */
body.sectors-index { background-color: #FFFFFF; }
body.sectors-index a:link,
body.sectors-index a:visited { background-color: transparent; color: #3AC2D6; }
body.sectors-index a:hover,
body.sectors-index a:active { background-color: transparent; color: #000000; }
body.sectors-index div#NavigationPrimary ul li a,
body.sectors-index div#NavigationPrimary ul li a:hover,
body.sectors-index div#NavigationPrimary ul li a.active { background-image: url(../images/global/NavigationPrimary.png); }
body.sectors-index div#NavigationSecondary ul li a.active,
body.sectors-index div#NavigationSecondary ul li a:focus,
body.sectors-index div#NavigationSecondary ul li a:hover { background-color: transparent; color: #3AC2D6; }
body.sectors-index div#Content { color: #000000; }
body.sectors-index h1 { color: #000000; }


/* Section: Sectors: Case studies
----------------------------------------------- */
body.sectors-case-studies div#Content { background-color: transparent; color: #FFFFFF; width: 670px; }
body.sectors-case-studies .c-intro { width: 330px; }
body.sectors-case-studies .c-listing-case-studies { width: 330px; }
body.sectors-case-studies .c-listing-case-studies .c-h { background-color: #FFFFFF; left: 360px; position: absolute; top: -76px; width: 310px; }
body.sectors-case-studies .c-listing-case-studies .c-h:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.sectors-case-studies .c-listing-case-studies .c-h ul { list-style-type: none; margin-bottom: 0; padding-top: 10px; }
body.sectors-case-studies .c-listing-case-studies .c-h ul li { float: left; margin: 0 0 10px 10px; width: auto; }
/*.hasJS .c-listing-case-studies .c-b ul li { display: none; }*/


/* Section: Sectors: Sector: Public Sector
----------------------------------------------- */
/* Changed: Original background-color: #F47324; */
body.sectors-public-sector { background-color: /*#f7651b;*/#e95a20; }
body.sectors-public-sector .sectortitle { color: #782201; }
body.sectors-public-sector a:link,
body.sectors-public-sector a:visited,
body.sectors-public-sector div#Content li a:link,
body.sectors-public-sector div#Content li a:visited { color: #782201; }

body.sectors-public-sector a:hover,
body.sectors-public-sector a:active,
body.sectors-public-sector div#Content li a:hover,
body.sectors-public-sector div#Content li a:active { background-color: transparent; color: #000; }

body.sectors-public-sector div#NavigationSecondary ul li ul li { font-weight:normal; } /* sub nav */

body.sectors-public-sector div#NavigationSecondary ul li ul li a.active,
body.sectors-public-sector div#NavigationSecondary ul li ul li a:focus,
body.sectors-public-sector div#NavigationSecondary ul li ul li a:hover { color: #fff; } /* #782201 - previous colour */

body.sectors-public-sector div#Content .c-listing-case-studies a:link,
body.sectors-public-sector div#Content .c-listing-case-studies a:visited { background-color: transparent; color: #782201; } 

body.sectors-public-sector h2,
body.sectors-public-sector h3,
body.sectors-public-sector div#Content .c-listing-case-studies a:focus,
body.sectors-public-sector div#Content .c-listing-case-studies a:hover {background-color: transparent; color: #ffffff;}


/* Section: Sectors: Sector: Public Sector: Case Study
----------------------------------------------- */
body.sectors-public-sector-case-study { background: #FFFFFF url(../images/content/sectors/public-sector/body.png) repeat-y 0 0; }
body.sectors-public-sector-case-study div#Header { width: 270px; }
body.sectors-public-sector-case-study div#Content { display: table; height: 100%; margin-left: 270px; padding-bottom: 0; top: 0; }


/* Section: Sectors: Sector: Healthcare
----------------------------------------------- */
/* Changed: Original background-color: #A5AF07; */
body.sectors-healthcare { background-color: /*#8c9413*/#8c9d18; }
body.sectors-healthcare .sectortitle {color: #4C5607; }
body.sectors-healthcare a:link,
body.sectors-healthcare a:visited { color: #4C5607; }
body.sectors-healthcare a:hover,
body.sectors-healthcare a:active { background-color: transparent; color: #000; }

body.sectors-healthcare div#NavigationSecondary ul li ul li { font-weight:normal; } /* sub nav */

body.sectors-healthcare div#NavigationSecondary ul li ul li a.active,
body.sectors-healthcare div#NavigationSecondary ul li ul li a:focus,
body.sectors-healthcare div#NavigationSecondary ul li ul li a:hover { color: #fff; } /* #4c5607 - previous colour */

body.sectors-healthcare div#Content .c-listing-case-studies a:link,
body.sectors-healthcare div#Content .c-listing-case-studies a:visited { background-color: transparent; color: #4C5607; } 

body.sectors-healthcare h2,
body.sectors-healthcare h3,
body.sectors-healthcare div#Content .c-listing-case-studies a:focus,
body.sectors-healthcare div#Content .c-listing-case-studies a:hover { background-color: transparent; color: #ffffff; }


/* Section: Sectors: Sector: Healthcare: Case Study
----------------------------------------------- */
body.sectors-healthcare-case-study { background: #FFFFFF url(../images/content/sectors/healthcare/body.png) repeat-y 0 0; }
body.sectors-healthcare-case-study div#Header { width: 270px; }
body.sectors-healthcare-case-study div#Content { display: table; height: 100%; margin-left: 270px; padding-bottom: 0; top: 0; }


/* Section: Sectors: Sector: Culture
----------------------------------------------- */
body.sectors-culture { background-color: #d49617; }
body.sectors-culture .sectortitle { color: #524103; }
body.sectors-culture a:link,
body.sectors-culture a:visited { color: #524103; }
body.sectors-culture a:hover,
body.sectors-culture a:active { background-color: transparent; color: #000; }

body.sectors-culture div#NavigationSecondary ul li ul li { font-weight:normal; } /* sub nav */

body.sectors-culture div#NavigationSecondary ul li ul li.active a,
body.sectors-culture div#NavigationSecondary ul li ul li a:focus,
body.sectors-culture div#NavigationSecondary ul li ul li a:hover { color: #fff; }  /* #524103 - previous colour */

body.sectors-culture div#Content .c-listing-case-studies a:link,
body.sectors-culture div#Content .c-listing-case-studies a:visited { background-color: transparent; color: #524103; } 

body.sectors-culture div#Content h2,
body.sectors-culture div#Content h3,
body.sectors-culture div#Content .c-listing-case-studies a:focus,
body.sectors-culture div#Content .c-listing-case-studies a:hover { background-color: transparent; color: #ffffff; }


/* Section: Sectors: Sector: Culture: Case Study
----------------------------------------------- */
body.sectors-culture-case-study { background: #FFFFFF url(../images/content/sectors/culture/body.png) repeat-y 0 0; }
body.sectors-culture-case-study div#Header { width: 270px; }
body.sectors-culture-case-study div#Content { display: table; height: 100%; margin-left: 270px; padding-bottom: 0; top: 0; }


/* Section: Sectors: Sector: Education
----------------------------------------------- */
body.sectors-education { background-color: /*#e33962*/#d42462; }
body.sectors-education  .sectortitle { color: #780650; }
body.sectors-education a:link,
body.sectors-education a:visited { color: #780650; }
body.sectors-education a:hover,
body.sectors-education a:active { background-color: transparent; color: #000; }

body.sectors-education div#NavigationSecondary ul li ul li { font-weight:normal; } /* sub nav */

body.sectors-education div#NavigationSecondary ul li ul li.active a,
body.sectors-education div#NavigationSecondary ul li ul li a:focus,
body.sectors-education div#NavigationSecondary ul li ul li a:hover { color: #fff; }  /* #780650 - previous colour */

body.sectors-education div#Content .c-listing-case-studies a:link,
body.sectors-education div#Content .c-listing-case-studies a:visited { background-color: transparent; color: #780650; } 

body.sectors-education div#Content h2,
body.sectors-education div#Content h3,
body.sectors-education div#Content .c-listing-case-studies a:focus,
body.sectors-education div#Content .c-listing-case-studies a:hover { background-color: transparent; color: #ffffff; }


/* Section: Sectors: Sector: Education: Case Study
----------------------------------------------- */
body.sectors-education-case-study { background: #FFFFFF url(../images/content/sectors/education/body.png) repeat-y 0 0; }
body.sectors-education-case-study div#Header { width: 270px; }
body.sectors-education-case-study div#Content { display: table; height: 100%; margin-left: 270px; padding-bottom: 0; top: 0 }


/* Section: Sectors: Sector: Professional Services
----------------------------------------------- 
body.sectors-professional-services { background-color: #1FC3B0; }
body.sectors-professional-services a:link,
body.sectors-professional-services a:visited { color: #004D44; }
body.sectors-professional-services a:hover,
body.sectors-professional-services a:active { background-color: transparent; color: #FFFFFF; }
body.sectors-professional-services div#NavigationSecondary ul li ul li.active a,
body.sectors-professional-services div#NavigationSecondary ul li ul li a:focus,
body.sectors-professional-services div#NavigationSecondary ul li ul li a:hover { color: #004D44; }
body.sectors-professional-services div#Content h2,
body.sectors-professional-services div#Content h3,
body.sectors-professional-services div#Content .c-listing-case-studies a:focus,
body.sectors-professional-services div#Content .c-listing-case-studies a:hover { background-color: transparent; color: #004D44; }
*/

/* Section: Sectors: Sector: Financial: Case Study
----------------------------------------------- */
body.sectors-professional-services-case-study { background: #FFFFFF url(../images/content/sectors/professional-services/body.png) repeat-y 0 0; }
body.sectors-professional-services-case-study div#Header { width: 270px; }
body.sectors-professional-services-case-study div#Content { display: table; height: 100%; margin-left: 270px; padding-bottom: 0; top: 0 }


/* Section: Digital
----------------------------------------------- */
body.sectors-digital { background-color: #FFFFFF; }
body.sectors-digital h1 { color: #000000; }
body.sectors-digital .sectortitle { background-color: transparent; color: #3AC2D6; }
body.sectors-digital a:link,
body.sectors-digital a:visited { background-color: transparent; color: #3AC2D6; }
body.sectors-digital a:hover,
body.sectors-digital a:active { background-color: transparent; color: #000000; }
body.sectors-digital div#NavigationPrimary ul li a,
body.sectors-digital div#NavigationPrimary ul li a:hover,
body.sectors-digital div#NavigationPrimary ul li a.active { background-image: url(../images/global/NavigationPrimary.png); }
body.sectors-digital div#NavigationSecondary ul li a { background-color: transparent; color: #000000; }
body.sectors-digital div#NavigationSecondary ul li a.active,
body.sectors-digital div#NavigationSecondary ul li a:focus,
body.sectors-digital div#NavigationSecondary ul li a:hover { background-color: transparent; color: #3AC2D6; }
body.sectors-digital div#Content { color: #000000; }
body.sectors-digital div#Content ul li a:link,
body.sectors-digital div#Content ul li a:visited { background-color: transparent; color: #000000; }
body.sectors-digital div#Content ul li a:hover,
body.sectors-digital div#Content ul li a:active { background-color: transparent; color: #3AC2D6; }


/* Section: Sectors: Sector: Financial: Case Study
----------------------------------------------- */
body.sectors-digital-case-study div#Header { width: 270px; }
body.sectors-digital-case-study div#Content { display: table; height: 100%; margin-left: 270px; padding-bottom: 0; top: 0 }

/*Section: Digital: Services
-----------------------------------------*/
body.sectors-digital .c-listing-services  ul li{ background-color: transparent; }

/* Section: News
----------------------------------------------- */
body.news { background-color: #4ce5fa; color: #FFFFFF; }
body.news h1 { background-color: #4ce5fa; color: #FFFFFF; }
body.news a:link,
body.news a:visited { color: #005561; }
body.news a:hover,
body.news a:active { background-color: transparent; color: #FFFFFF; }
body.news div#NavigationPrimary ul li a { background-image: url(../images/global/NavigationPrimaryAlt.png); }
body.news div#NavigationPrimary ul li a.active { background-image: url(../images/global/NavigationPrimaryAlt.png); }
body.news div#NavigationPrimary ul li a:hover { background-image: url(../images/global/NavigationPrimaryAlt.png); }
body.news div#NavigationSecondary ul li a.active,
body.news div#NavigationSecondary ul li a:hover { background-color: transparent; color: #FFF; }
body.news .c-listing { background-color: #4ce5fa; color: #FFFFFF; }
/* body.news .c-listing .c-b { font-size: 0.8750em; } Font-Size 14px: 14/16 = 0.8750 */
body.news .c-listing .c-b ul li h3 { background-color: transparent; color: #005561; }
body.news .c-listing .c-b ul li h3 strong { background-color: transparent; color: #FFFFFF; display: block; }
body.news .hasJS div#JScrollPane { overflow: auto; height: 550px; }


/* Section: News Article
----------------------------------------------- */

body.news-article .c-intro h1 { font-size:1em; margin-bottom:4px; color:#005561;}
body.news-article .c-intro p.meta { background-color: #4ce5fa; color: #fff; margin-bottom:10px; font-size:1em;}
body.news-article .c-intro p { font-size:1em; color:#005561;}
body.news-article .c-intro p a { color:#fff;}
body.news-article .c-intro p a:hover,
body.news-article .c-intro p a:active { color:#005561;}


/* Section: Info
----------------------------------------------- */

body.info div#NavigationPrimary ul li a,
body.info div#NavigationPrimary ul li a:focus,
body.info div#NavigationPrimary ul li a:hover,
body.info div#NavigationPrimary ul li a.active { background-image: url(../images/global/NavigationPrimary.png); }
body.info a:link,
body.info a:visited { background-color: transparent; color: #3AC2D6; }
body.info a:hover,
body.info a:active { color: #000000; }
body.info div#NavigationSecondary ul li.active a,
body.info div#NavigationSecondary ul li a:focus,
body.info div#NavigationSecondary ul li a:hover { background-color: transparent; color: #3AC2D6; }
body.info div#Content { width: 380px; }
body.info div.vcard { }
body.info div.vcard h3 { background-color: transparent; color: #3AC2D6; font-weight: bold; margin-bottom: 12px; }
body.info div.vcard p strong.highlight { background-color: transparent; color: #3AC2D6; float: left; width: 4em; }
body.info div.vcard p.tel { margin-bottom: 0; }
body.info div.vcard p a { color: #000000; font-weight: normal; }
/* CSS used in JavaScript enabled UserAgents */
body.info .hasJS .c-map { display: none; }
body.info .c-map-js { display: block; }
body.info .c-map-js .c-b { left: -1px; position: absolute; top: -35px; }
body.info .c-map-js .c-b .js-close { bottom: 6px; position: absolute; right: 21px; }

.hasJS .c-case-study { display: table; width: 24px; }
.hasJS .c-case-study .c-h,
.hasJS .c-case-study .c-b { display: none; }
.safari .c-case-study { display: block !important; }

ul.plain-list {	float:left; font-family:Arial,Helvetica,sans-serif;	font-size:0.8em; margin-right:10px; width:312px; }
ul.plain-list li  { margin-bottom:1px; }
.twoCol { float:left; width:650px;}

body.news div#Content { width: 500px; }
body.news .c-listing .c-b ul li h4 { background-color: transparent; color: #005561; margin-bottom: 0.2em; }
body.news .c-listing .c-b ul li {padding-bottom: 10px; }

.drag { padding:0 0 0 22px; }

body.design-index div#NavigationPrimary ul li a,
body.design-index div#NavigationPrimary ul li a:hover ,
body.design-index div#NavigationPrimary ul li a.active  { background-image: url(../images/global/NavigationPrimary.png); }

/*
------------------------------------------*/

.our-work  { width:306px; height:443px; display:block; position:absolute; text-indent:-999999px; left: 437px; top: 67px; }


/*  VIEW SHOWREEL FORM
------------------------------------------*/

button, input, textarea, select { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 100%; }
.form-row { clear: both; font-size: 0.75em; padding: 5px 0 5px 0; }
.form-row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.form-row label { display: block; float: left; width: 100%; }
.form-row-label { display: block; float: left; font-weight: bold; padding-top: 3px; width: 80px; }
.form-row-field { display: block; float: left; font-weight: bold; width: auto; }
.form-row-text { width: 700px; }
.form-row-text .form-row-field input { background-color: #fff; border: 1px solid #2E2E2E; color: #000; padding: 2px 3px; width: 204px; }
.form-row-action { clear: both; padding: 5px 0 20px 80px; }
.form-row-action .form-row-action-forward input { background-color: #3AC2D6; border: none; color: #FFFFFF; font-weight: bold; padding: 2px 3px; }