/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(../im/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(../im/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(../im/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../im/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(../im/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(../im/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(../im/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(../im/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../im/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../im/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; color:#7C7C7C; font-size:12px;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../im/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}




#banner {
	width:779px;
	height: 219px;
	padding: 0;
}
#banner ul {
	list-style-type: none;
	margin: 0;
	float:left;
	height: 219px;
}

/* hide container until all is ready */
.homebanner{ display: none; 
}
/*Main Container*/
.container {
	width:100%;	
}
.container ul{
	width:750px;
}
#banner li{
	display: inline;
	margin: 0px;
	padding:0px;
}
/*Content Container*/
.contentContainer {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 219px;	
	overflow:hidden;
}
/*Content of each tab*/
.contentInnerWrapper{
	padding: 0 3px 0 0;
	background-color:#000;
	width:541px;
}
.homebanner .handle, .handlenull {
	float: left;
	width: 43px;
	height: 219px;
	border-right:3px solid #fff;
	padding-top:0px;
}
#homebannerListItem0, #homebannerHandle0 { width:0; margin:0;border:none;}

.ban1, .ban2, .ban3 {
	background-image: url(../im/home-ban2.jpg);
	background-repeat: no-repeat;
	padding:0;
	height:219px;
	width: 544px;
}
.ban2 {background-image: url(../im/home-ban4.jpg);}
.ban3 {background-image: url(../im/home-ban5.jpg);}
.ban1 div, .ban2 div {	padding:180px 0 0 20px;}
.ban3 div {	padding:140px 0 0 20px;}


.ban1 h2 {
	color:#fff;
	font-size:18px;
	font-weight:lighter;
}
.ban1 h3, .ban2 h3, .ban3 h3 {
	margin:10px 0 0 0;
	color:#fff;
	font-size:15px;
	font-weight:lighter;
}
.ban1 h3 a, .ban2 h3 a, .ban3 h3 a 
{ 
color:#fff; text-decoration:none; 
/*font-family:Georgia, "Times New Roman", Times, serif; */
	font-family:Tahoma, Helvetica, Arial, sans-serif;
}
.ban1 h3 a:hover, .ban2 h3 a:hover, .ban3 h3 a:hover 
{ 
	color:#fff; 
	text-decoration:none; 
	/*font-family:Georgia, "Times New Roman", Times, serif; */
	font-family:Tahoma, Helvetica, Arial, sans-serif;
}

#ban2 {display:none;}
.ban1.ban1b {
    display: none;
	background-image: url(../im/home-ban3.jpg);
}






/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, 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-style:inherit;
	font-size:100%;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:Tahoma, Helvetica, Arial, sans-serif;
}
html, body { height: 100%; margin-bottom: 1px; }
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #workwith a {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin: 0;
}

/* http://komodomedia.com/blog/index.php/2006/10/02/css-trickery-part-5-inheritance/ */
input, select, textarea {
	font:inherit;
}

.spacer {
	float:none;
	clear:both;
}

a {
	text-decoration:none;
	color: #006892;
}
a:hover { color:#000;}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

p, td, ul, ol, label { font-size: 11px; }





/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:99;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em;
}
.sf-menu > ul {  /* give all except IE6 the correct values */
	position:		absolute;
}

.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			3px;
	top:			-136px; /* match top ul list item height */
	width:200px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	0;
}
.sf-menu a {
	text-decoration:none;
	padding: 0 10px;
	color:#455560;
	display: block;
	width: auto;
/*	padding: 		.75em 1em;
	text-decoration:none;
*/}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color:			#455560; 
}
.sf-menu li {
	/*	background:		#999A9E;*/
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	font-size:11px;
	position:relative;
	display:block;
	float:left;
	height:23px;
	width: auto;
}
.sf-menu li li {
	background:		#ddd;
	text-align:left;
	height:auto;
	border:none;
}
.sf-menu li li a {
	padding:7px 10px 7px 10px;
}
.sf-menu li li.indent a {
	padding-left:	15px;
	font-weight:normal;
}

.sf-menu li li li {
	background:		#999A9E;
	border-left:1px solid #d7d8d9;
	font-weight:	normal;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li.active a {
	/*	background:		#999A9E;*/
	outline:		0;
	color:#9D2524;
}
.sf-menu li.active li a {
	color:#fff;
}
/*** arrows **/
.sf-menu li li a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-menu li li a .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			0.55em; /* IE6 only */
	width:			10px;
	height:			15px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../im/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	background-position:  -10px 0;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.3em;
	background-position: 0 -105px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -105px; /* arrow hovers for modern browsers*/
	color:#7b7c7e;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../im/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}










#facebox .b { background: url(../im/b.png); }

#facebox .tl {
  background:url(../im/tl.png);
}

#facebox .tr {
  background:url(../im/tr.png);
}

#facebox .bl {
  background:url(../im/bl.png);
}

#facebox .br {
  background:url(../im/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 20px;
  width: 20px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}




#wrapper {
	width: 777px;
	margin: 0 auto;
}
ul#nav  {
	list-style-type: none;
	margin: 0;
}

#navbar { height:100px; 
}
	#navbar ul { list-style-type:none; float:right; margin: 56px 20px 0 0px;}
#main { width: 779px; }

#col1of2 {
	float: left;
	width: 503px;
	padding: 20px;
}

#col2of2 {
	float: left;
	width: 233px;
	padding: 2px 0 0 0;
}
h1 {
	color:#A12724;
	font-size:20px;
	margin:0 0 10px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #333;
}
h4 {
	font-size: 12px;
	font-weight: normal;
	margin: 20px 0 10px 0;
	color: #A12724;
}
p {
	margin:0 0 10px 0;
	line-height: 1.3;
}

h2 {
	font-size: 17px;
	color: #00609C;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #fff;
}
h3 {
	font-size: 14px;
	color: #445560;
	margin: 10px 0 0 0;
	font-weight:normal;
}
h3 a { color:#fff; text-decoration:none; }
h2 span {
	font-size: 11px;
	color: #000;
}

ul.casestudies li, ul.news li {
	list-style-type: none;
	border-bottom: 1px solid #666;
	padding: 5px 0;
}
ul.casestudies li.last, ul.news li.last {
	border:none;
}
.casestudies li a, .news li a {
	display: block;
	padding: 0;
	color: #000;
	text-decoration: none;
	min-height: 50px;
}
.casestudies li a { }
.news li a { background:none; padding: 0; height:auto;}
.casestudies li a:hover { color:#000; }

#workwith a.title {
	color:#006892;
	text-decoration:none;
	font-size:14px;
	display: block;
	padding:0 0 10px 0;
}


#workwith img { margin: 0 0 10px 0; }

#sectors { font-size:11px; }
#sectors a{ text-decoration:none; font-size:12px; display: block; padding:0 0 10px 0; }
#sectors p a {
	font-size:11px;
	display:inline;
	padding:0;
}
.innerAccordion {
	margin: 0;
	padding: 0 0 13px 13px;
	border: 0;

} 
.fadediv {
	background-image: url(../im/bg-fade-dk-short.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	padding: 15px;
	margin: 0 0 2px 0;
	background-color: #fff;
}
.fadediv.short {
	background-image: url(../im/bg-fade-dk-short.jpg);
	background-position: left top;
	background-color: #fff;
	padding: 15px 15px 0 15px;
}
.fadedivlt {
	background-image: url(../im/bg-fade-lt.jpg);
	background-repeat: repeat-x;
	float: left;
	width: 245px;
	margin: 0 10px 0 0;
}
.fadedivlt.last { margin:0;}
.fadedivlt.first { margin: 0 10px 0 20px;}

.fadedivltinner {
	background-image: url(../im/top-fade-lt.jpg);
	background-repeat: no-repeat;
	padding: 10px;
}
#footer {
	font-size: 10px;
	border-top: 1px solid #999;
	padding: 10px;
}

#footer a {
	color: #999;
	text-decoration: none;
	margin: 0 20px 0 0;
}

.fadedivltinner a {
	font-weight: bold;
	color: #6A737B;
	text-decoration: none;
}
.fadedivltinner a:hover, #footer a:hover, #workwith a:hover { color:#445560; }
.indent10 { padding: 0 0 0 10px; }

.banimage {
	border-top: 2px solid #fff;
}
#subbanner .heading{
	float:left;
	padding:15px;
	height: 20px;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	color:#fff;
	font-size:18px;
	width: 512px;
}
#subbanner .box1, #subbanner .box2, #subbanner .box3, #subbanner .box4, #subbanner .box5 {
	border-left:1px solid #fff;
	float:left;
	padding:15px 10px;
	width:26px;
	height: 20px;
}
.fadediv a, .fadediv a.youtube, .fadediv a.facebox { color: #333; text-decoration:none; }
.fadediv h2 a { color: #fff; text-decoration:none; }

.blue .fadediv { }
.blue #subbanner { background-color: #009FC2; }
.blue #col1of2 h1, .blue #col1of2 a { color: #009FC2; }
.blue h1, .blue h3 { color: #009FC2; }

.pink .fadediv {
	background-image: url(../im/bg-fade-pink.jpg);
	background-position: left top;
	background-color: #fff;
}
.pink #subbanner { background-color: #A8006E; }
.pink #col1of2 h1, .pink #col1of2 a { color: #A8006E; }
.pink h1, .pink h3 { color: #A8006E; }

.green .fadediv {
	background-image: url(../im/bg-fade-green.jpg);
	background-position: left top;
	background-color: #fff;
}
.green #subbanner { background-color: #92C43E; }
.green #col1of2 h1, .green #col1of2 a { color: #92C43E; }
.green h1, .green h3 { color: #92C43E; }

.orange .fadediv {
	background-image: url(../im/bg-fade-orange.jpg);
	background-position: left top;
	background-color: #fff;
}
.orange #subbanner { background-color: #F58246; }
.orange #col1of2 h1, .orange #col1of2 a { color: #F58246; }
.orange h1, .orange h3 { color: #F58246; }
.orange .fadediv h3 a {color: #F58246; }

.grey .fadediv {
	background-image: url(../im/bg-fade-grey.jpg);
	background-position: left top;
	background-color: #fff;
}
.grey #subbanner { background-color: #6A737B; }
.grey #col1of2 h1, .grey #col1of2 a, .grey h1, .grey h3, .grey .fadediv h3 a { color: #6A737B; }

.red #subbanner { background-color: #A12724; }
.red .fadediv { background-color: #C6312D; }
.red #col1of2 h1, .red #col1of2 h2, .red #col1of2 a { color: #A12724; }
.red #col1of2 h2 { border:none; padding:0; }
.red .fadediv {
	background-image: url(../im/bg-fade-red.jpg);
	background-position: left top;
	background-color: #fff;
}

.pink .box1 {background-color:#009FC2;}
.pink .box2 {background-color:#92C43E;}
.pink .box3 {background-color:#F68A33;}
.pink .box4 {background-color:#455560;}
.blue .box1 {background-color:#A8006E;}
.blue .box2 {background-color:#92C43E;}
.blue .box3 {background-color:#F68A33;}
.blue .box4 {background-color:#455560;}
.green .box1 {background-color:#A8006E;}
.green .box2 {background-color:#009FC2;}
.green .box3 {background-color:#F68A33;}
.green .box4 {background-color:#455560;}
.red .box1 {background-color:#A8006E;}
.red .box2 {background-color:#009FC2;}
.red .box3 {background-color:#92C43E;}
.red .box4 {background-color:#F68A33;}
.red .box5 {background-color:#6A737B;}




.floatright { float: right; }


.dividergrey {
	height: 1px;
	border-top: 1px solid #666;
	margin: 20px 0 10px 0;
}

.mr25 { margin-right: 25px; }

.white, .fadediv a.white { color: #fff; }

.pink #col1of2 a { color: #A8006E; }
#col1of2 ul, #col1of2 ol { margin: 0px 12px 12px 20px; }
#col1of2 li { line-height:1.3; margin:0 0 3px 0;}
#col1of2 ul ul { margin:0 0 8px 2em; list-style-type:disc; }
img.csmar { margin: 10px 25px 10px 0; }
#facebox .sb td { padding:8px; }
img.hide { display:none; }
#facebox .sb.img {
	border: 1px solid #fff;
}
h1.sb { 
color:#A12724; font-size:20px; margin:0; 
/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Tahoma, Helvetica, Arial, sans-serif;
}
.fadedivltinner h3 a { color: #445560; }

ul#twitter_update_list {
	background-image: url(../im/icon-twitter.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	list-style-type: none;
}

.casestudies li a img { float: left; }

#banner a {
	display: block;
	height: 220px;
	width: 47px;
	float: left;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#banner a:hover { background-position: 0px -440px; }
#banner a.current, #banner a.current:hover { background-position: 0px -220px; }
#banner a#but1 {	background-image: url(../im/banbut-1.gif);}
#banner a#but2 {	background-image: url(../im/banbut-2.gif);}
#banner a#but3 {	background-image: url(../im/banbut-3.gif);}
#banner a#but4 {	background-image: url(../im/banbut-4.gif);}
#banner a#but5 {	background-image: url(../im/banbut-5.gif);}
#banner .animholder {
	height: 220px;
	width: 541px;
	float: left;
	background-image: url(../im/loading.gif);
	background-repeat: no-repeat;
	background-position:center center;
}
#banner .anim {
	height: 220px;
	width: 541px;
	float: left;
	overflow: hidden;
	background-repeat: no-repeat;
}
#banner .anim.f1 {	background-image: url(../im/banbg3.jpg);}
#banner .anim.f2 {	background-image: url(../im/banbg2.jpg);}
#banner .anim.f3 {	background-image: url(../im/banbg1.jpg);}
#banner .anim.b1 {	background-image: url(../im/home-ban1.jpg);}
#banner .anim.b2 {	background-image: url(../im/home-ban2.jpg);}
#banner .anim.b3 {	background-image: url(../im/home-ban3.jpg);}
#banner .anim.b4 {	background-image: url(../im/home-ban4.jpg);}
#banner .anim.b5 {	background-image: url(../im/home-ban5.jpg);}


.animbg1 img { margin-left: 24px; }

#col2of2 h2 { color: #FFF; }

#sectors div { padding: 0 0 2ex 2ex; display:none; }

.red .fadediv h3 a {
	color: #A12724;
	font-weight: bold;
}
.thumb { border:solid 10px #093; }
.thumb.activethumb { border:solid 1px #666; display:none; }
.pics { height:234px; }

.fadedivltinner h3 { margin: 10px 0 10px 0; }