/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Reusable Styles: Andy Stevens, ITRM Ltd
   ========================================================================== */


*{margin: 0px; padding: 0px;}
html,body{height:100%;width: 100%;min-width: 980px;}
.inner{width:970px;margin:0 auto;position:relative;zoom:1;padding:0 5px;}.inner:before, .inner:after { content: ""; display: table; }.inner:after { clear: both; }
.nav{zoom:1;}.nav, .nav li{list-style:none;margin:0;padding:0;}.nav:before, .nav:after { content: ""; display: table; }.nav:after { clear: both; }
.left{float:left;}.right{float:right;}
.clear{clear:both;}

/*body{background: url('/img/970px-24col-27w-14gut.png') repeat-y top center;}*/

/* ==========================================================================
   Project Styles: Andy Stevens, ITRM Ltd
   ========================================================================== */

a, a:visited{
	color:#374197;
}

.border{
	/*border: 1px solid black;*/
}
#header{
	min-height: 140px;
	/*background: rgb(4,27,100); !* Old browsers *!*/
	background: #193377; /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(4,27,100,1) 40%, rgba(37,65,142,1) 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(40%,rgba(4,27,100,1)), color-stop(60%,rgba(37,65,142,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(4,27,100,1) 40%,rgba(37,65,142,1) 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(4,27,100,1) 40%,rgba(37,65,142,1) 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(4,27,100,1) 40%,rgba(37,65,142,1) 60%); /* IE10+ */
	background: linear-gradient(to right,  rgba(4,27,100,1) 40%,rgba(37,65,142,1) 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041b64', endColorstr='#25418e',GradientType=1 ); /* IE6-9 */
}
	#header .inner{
		z-index: 10;
		background-image: url('/img/header_bg2.jpg');
		background-repeat: no-repeat;
		background-position: center top;
	}

	#watermark{
		position: absolute;
		top:-142px;
		right:0;
		z-index: 999;
		width: 385px;
		height: 225px;
		background: url('/img/watermark.png?v=2') 0 0 no-repeat;
	}


/* MAIN NAV */
		
		#mainNav{
			position: relative;
			z-index: 998;
			background: #24418e;
			min-height: 45px;
			border-top: 2px solid #9b8448;
			-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.5);
			box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.5);
			min-width: 980px;
		}
		

		/* nav */ 
		
		#mainNav .nav{
			position:absolute;
			top:0px;
			left:0px;
			width:auto;
			margin:0px;
			padding:0px;
			list-style:none;
			color:#fff;
			display:inline-block; 
			float:left;
			z-index:999;
		} 
		#mainNav .nav li{
			float:left;
			position:relative;
			top:0;
			left:0;
			padding:0px;
			margin:0px;
		}
		#mainNav .nav a, #mainNav .nav a:visited{
			float: left;
			font-size:1.2em;
			color:#FFFFFF;
			text-decoration:none;
			padding:0 18px;
			line-height:45px;
			height: 45px;
		}
		#mainNav .nav li.noChildren a:hover,
		#mainNav .nav li.selected > a{
			background-color:#050c50;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		#mainNav .nav li a:hover, #mainNav .nav li a.active, #mainNav .nav li a:visited.active {
			color:#FFF;
			background:#25418e;
			background-image:none;
			-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
			margin-top:-9px;
			padding-top: 9px;
			padding-bottom: 9px;
		}
		#mainNav .nav .noChildren a:hover, #mainNav .nav li.noChildren a.active, #mainNav .nav li.noChildren a:visited.active{
			background:#050c50;
			margin-top: 0px;
			padding-top: 0px;
			padding-bottom: 0px;
		}
		#mainNav .nav li.subHeader{
			font-size: 80%;
			color: #8b9bee;
			padding: 10px 20px 0px 20px;
			font-weight: bold;
			font-style: italic;
			border-top: 1px solid #323c91;
		}
		
		
		/* 2nd level */ 
		
		#mainNav .nav li ul {
			position:absolute;
			top:53px;
			left:0px;
			padding:0px;
			margin:0px;
			z-index:1000;
			width:200px;
			line-height:16px;
			text-indent:0;
			color:#FFF;
			display:none;
			background: rgb(37,65,142);
			background: -moz-linear-gradient(top,  rgba(37,65,142,1) 0%, rgba(16,24,97,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,65,142,1)), color-stop(100%,rgba(16,24,97,1)));
			background: -webkit-linear-gradient(top,  rgba(37,65,142,1) 0%,rgba(16,24,97,1) 100%);
			background: -o-linear-gradient(top,  rgba(37,65,142,1) 0%,rgba(16,24,97,1) 100%);
			background: -ms-linear-gradient(top,  rgba(37,65,142,1) 0%,rgba(16,24,97,1) 100%);
			background: linear-gradient(to bottom,  rgba(37,65,142,1) 0%,rgba(16,24,97,1) 100%);
		}
		#mainNav .nav li:hover ul {
			display:block;
		}
		#mainNav .nav li ul li{
			float:none;
			display:block;
			list-style-type:none;
			color:#FFF;
		}
		#mainNav .nav li ul li.label{
			padding:10px 20px;
		}
		
		#mainNav .nav li ul li a, #mainNav .nav li ul li a:visited,
		#mainNav .nav li.selected ul li a, #mainNav .nav li.selected ul li a:visited{
			font-size:0.9em;
			display:block;
			color:#FFF;
			padding:9px 20px;
			line-height:16px;
			height: auto;
			float: none;
			margin: 0;
		}
			#mainNav .nav li ul li a, #mainNav .nav li ul li a:visited,
			#mainNav .nav li.selected ul li a, #mainNav .nav li.selected ul li a:visited{
				background-image:url('/img/bullet_white.gif');
				background-repeat: no-repeat;
				background-position: 18px 10px;
				padding-left: 30px;
			}
			
			#mainNav .nav li ul li a span, #mainNav .nav li ul li a:visited span {
				float:left;
				display:block;
				text-indent:-50px;
				width:7px;
				height:12px;
				margin-right:5px;
				overflow:hidden;
				background-image:url(../img/nav_arrow.png);
				background-position:0 2px;
				background-repeat:no-repeat;
			}

		#mainNav .nav li ul li a:hover, #mainNav .nav li ul li a:hover.active  {
			margin-top: 0;
			color:#FFF;
			text-decoration:underline;
			box-shadow: none;
			background-color: #050c50;
			background-image:url('/img/bullet_white.gif');
			background-repeat: no-repeat;
			background-position: 18px 10px;
		}
		#structureMenu{
			padding: 0 0 30px 0;
		}
		#structureMenu a,
		#structureMenu a:visited{
			display: block;
			font-size: 110%;
			padding: 2px 0 2px 15px;
			text-decoration: none;
			background-image: url('/img/bullet_blue.gif');
			background-position: 0 5px;
			background-repeat: no-repeat;
		}
		#structureMenu a:hover,
		#structureMenu .selected a, #structureMenu .selected a:visited{
			text-decoration: underline;
		}
		#structureMenu .backLink{
			margin-top: 10px;
		}

		
/* Sub Nav */	
		/*
		#subNav, #subNav ul, #subNav li{
			list-style:none;
			margin:0;
			padding:0;
		}
		#subNav a, #subNav a:visited{
			display:block;
			margin:10px 0 0 0;
			padding:5px 10px 5px 25px;
			font-family:Georgia, Times New Roman, Serif;
			font-size:1.2em;
			color:#464646;
			text-decoration:none;
		}
		#subNav > li > a, #subNav > li > a:visited{
			background-image:url(../img/sub_nav_arrow.gif);
			background-position:0 5px;
			background-repeat:no-repeat;
		}
		#subNav a:hover{
			text-decoration:underline;
			color:#014787;
			background-position:0 -90px;
		}
		#subNav .selected > a, #subNav .selected > a:visited, #subNav .selected > a:hover{
			color:#ff9c00;
			background-position:0 -190px;
			text-decoration:none;
		}
		#subNav ul a, #subNav ul a:visited{
			font-size:0.9em;
			line-height:1.3em;
			margin:0;
			padding:3px 10px 3px 25px;
		}
		#subNav ul li ul li a, #subNav ul li ul li a:visited{
			padding-left:40px;
			color:#999;
		}
		#subNav ul li ul li a:hover{
			color:#014787;
		}
		#subNav ul li ul li ul li a, #subNav ul li ul li ul li a:visited{
			padding-left:65px;
		}
		*/


/* HOME SLIDESHOW */
		
		#slideshowHolder{
			margin: 40px 0 10px 0;
			background: #d8d8d8 url('/img/slideshow_bg.gif') 0 0 repeat;
		}
			#slideshowHolder .inner{
				position: relative;
				background-color: #FFF;
				min-height: 485px;
			}
			#overlay{
				position: absolute;
				right: 0;
				width: 25%;
				background: rgba(35, 45, 127, .7);
				height: 100%;
				z-index: 9999;
			}
			#overlay p{
				color: white;
				padding: 20px;
				box-sizing: border-box;
			}
			#overlay img{
				position: absolute;
				width: 100%;
				max-width: 100%;
				background: white;
				bottom: 0;
				padding: 10px;
				box-sizing: border-box;
			}
			#slideshow{
				position: relative;
			}
			#slideshow .slide{
				position: absolute;
				top:0;
				left:0;
				width: 100%;
				min-height: 485px;
				display: none;
			}
			#slideshow .slide a, #slideshow .slide a:visited{
				display: block;
			}
			#slideshow .slide h1{
				position: absolute;
				bottom:40px;
				left:0;
				color: #FFF;
				font-style: italic;
				font-weight: normal;
				line-height: 60px;
				font-size: 200%;
				opacity: 0.9;
				text-shadow: 0px 0px 10px #171717;
				filter: dropshadow(color=#171717, offx=0, offy=0);
			}
				#slideshow .slide h1 span{
					background-color: #374197;
					padding: 10px 20px;
				}


/* GENERAL CONTENT */
		#content{
			color: #464646;
		}
		#content h1{
			font-weight: normal;
			font-size: 180%;
			color: #374197;
			padding: 0 10px 10px 10px;
			margin: 40px 0 15px 0;
			line-height: 25px;
		}
			#content h1.border{
				border-bottom: 3px solid #ececec;
			}
			#content h1 em{
				font-size: 60%;
				color:#a2a2a2;
			}
		#content h2{
			font-size: 130%;
			padding: 0 10px;
			margin: 0 0 14px 0;
			color: #bababa;
			position: relative;
			border-bottom:3px solid #ececec;
		}
			#content h2 a, #content h2 a:visited{
				display: block;
				color: #bababa;
				text-decoration: none;
			}
				#content h2 a:hover{
					color:#717171;
				}
			#content h2 .expandIcon{
				position: absolute;
				top:0;
				right:0;
				color:#717171;
				text-decoration: none;
			}
				#content h2 a:hover .expandIcon{
					color:#000;
				}
		#content h3, #content p{
			padding: 0 10px;
			font-size:90%;
		}
		#content h3{
			padding-top: 20px;
			padding-bottom: 10px;
			clear: both;
		}
		#content h4{
			padding: 0 10px;
		}
		#content p{
			text-align: justify;
		}
		#content ul, #content ol{
			font-size:90%;
		}
		#content .contentArea{
			float:left;
			width:642px;
			margin:0 14px 0 0;
		}
		#content .contentArea > p:first-of-type{
			font-weight: bold;
			font-size: 120%;
		}
		#content .contentArea .newsListing p:first-of-type{
			font-size: 100%;
		}
		#content .sideContentArea{
			float: right;
			width: 314px;
			padding: 80px 0 0 0;
		}
		#content .contentArea img{
			margin: 20px;
			max-width: 95%;
		}
		#content .contentArea p img{
			float: left;
			width: 30%;
		}
		#content .contentArea p img.relatedLogo{
			margin:0 20px 0 0;
			height: 90px;
			width: auto;
		}
		#content .contentArea ul{
			color:#374197;
		}
		#content .contentArea p img.left{
			float: left;
			margin: 0 20px 20px 0;
		}
		#content .contentArea p img.right{
			float: right;
			margin: 0 0 20px 20px;
		}
		#content .contentArea p img.marg{
			margin: 0 10%;
		}
		#content .contentArea p img.marg:last-child{
			margin-top: 40px;
		}
		#sideCol{
			float: right;
			width: 314px;
			margin: 25px 0 0 0;
		}
			#sideCol h3{
				font-size: 110%;
				color: #374197;
				margin-bottom: 23px;
			}
		

/* Project Listings */
		.projectCat, .projects{
			float:left;
			width:314px;
			margin: 0 14px 14px 0;
		}
			.projects{
				width:100%;
			}
			.projectCat .nav{
				height: auto !important;
				height: 190px;
				min-height: 190px;
			}
			.projectCat .nav li, .projects .nav li{
				position: relative;
				float:left;
				width:150px;
				height: auto !important;
				height: 176px;
				min-height: 176px;
				margin: 0 14px 10px 0;
			}
			.projectCat li a, .projectCat li a:visited,
			.projects li a, .projects li a:visited{
				display: block;
				padding: 0 0 5px 0;
				text-decoration: none;
				font-size: 90%;
				overflow:hidden;
			}
			.projectCat li a:hover:before, .projects li a:hover:before {
				content: ' ';
				display: block;
				position:absolute;
				width:100%;
				height:100%;
				-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
				box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
				z-index: 999;
			}
			.projectCat .projectImg, .projects .projectImg{
				width:150px;
				height:112px;
				overflow:hidden;
				background: #EAEAEA;
				position: relative;
			}
			.projectImg img{
				position: absolute;
				top:0;
				left: 0;
			}
			.projectCat .projectImgEmpty, .projects .projectImgEmpty{
				background: url('/img/project_placeholder.gif') no-repeat top center #EAEAEA;
			}
			.projectCat span, .projects span{
				display: block;
				padding: 0 10px;
			}
			.projectCat .projectClient, .projects .projectClient{
				padding-top: 5px;
				color: #374197;
				font-weight: bold;
			}
			.projectCat .projectLocation, .projects .projectLocation{
				color: #717171;
			}
			
/* PROJECT DETAILS */		
		#projectCopy{
			float: right;
			width:314px;
		}
			#projectCopyText{
				min-height: 492px;
			}
			#content h1.projectTitle{
				margin-top:0;
			}
			#content #projectCopy h4{
				margin: 0 0 5px 0;
				color: #374197;
				font-weight: normal;
			}
			#content #projectCopy p{
				margin: 0 0 20px 0;
			}
			#content #projectCopy .scope p{
				font-size: 90%;
			}
			#content #projectCopy .scope ul{
				list-style: square;
				padding: 0 0 0 30px;
				font-size: 90%;
			}
			#content #projectCopy .scope strong{
				color:#374197;
			}
			
		#profileLinks li{
			margin:0 0 14px 0;
		}
			#profileLinks a, #profileLinks a:visited,
			a.boxLink, a.boxLink:visited{
				clear:both;
				display: block;
				padding:10px 15px;
				line-height: 29px;
				background: rgb(2,18,82); /* Old browsers */
				background: -moz-linear-gradient(top,  rgba(2,18,82,1) 0%, rgba(55,65,151,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(2,18,82,1)), color-stop(100%,rgba(55,65,151,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  rgba(2,18,82,1) 0%,rgba(55,65,151,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  rgba(2,18,82,1) 0%,rgba(55,65,151,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  rgba(2,18,82,1) 0%,rgba(55,65,151,1) 100%); /* IE10+ */
				background: linear-gradient(to bottom,  rgba(2,18,82,1) 0%,rgba(55,65,151,1) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#021252', endColorstr='#374197',GradientType=0 ); /* IE6-9 */
				color: #FFF;
				font-size: 100%;
				font-weight: bold;
				text-decoration: none;
			}
			#profileLinks a:hover{
				background: #374197;
				text-decoration: underline;
			}
			
		#projectImages{
			float: left;
			width:656px;
		}
			#projectSlideshow {
				position: relative;
				width:642px;
				height: 480px;
				overflow: hidden;
			}
			#projectSlideshow .slide{
				position: absolute;
				width: 640px;
				height: 480px;
				display: none;
				overflow: hidden;
			}
			#projectSlideshow .first{
				display: inline;
			}
			#projectSlideshow img{
				position: absolute;
				top: 0;
				left: 0;
			}
			
		#projectSlideshowNav {
			position: relative;
			clear: both;
			width: 656px;
			margin: 14px 0 0 0;
		}
			#projectSlideshowNav li {
				width: 150px;
				height: 112px;
				float: left;
				margin: 0 14px 14px 0;
				list-style: none;
			}
			#projectSlideshowNav a, #projectSlideshowNav a:visited{
				display: block;
				width: 150px;
				height: 112px;
				position: relative;
				text-align: center;
				overflow: hidden;
			}
			#projectSlideshowNav a:hover:before,
			#projectSlideshowNav li.activeSlide a:before {
				content: ' ';
				display: block;
				position:absolute;
				width:100%;
				height:100%;
				-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
				box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
			}
			#projectSlideshowNav a:focus {
				
			}
			#projectSlideshowNav img {
				border: none;
				
			}			
			
			
/* CLIENT and ACCREDITATION LISTING */		
		.accreditationListing li, #clientListing li{
			width:232px;
			height: 212px;
			margin: 0 14px 14px 0;
			float:left;
			position: relative;
			background: url('/img/accreditation_bg.gif') no-repeat center center;
				text-align: center;

		}
			.accreditationListing li a, .accreditationListing li a:visited,
			#clientListing li a, #clientListing li a:visited{
				
				float: left;
				display: block;
				width: 212px;
				height: 212px;
				margin: 0 10px;
								text-decoration: none;
			}
			.accreditationListing li img, #clientListing li img{
				position:relative;
				top:40px;
			}
			#accreditationListing li .text, #clientListing li .text{
				display: block;
				padding: 80px 0;
				font-size: 150%;
				text-decoration: none;
			}
			
			
		#accreditationWindow{
			width:460px;
			padding: 30px;
			font-size:80%;
		}
			#accreditationWindow h2{
				color:#374197;
				font-size: 110%;
			}
			#accreditationWindow img{
				float:right;
				margin: 0 0 14px 14px;
			}
			#accreditationWindow #profileLinks{
				clear:both;
			}
			#accreditationWindow #profileLinks li{
				float:left;
				width:220px;
				margin: 0 14px 0 0;
			}
			
			
/* NEWS and COMENDATIONS LISTINGS */
		.newsListing, .commendationsListing{
			margin:0;
			padding:0;
			list-style:none;
		}
		.newsListing li, .commendationsListing li{
			border-bottom:1px dashed #DBDBDB;
			float:left;
			width:100%;
			margin:0 0 20px 0;
			padding:0 0 20px 0;
			font-size:90%;
		}
		.newsListing li h3, .commendationsListing li h3{
			margin:0;
			padding:0;
			font-size:120% !important;
			font-weight:bold;
			color:#464646;
			text-decoration:none;
		}
		#content .newsListing p, #content .commendationsListing p{
			margin:0 0 10px 0;
			font-weight: bold;
			font-size: 100%;
		}
		.commendationsListing img{
			float:right;
			margin:0 0 10px 10px;
		}
		.newsListing .date, 
		.newsArticle .date, 
		.commendationsListing .date, .commendationsListing .clientName,
		.commendationsListing a, .commendationsListing a:visited{
			float:left;
			margin:5px 0 0 0;
			padding:0 10px;
			font-style:italic;
			font-weight:bold;
			color:#CACACA;
			font-size: 110%;
		}
		.newsArticle .date{
			font-size: 70%;
		}
		.newsListing .date,
		.newsArticle .date{
			float:right;
		}
		.commendationsListing .clientName{
			float:right;
			clear:both;
		}
		.newsListing a.boxLink, .newsListing a.boxLink:visited,
		.newsArticle a.boxLink, .newsArticle a.boxLink:visited{
			color: #FFFFFF;
			font-style: normal;
			float: left;
			padding: 5px 10px;
			clear: none;
		}
		
		.newsArticle a.boxLink,
		.newsArticle a.boxLink:visited{
			width:175px;
			margin-bottom: 10px;
			margin-right: 10px;
		}
		
		.newsListing a, .newsListing a:visited{
			margin-left: 10px;
		}
		.newsListing a:hover, .commendationsListing a:hover,
		.newsArticle a:hover{
			text-decoration:underline;	
		}


/* CONTACT FORM */
		form{
			float:left;
			width:100%;
		}
			form p{
				float:left;
				width:240px;
				margin:0 50px 20px 0;
				padding:0;
			}
			form label{
				float:left;
				color:#717171;
				font-size:80%;
				font-weight:bold;
				font-style:italic;
				margin:0;
				padding:0;
			}
			form input, form textarea{
				border:3px solid #ECECEC;
				float:left;
				clear:both;
				width:230px;
				margin:0;
				padding:5px;
			}
			form textarea{
				width:540px;	
			}
			form .button{
				float:left;
				clear:both;
			}
				.button input{
					border:3px solid #232b70;
					width:150px;
					background-color:#374197;
					font-size:120%;
					font-weight:bold;
					color:#FFFFFF;
					margin-top:10px;
				}
		


/* INFOBAR */
		#infoBar{
			margin: 10px 0;
			border-top:1px solid #ececec;
		}
		.home #infoBar{
			border: 0;
		}
		#accreditations{
			float: left;
			width: 690px;
			min-height:60px;
			padding: 0px 0 5px 5px;
			display: flex;
			align-items: center;
		}
		#accreditations li{
			margin-right: 7px;
			margin-bottom: 8px;
		}
		#accreditations li img{
			height:38px;
		}
		
		#address{
			width: 260px;
			padding: 0 10px 0 0;
			float: right;
			color:#374197;
			font-size: 90%;
			text-align: right;
		}
			#address h4{
				margin: 5px 0 0 0;
			}
			#address p{
				margin: 3px 0;
			}
			#contactNumbers{
				font-weight: bold;
			}

/* STRUCTURE CHART */

#content .structure_chart{
	padding-bottom:20px;
	position:relative;
	margin:0 auto;
	text-align: center;
}
#preview{
	border:1px solid #ccc;
	background:#FFFFFF;
	padding:5px;
	position:absolute;
	z-index:1000;
}
#preview img{
	width:200px;
	/*height:250px;*/
	height:auto;
	margin-bottom:5px;
}
#preview p{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
}
#preview p.staff_email{
	font-weight:normal;
}
#preview p.box_info{
	width:200px;
	color:#04468D;
	font-style:italic;
}
#hover_left{
	position:absolute;
	z-index:999;
	width:9px;
	height:58px;
}
#hover_right{
	position:absolute;
	z-index:999;
	width:9px;
	height:58px;
}

.staffBlock{
	float: left;
	width:30%;
	margin: 10px 1.5%;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 30px;

}
#content .staffBlock h2{
	font-size:1em;
	border: 0;
	text-align: center;
}
.staffBlock:nth-child(3n+1){
	clear: both;
}
.staffBlock ul{
	margin:0;
	padding:0;
	list-style: none;
}
.staffBlock li{
	margin:0;
	padding:0;
	list-style: none;
}


/* FOOTER */
		#footer{
			background: #ececec;
			width:100%;
		}
			#footer .inner{
				background: #ececec;
				padding-bottom: 10px;
			}
			#footer .nav{
				float: left;
				width:230px;
				margin: 20px 10px 0 0;
			}
				#footer .nav li{
					float: left;
					clear: both;
					display: block;
				}
				#footer .nav a, #footer .nav a:visited{
					float: left;
					clear: both;
					display: block;
					color: #717171;
					font-size: 90%;
					text-decoration: none;
					padding: 2px 10px;
					line-height: 18px;
				}
					#footer .nav a:hover{
						color:#374197;
						text-decoration: underline;
					}
				#footer .nav .groupLink{
					margin: 10px 0;
				}
				#footer .nav .groupLink a, #footer .nav .groupLink a:visited{
					color: #374197;
					background: url('/img/bullet_blue.gif') no-repeat 10px 3px;
					padding-left: 20px;
				}
					#footer .nav .groupLink a:hover{
						
					}
				#footer .nav a strong, #footer .nav a:visited strong{
					font-size: 110%;
					padding-bottom: 10px;
				}
			
			#hotlineNumber{
				position: absolute;
				bottom: 20px;
				left: 15px;
				color: #374197;
				font-style: italic;
				font-weight: bold;
				font-size: 110%;
				line-height: 24px;
			}
				#hotlineNumber strong{
					font-style: normal;
					font-weight: normal;
					font-size: 140%;
				}
			#footer #featuredLinks{
				float: right;
				margin-right: 0;
			}
			#footer #featuredLinks li{
				margin-bottom: 10px;
			}
			#footer #featuredLinks a, #footer #featuredLinks a:visited{
				float: left;
				width:80px;
				padding:10px 15px 10px 135px; 
				height: 60px;
				background: rgb(2,18,82); /* Old browsers */
				background: -moz-linear-gradient(top,  rgba(2,18,82,1) 0%, rgba(55,65,151,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(2,18,82,1)), color-stop(100%,rgba(55,65,151,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  rgba(2,18,82,1) 0%,rgba(55,65,151,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  rgba(2,18,82,1) 0%,rgba(55,65,151,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  rgba(2,18,82,1) 0%,rgba(55,65,151,1) 100%); /* IE10+ */
				background: linear-gradient(to bottom,  rgba(2,18,82,1) 0%,rgba(55,65,151,1) 100%); /* W3C */
				color: #FFF;
				font-size: 110%;
				line-height: 110%;
				font-weight: bold;
				background-position: 0 0;
				background-repeat: no-repeat;
			}
				#footer #featuredLinks a:hover{
					background-color: #011151;
					background-position: 0 -80px;
				}
				#footer #featuredLinks #brochureLink a, #footer #featuredLinks #brochureLink a:visited{
					padding-top: 20px;
					height: 50px;
					background-image: url('/img/button_brochure.jpg');
				}
				#footer #featuredLinks #companyStructureLink a, #footer #featuredLinks #companyStructureLink a:visited{
					background-image: url('/img/button_structure.jpg');
				}			

/* FOOT LINKS */
		#footLinks{
			background: #ececec;
			border-top: 1px solid #d2d2d2;
			border-bottom: 1px solid #d2d2d2;
		}
			#footLinks .inner{
				background: #ececec;	
			}
			#footLinks .nav{
				float: right;
			}
			#footLinks .nav li{
				float:left;
			}
			#footLinks a, #footLinks a:visited,
			#footLinks .footInfo{
				float: left;
				color:#717171;
				font-size: 90%;
				text-decoration: none;
				padding: 5px 10px;
			}
			#footLinks a:hover{
				color:#374197;
				text-decoration: underline;
			}
			
/* COOKIE BANNER */
#popupDiv{
	background-color:#717171;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	float:left;
	width:100%;
	color:#FFFFFF;
	position:relative;
	top:0;
	margin:0;
	padding:6px 0;
	z-index:999;
	display:none;
}
	#popupDiv .inner{
		padding:0;
	}
	#popupDiv p{
		float:left;
		font-size:12px;
		font-weight:bold;
		margin:0;
		padding:0;
		line-height:23px;
	}
	#popupDiv a, #popupDiv a:visited{
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:underline;
	}
	#popupDiv a:hover{
		text-decoration:none;
	}
	#popupDiv a#close, #popupDiv a:visited#close{
		border:1px solid #658b00;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		border-radius:8px;
		-webkit-box-shadow: inset 0 1px 0 0 #96CA6D;		
		float:right;
		background-color:#93BD23;
		color: #FFFFFF;
		margin:0;
		padding:3px 12px;
		text-align: center;
		text-shadow: 0 -1px 0 #4C9021;
		text-decoration:none;
	}
	#popupDiv a:hover#close{
		background-image: linear-gradient(bottom, rgb(148,189,35) 38%, rgb(161,207,35) 53%);
		background-image: -o-linear-gradient(bottom, rgb(148,189,35) 38%, rgb(161,207,35) 53%);
		background-image: -moz-linear-gradient(bottom, rgb(148,189,35) 38%, rgb(161,207,35) 53%);
		background-image: -webkit-linear-gradient(bottom, rgb(148,189,35) 38%, rgb(161,207,35) 53%);
		background-image: -ms-linear-gradient(bottom, rgb(148,189,35) 38%, rgb(161,207,35) 53%);
		text-decoration:underline;
	}
			
			

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
.rowEnd{
	margin-right:0 !important;
}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}