/* ******* Inside Accordion - Content Navigation ******* */

#content-cont-regions {
    position: relative;
	height: 360px;
}

#content-cont-regions .content-sideNav {
	background-color: #004572;
    background-position: left bottom;
    background-repeat: repeat-x;
    margin: 0;
    padding: 10px 5px 0;
    width: 175px;
}

#content-cont-regions .content-sideMap ul.content-nav {
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 360px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0;
    width: 160px;
}

#content-cont-regions .content-sideMap ul.content-nav li a.regionLink1,
#content-cont-regions .content-sideMap ul.content-nav li a.regionLink2,
#content-cont-regions .content-sideMap ul.content-nav li a.regionLink3 {
	display: block;
	cursor: pointer;
    margin-top: 0;
    padding-top: 0;
}

#content-cont-regions .content-sideMap ul.content-nav li a.regionLink1 {
	
}

#content-cont-regions .content-sideMap ul.content-nav li .region-hover {
	display: block;
	color: #b8adb1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: auto;
	text-align: left;
	vertical-align: middle;
	padding:3px 0 3px 25px;
}

#content-cont-regions .content-sideMap ul.content-nav li .region-hover.over {
	display: block;
	color: #5b4679;
	border-left: 1px solid #5b4679;
	padding-left: 9px;
	margin-left: 15px;
}

#content-cont-regions .content-sideMap ul.content-nav li.region-map map {
	position: absolute;
	z-index: 99;
}

#content-cont-regions .content-sideMap ul.content-nav li.region-map area {
	cursor: pointer;
}

#content-cont-regions .flyout-regions {
    display: none;
    height: 300px;
    left: 130px;
    position: absolute;
    top: 0;
    width: 840px;
}

#content-cont-highlights .content-sideMap ul.content-nav li:first-child .flyout-regions {
	display: block;
}

#content-cont-regions .flyout-regions h3 {
	font-size: 11px;
	color: #7f64a9;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 8px;
	margin-top: 0;
}
#content-cont-regions .flyout-regions .region-content {position: relative;}
#content-cont-regions .flyout-regions .region-image {float: left; width: 555px; height: 360px; text-align: center;}
#content-cont-regions .flyout-regions .region-image .region-enlarge {
	color: #7F64A9;
    display: block;
    font-size: 10px;
    height: 20px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 349px;
    width: 551px;
    z-index: 10;
	cursor: pointer;
}
	
/*#content-cont-regions .flyout-regions .region-image:hover .region-enlarge {display: block;}*/
#content-cont-regions .flyout-regions .region-image img {cursor: pointer;}
#content-cont-regions .flyout-regions .region-desc {
	float: left;
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    margin-top: 20px;
    width: 280px;
	line-height: 16px;
}
#content-cont-regions .flyout-regions .region-btm-images {
	bottom: -78px;
    left: -175px;
    position: absolute;
	z-index: 999;
}
#content-cont-regions .flyout-regions .region-btm-images img {cursor: pointer;}

#content-cont-regions .flyout-regions a.region-url {
	text-decoration: none;
	color: #000;
	margin-left: 4px;
	font-weight: bold;
	padding-right: 8px;
}

#content-cont-regions .flyout-regions a .read-arrow {
	background: url(/includes/images/assets/nav-date.png) no-repeat right center;
	width: 10px;
	height: 10px;
	display: inline-block;
}

/******** Overlay Simple Light Box Container *********/
.simple_overlay {
	/* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#fff;
 
    width:860px;
    min-height:612px;
 
    /* CSS3 styling for latest browsers */
	box-shadow: 3px 3px 10px #000;
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image: url("../images/close.png");
	background-repeat: none;
	background-position: center center;
    border: 0 none;
    cursor: pointer;
    height: 25px;
    position: absolute;
    left: 20px;
    top: 18px;
    width: 25px;
    z-index: 999;
}

.simple_overlay .title-bar {
	background: #66538b; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NTM4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZhNWU4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjUzOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #66538b 0%, #6a5e84 50%, #66538b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#66538b), color-stop(50%,#6a5e84), color-stop(100%,#66538b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #66538b 0%,#6a5e84 50%,#66538b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #66538b 0%,#6a5e84 50%,#66538b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #66538b 0%,#6a5e84 50%,#66538b 100%); /* IE10+ */
	background: linear-gradient(to right,  #66538b 0%,#6a5e84 50%,#66538b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66538b', endColorstr='#66538b',GradientType=1 ); /* IE6-8 */
	height: 60px;
	color: #fff;
	font-size: 18px;
	line-height: 60px;
    padding: 0 0 0 65px;
    vertical-align: middle;
}

.simple_overlay .slideshow-inner {
	background: linear-gradient(to bottom, #7C7C7C 0%, #FFFFFF 1%, #FFFFFF 100%, #7C7C7C 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    min-height: 360px;
    padding: 15px 0 15px 0px;
}
.simple_overlay .paging-arrows {position: absolute; top: 320px; left: 0; z-index: 999;}
.simple_overlay .paging-numbers {
	font-size: 14px;
    margin: 0 auto -20px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 20px;
    z-index: 999;
}
.simple_overlay .paging-numbers a {
	color: #FFFFFF;
    display: inline-block;
    padding: 0 1px 3px;
	margin-right: 4px;
}
.simple_overlay .paging-numbers .cycle-pager-active a {border-bottom: 2px solid #FFFFFF;}
.simple_overlay #next, .simple_overlay #prev {
	background: url(../images/slideshow-arrows.png) no-repeat 0 0;
	width: 51px;
	height: 90px;
	display: block;
	position: absolute;
	left: 15px;
}
.simple_overlay #next {background-position: -51px 0; left: 800px;}
.mask {
	background-color: #FFFFFF;
    display: none;
    height: 2555px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 1663px;
    z-index: 9998;
}
.mask.active {display: block;}

/* Custom CSS for each section of the portfolio page - placed here so it overwrites default styling */

/* b2b&tech */
.b2b-cont #content-cont-regions .content-sideMap ul.content-nav li .region-hover.over,
.b2b-cont #content-cont-regions .flyout-regions h3,
.b2b-cont #content-cont-regions .flyout-regions .region-image .region-enlarge {color: #4D6AA8;}
.b2b-cont #content-cont-regions .content-sideMap ul.content-nav li .region-hover.over {border-left: 1px solid #4D6AA8;}

.b2b-cont .simple_overlay .title-bar {background: #3B5B8E;}
.b2b-cont .simple_overlay #next, .b2b-cont .simple_overlay #prev {background: url("../images/slideshow-arrowsb2b.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.b2b-cont .simple_overlay #next {background-position: -51px 0; left: 800px;}

/* financial */
.financial-cont #content-cont-regions .content-sideMap ul.content-nav li .region-hover.over,
.financial-cont #content-cont-regions .flyout-regions h3,
.financial-cont #content-cont-regions .flyout-regions .region-image .region-enlarge {color: #417D75;}
.financial-cont #content-cont-regions .content-sideMap ul.content-nav li .region-hover.over {border-left: 1px solid #417D75;}

.financial-cont .simple_overlay .title-bar {background: #387C75;}
.financial-cont .simple_overlay #next, .financial-cont .simple_overlay #prev {background: url("../images/slideshow-arrowsfinancial.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.financial-cont .simple_overlay #next {background-position: -51px 0; left: 800px;}

/* non-profit */
.nonprofit-cont #content-cont-regions .content-sideMap ul.content-nav li .region-hover.over,
.nonprofit-cont #content-cont-regions .flyout-regions h3,
.nonprofit-cont #content-cont-regions .flyout-regions .region-image .region-enlarge {color: #853B49;}
.nonprofit-cont #content-cont-regions .content-sideMap ul.content-nav li .region-hover.over {border-left: 1px solid #853B49;}

.nonprofit-cont .simple_overlay .title-bar {background: #853B49;}
.nonprofit-cont .simple_overlay #next, .nonprofit-cont .simple_overlay #prev {background: url("../images/slideshow-arrowsnonprof.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.nonprofit-cont .simple_overlay #next {background-position: -51px 0; left: 800px;}

/* etc */
.etc-cont #content-cont-regions .content-sideMap ul.content-nav li .region-hover,
.etc-cont #content-cont-regions .flyout-regions h3,
.etc-cont #content-cont-regions .flyout-regions .region-image .region-enlarge {color: #986A1A;}
.etc-cont #content-cont-regions .content-sideMap ul.content-nav li .region-hover.over {border-left: 1px solid #986A1A;}

.etc-cont .simple_overlay .title-bar {background: #9D690F;}
.etc-cont .simple_overlay #next, .etc-cont .simple_overlay #prev {background: url("../images/slideshow-arrowsetc.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.etc-cont .simple_overlay #next {background-position: -51px 0; left: 800px;}
.etc-cont #content-cont-regions .content-sideMap ul.content-nav li .region-hover {
	display: block;
	color: #986A1A;
	border-left: 1px solid #986A1A;
	padding-left: 9px;
	margin-left: 15px;
}
.etc-cont #content-cont-regions .content-sideMap ul.content-nav .etc-nav-item {
	color: #B8ADB1;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 0 3px 25px;
    text-align: left;
    vertical-align: middle;
}