@charset "UTF-8";
/* CSS Document */
/*title: global.css // author: adam cartlidge - origin partners // client: Blackbourne // url: http://www.blackbourne.co.uk // modified: 00/00/00 // */

/*****reset*****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h5, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; }

:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*ASSETS*/
.clear { clear: both; height:0px; overflow:hidden; }
body { background:#FFFFFF; margin:0; padding:0;font-family: Georgia,serif; font-size: 14px;font-weight:100;}


/*PNGFIX*/
img, div, li, input, p, ul, a { behavior: url(http://www.blackbourne.co.uk/iepngfix.htc) }

/*STRUCTURE*/
#container {width:960px; height:auto; margin:0 auto; padding:0; background:none;}
.header {width:960px; height:110px; margin:20px 0 0 0; padding:0; background:none;}
.navigation {width:960px; height:30px; margin:0 0 25px 0; padding:0; background:none;}
.content-container { width:765px; height:auto; margin:0; padding:0; background:none; float:right;}
.banner {width:765px; height:335px; margin:0 0 30px 0; padding:0; background:none;}
.banner-lwr {width:765px; height:265px; margin:0 0 30px 0; padding:0; background:none;}
.footer {width:960px; height:40px; margin:20px 0 0 0; padding:0; background:none; border-top:1px solid #999;}
.logo {width:355px; height:110px; margin:0; padding:0; float:left;}
.title {width:605px; height:110px; margin:0; padding:0; background:none; float:right;}
.page-title {width:605px; height:60px; margin:50px 0 0 0; padding:0; background:none;  text-align:right;}

.txt-content {width:635px; height:auto; margin:0 25px 0 0; padding:0; background:none; float:left; border-right:1px solid #999;}
.txt-content-lwr {width:635px; height:auto; margin:0 25px 0 0; padding:0; background:none; float:left;}
.txt-content-prt {width:325px; height:356px;  margin:0 0px 0 0; padding:0; background:none; float:left;}
.txt-content-dtl {width:325px; height:610px;  margin:0 25px 0 0; padding:0; background:none; float:left;}
.txt-content-exp {width:425px; height:auto;  margin:0 25px 0 0; padding:0; background:none; float:left;}
.txt-content-full {width:740px; height:auto;  margin:0px;  padding:0; background:none; float:left;}

.img-content {width:315px; height:auto;  margin:0; padding:0; background:none; float:right;}
.img-content-prt {width:415px; height:336px;  margin:0; padding:0; background:none; float:right;}
.img-content-dtl {width:415px; min-height:336px; height:auto; margin:0 0 20px 0; padding:0; background:none; float:right;}
.footer-left {width:480px; height:40px; margin:0; padding:0; float:left; }
.footer-right {width:480px; height:40px; margin:0; padding:0;float:right;}
/*News*/
.txt-content-news {width:300px;margin:0 25px 0 0; padding:0; background:none; float:left;}
.img-content-news { width:440px;min-height:336px; height:auto; margin:0 0 20px 0; padding:0; background:none; float:right;}

/*SIDEBARS*/
.sidenav {width:185px; height:auto; min-height:300px; margin:0 10px 0 0; background:none; float:left;}
.side-ad {width:104px; height:auto;  margin:0; padding:0; background:none; float:right;}
.side-ad-image {width:104px; height:auto; margin:40px 0 0px 0; padding:0; background:none;}
.side-ad-image a:link img {opacity:1.0; filter:Alpha(Opacity=100); -moz-opacity: 1.0;}
.side-ad-image a:hover img, .txt-wrapper-sidenav a:hover img, .logo a:hover img {opacity:.70; filter:Alpha(Opacity=70); -moz-opacity: 0.7;}

/*SIDENVAR-NAVIGATION*/
.sidenavcontainer ul {margin: 0; padding: 0; list-style-type: none; }
.sidenavcontainer li { margin: 0 0 2px 0; }
.sidenavcontainer li.btm a { margin: 0 0 2px 0; background:url(../../images/root/btm.png) no-repeat; background-color:#bcbdc1; }
.sidenavcontainer li.btm a:hover { margin: 0 0 2px 0; background:url(../../images/root/btm.png) no-repeat; background-color:#0597d6; }
.sidenavcontainer a { font-family:Helvetica, Arial, sans-serif;font-size:13px;display: block;text-indent:20px;line-height:30px;color: #FFF;background-color: #bcbdc1;width: 155px;height:30px;padding:0;text-decoration: none;}
.sidenavcontainer a:hover { background-color: #0597d6; color: #FFF;}
.sidenavcontainer a:visited { color: #FFF;}
.sidenavcontainer li.on a {  background-color:#0597d6; text-transform:none; }
.sidenavcontainer li.btmon a { background:url(../../images/root/btm.png) no-repeat; background-color:#0597d6; text-transform:none; }

/*SIDENVAR-NAVIGATION-TITLES*/
.sidenavcontainer li.about-top a { margin: 0 0 2px 0; background:url(../../images/root/about-top.png) no-repeat; background-color:#0597d6; text-transform:uppercase; }
.sidenavcontainer li.about-top a:hover { margin: 0 0 2px 0; background:url(../../images/root/about-top.png) no-repeat; background-color:#0597d6; }
.sidenavcontainer li.about-inactive a { margin: 0 0 2px 0; background:url(../../images/root/about-top.png) no-repeat; background-color:#bcbdc1; text-transform:uppercase; }
.sidenavcontainer li.about-inactive a:hover { margin: 0 0 2px 0; background:url(../../images/root/about-top.png) no-repeat; background-color:#0597d6; }

.sidenavcontainer li.services-top a { margin: 0 0 2px 0; background:url(../../images/root/services-top.png) no-repeat; background-color:#0597d6; text-transform:uppercase; }
.sidenavcontainer li.services-top a:hover { margin: 0 0 2px 0; background:url(../../images/root/services-top.png) no-repeat; background-color:#0597d6; }
.sidenavcontainer li.services-inactive a { margin: 0 0 2px 0; background:url(../../images/root/services-top.png) no-repeat; background-color:#bcbdc1; text-transform:uppercase; }
.sidenavcontainer li.services-inactive a:hover { margin: 0 0 2px 0; background:url(../../images/root/services-top.png) no-repeat; background-color:#0597d6; }

.sidenavcontainer li.technologies-topnoir a { margin: 0 0 2px 0; background:url(../../images/root/stech-top.png) no-repeat; background-color:#0597d6; text-transform:uppercase; height:50px }
.sidenavcontainer li.technologies-topnoir a:hover { margin: 0 0 2px 0; background:url(../../images/root/stech-top.png) no-repeat; background-color:#0597d6;height:50px }
.sidenavcontainer li.technologies-inactivenoir a { margin: 0 0 2px 0; background:url(../../images/root/stech-top.png) no-repeat; background-color:#bcbdc1; text-transform:uppercase;height:50px }
.sidenavcontainer li.technologies-inactivenoir a:hover { margin: 0 0 2px 0; background:url(../../images/root/stech-top.png) no-repeat; background-color:#0597d6;height:50px }

.sidenavcontainer li.technologies-top a { margin: 0 0 2px 0; background:url(../../images/root/stech-top-white.png) no-repeat; background-color:#0597d6; text-transform:uppercase; height:50px }
.sidenavcontainer li.technologies-top a:hover { margin: 0 0 2px 0; background:url(../../images/root/stech-top-white.png) no-repeat; background-color:#0597d6;height:50px }
.sidenavcontainer li.technologies-inactive a { margin: 0 0 2px 0; background:url(../../images/root/stech-top-white.png) no-repeat; background-color:#bcbdc1; text-transform:uppercase;height:50px }
.sidenavcontainer li.technologies-inactive a:hover { margin: 0 0 2px 0; background:url(../../images/root/stech-top-white.png) no-repeat; background-color:#0597d6;height:50px }

.sidenavcontainer li.projects-top a { margin: 0 0 2px 0; background:url(../../images/root/projects-top.png) no-repeat; background-color:#0597d6; text-transform:uppercase; }
.sidenavcontainer li.projects-top a:hover { margin: 0 0 2px 0; background:url(../../images/root/projects-top.png) no-repeat; background-color:#0597d6; }
.sidenavcontainer li.projects-inactive a { margin: 0 0 2px 0; background:url(../../images/root/projects-top.png) no-repeat; background-color:#bcbdc1; text-transform:uppercase; }
.sidenavcontainer li.projects-inactive a:hover { margin: 0 0 2px 0; background:url(../../images/root/projects-top.png) no-repeat; background-color:#0597d6; }

.sidenavcontainer li.news-top a { margin: 0 0 2px 0; background:url(../../images/root/news-top.png) no-repeat; background-color:#0597d6; text-transform:uppercase; }
.sidenavcontainer li.news-top a:hover { margin: 0 0 2px 0; background:url(../../images/root/news-top.png) no-repeat; background-color:#0597d6; }
.sidenavcontainer li.news-inactive a { margin: 0 0 2px 0; background:url(../../images/root/news-top.png) no-repeat; background-color:#bcbdc1; text-transform:uppercase; }
.sidenavcontainer li.news-inactive a:hover { margin: 0 0 2px 0; background:url(../../images/root/news-top.png) no-repeat; background-color:#0597d6; }

.sidenavcontainer li.contact-top a { margin: 0 0 2px 0; background:url(../../images/root/contact-top.png) no-repeat; background-color:#0597d6; text-transform:uppercase; }
.sidenavcontainer li.contact-top a:hover { margin: 0 0 2px 0; background:url(../../images/root/contact-top.png) no-repeat; background-color:#0597d6; }
.sidenavcontainer li.contact-inactive a { margin: 0 0 2px 0; background:url(../../images/root/contact-top.png) no-repeat; background-color:#bcbdc1; text-transform:uppercase; }
.sidenavcontainer li.contact-inactive a:hover { margin: 0 0 2px 0; background:url(../../images/root/contact-top.png) no-repeat; background-color:#0597d6; }

/*NAVIGATION*/
ul#top-nav { margin:0px; padding:0px; }
ul#top-nav li { display:block; float:left; list-style-type:none; margin:0; padding:0; }
ul#top-nav li a { display:block; outline:none; width:960px;height:30px; background: url(../../images/root/blackbourne-nav.png) no-repeat 0 0; text-indent:-9009px; margin:0 0px 0 0;list-style-type:none; }

ul#top-nav li#about a { width:155px; background-position:-0 0; } 
ul#top-nav li#about a:hover  { background-position:-0 -30px }
ul#top-nav li#about.on a { background-position:-0 -30px }

ul#top-nav li#services a { width:165px; background-position:-155px 0; } 
ul#top-nav li#services a:hover  { background-position:-155px -30px }
ul#top-nav li#services.on a { background-position:-155px -30px }

ul#top-nav li#technologies a { width:234px; background-position:-320px 0; } 
ul#top-nav li#technologies a:hover  { background-position:-320px -30px }
ul#top-nav li#technologies.on a { background-position:-320px -30px }

ul#top-nav li#projects a { width:145px; background-position:-554px 0; } 
ul#top-nav li#projects a:hover  { background-position:-554px -30px }
ul#top-nav li#projects.on a { background-position:-554px -30px }

ul#top-nav li#news a { width:124px; background-position:-699px 0; } 
ul#top-nav li#news a:hover  { background-position:-699px -30px }
ul#top-nav li#news.on a { background-position:-699px -30px }

ul#top-nav li#contact a { width:137px; background-position:-823px 0; } 
ul#top-nav li#contact a:hover  { background-position:-823px -30px }
ul#top-nav li#contact.on a { background-position:-823px -30px }

/*TYPOGRAPHY*/
.txt-wrapper-home {margin:0 20px 0 30px;}
.txt-wrapper-prt {margin:0 0px 0 30px;}
.txt-wrapper-sidenav {margin:0 0px 0 10px;}
.txt-wrapper-narrow {margin:0 300px 0 0px;}

p { font:normal 13px/120% arial, verdana, sans-serif; line-height:18px; color: #666; margin:0 0 10px 0; }
p.portfolio { font:normal 13px/120% arial, verdana, sans-serif; line-height:18px; color: #0597d6; margin:0; text-align:center; }
p.news { font:normal 13px/120% arial, verdana, sans-serif; line-height:18px; color: #02a1e3; margin:0; text-align:left; }
p.overview { font:normal 10px/120% arial, verdana, sans-serif; line-height:5px; color: #666; margin:0 0 10px 0; }
p.footer-copy { font-size:11px; font-family:Helvetica, Arial, sans-serif; line-height:40px; color: #000000; text-indent:10px; margin:0; }
strong { font-weight:bold; color:#333333;}

h1 {font-size:27px; color:#999999;}
h2 {font-size:23px; color:#333333;}
h3 {font-size:14px; color:#333333;}
h4 {font-size:16px; color:#0597d6; margin:0; padding:0; border-bottom:1px solid #CCCCCC; line-height:16px;}

a { color: #02a1e3; text-decoration:none; }
a:link, a:active { text-decoration:none; }
a:visited {color:#02a1e3; text-decoration:none; }
a:hover { text-decoration:underline; color:#333;}

/*LISTS*/
.footer-right ul {margin: 0; padding: 0; list-style-type:none; float:right;}
.footer-right li, .footer-right li a:link, .footer-right li a:active, .footer-right li a:visited {margin:0 0px 0 2px; display:inline; text-align:right; line-height:40px; font-size:11px;font-family:Helvetica, Arial, sans-serif; color:#000000; }
.footer-right li a:hover {color:#02a1e3;}

/*ul.approach-list { margin:20px 20px 0 25px; float:left;list-style-image: url(../../images/root/logobullet.png);  }
li.approach, li.approach a:link, li.approach a:active, li.approach a:visited {  font-size:17px; color:#000000; margin:0 0 20px 0; padding:0;}
li.approach a:hover {color:#0597d6; }*/

ul.column {margin:20px 20px 0 0; padding:0; width:auto; float:left;}
li.column {font:normal 13px arial, verdana, sans-serif;color: #666; margin:0 0 15px 0; line-height:18px;}
li.column-title {font:normal 13px/120% arial, verdana, sans-serif;color: #666; margin:0 0 5px 0; line-height:18px; color:#000000; font-weight:bold;}
li.generic {font:normal 13px/120% arial, verdana, sans-serif;color: #666; list-style-image:url(../../images/root/bullet.gif); margin:0 0 10px 15px; line-height:18px;}

ul.contact {margin:20px 40px 0 0; padding:0; width:auto; float:left;}
li.contact {font:normal 13px/120% arial, verdana, sans-serif;color: #666; margin:0 0 0px 0; line-height:18px;}
li.spacer {font:normal 13px/120% arial, verdana, sans-serif;color: #666; margin:0 0 0px 0; line-height:18px;}
li.contact-title {font:normal 13px/120% arial, verdana, sans-serif;color: #666; margin:0 0 0px 0; line-height:18px; color:#000000; font-weight:bold;}

ul.details {margin:20px 0px 20px 0; padding:0; width:auto; float:left;}
li.details {font:normal 13px/120% arial, verdana, sans-serif;color: #666; margin:0 0 0px 5px; line-height:18px; list-style:none !important;}
li.details-title {font:normal 13px/120% arial, verdana, sans-serif;color: #666; margin:0 0 0px 0; line-height:18px; color:#000000; font-weight:bold;list-style:none !important;}
/*li.details {font:normal 13px/120% arial, verdana, sans-serif;color: #666; list-style-image:url(../../images/root/bullet.gif); margin:0 0 0px 15px; line-height:18px;list-style:none !important;}*/



/*PAGE-APPROACH*/
.approach-container {width:690px; height:auto;  margin:0 0 20px 0; padding:0; background:none;}
.approach-img {width:130px; height:140px;  margin:0 20px 10px 0; padding:0; background:none; float:left; display:inline;}
.approach-text {width:540px; height:auto;  margin:0 0px 0px 0; padding:0; background:none; float:left;}

/*Team*/

.team-container {width:690px; height:auto;  margin:0 0 0px 0; padding:0; background:none;}
ul.team-container{margin:0px;}
li.team-container{margin:0px;}

.team-img {width:200px; height:125px;  margin:0 20px 10px 0; padding:0; background:none; float:left;}
.team-text {width:470px; height:auto;  margin:0 0px 0px 0; padding:0; background:none; float:left;}

/*PAGE-NEWS*/
.news-container {width:690px; height:auto;  margin:0 0 20px 0; padding:0; background:none;}
.news-img {width:100px; height:110px;  margin:0 20px 10px 0; padding:0; background:none; float:left;}
.news-text {width:570px; height:auto;  margin:0 0px 0px 0; padding:0; background:none; float:left;}

/*PAGE-ACCREDITATIONS*/
.accreditation-logo {width:128px; height:140px; margin:0 10px 10px 0; padding:0; float:left; background:#fff;}
.accreditation-logo img {width:128px; height:140px;}
.accreditation-logo a img{opacity:.40; filter:Alpha(Opacity=40); -moz-opacity: 0.4;}
.accreditation-logo a:hover img {opacity:1.0; filter:Alpha(Opacity=100); -moz-opacity: 1.0;}


/*PAGE-PORTFOLIO*/
.portfolio-thumb {width:100px; height:auto; margin:0 27px 10px 0; padding:0; float:left; background:none; display:inline;}
.portfolio-thumb a img, .portfolio-thumb-right a img {opacity:.40; filter:Alpha(Opacity=40); -moz-opacity: 0.4;}
.portfolio-thumb a:hover img, .portfolio-thumb-right a:hover img {opacity:1.0; filter:Alpha(Opacity=100); -moz-opacity: 1.0;}
.portfolio-thumb-right {width:100px; height:auto; margin:0 0 10px 0; padding:0; float:left; background:none;}


/*NOIR*/
body.noir { background:#000000 url(../../images/root/noirbg.jpg) no-repeat top center fixed; margin:0; padding:0;font-family: Georgia,serif; font-size: 14px;font-weight:100;}
body.-noir { background:#000000 url(../../images/root/noir-bg.jpg) no-repeat top center fixed; margin:0; padding:0;font-family: Georgia,serif; font-size: 14px;font-weight:100;}
p.noir { font:normal 13px/120% arial, verdana, sans-serif; line-height:18px; color: #ccc; margin:0 0 10px 0; }
p.footer-copynoir { font-size:11px; font-family:Helvetica, Arial, sans-serif; line-height:40px; color: #FFFFFF; text-indent:10px; margin:0; }
strong.noir { font-weight:bold; color:#fff;}
.sidenavcontainer li.btmnoir a { margin: 0 0 2px 0; background:url(../../images/root/btmnoir.png) no-repeat; background-color:#bcbdc1; }
.sidenavcontainer li.btmnoir a:hover { margin: 0 0 2px 0; background:url(../../images/root/btmnoir.png) no-repeat; background-color:#0597d6; }
.sidenavcontainer li.btmnoir-on a { margin: 0 0 2px 0; background:url(../../images/root/btmnoir.png) no-repeat; background-color:#0597d6; }
.txt-contentnoir {width:635px; height:auto; margin:0 25px 0 0; padding:0; background:none; float:left;}

.footer-rightnoir ul {margin: 0; padding: 0; list-style-type:none; float:right;}
.footer-rightnoir li, .footer-rightnoir li a:link, .footer-rightnoir li a:active, .footer-rightnoir li a:visited {margin:0 0px 0 2px; display:inline; text-align:right; line-height:40px; font-size:11px;font-family:Helvetica, Arial, sans-serif; color:#FFFFFF; }
.footer-rightnoir li a:hover {color:#02a1e3;}