/*=============================================================================================
 * html
 *============================================================================================*/

/*html {background-color: aqua;}*/

/*=============================================================================================
 * body

 *============================================================================================*/

body
{
	/*#27509d;*/
	/*white;*/
	/*#f5ebd6;*/
	/*background-image: url("images/compass.gif");*/
	/*background-image: url("images/librarywords2.jpg");*/
	/*background-repeat: repeat;*/
	background-color: */:;
}

body.associates
{
	/*#27509d;*/
	/*white;*/
	background-color: #f5ebd6;
	/*background-image: url("images/compass.gif");*/
	background-image: url("images/librarywords2.jpg");
	/*background-repeat: repeat;*/
	*/: ;
}

/*=============================================================================================
 * divs
 *============================================================================================*/

div.container
{
	/*solid 1px grey;*/
	border: none;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	/*1020px;*/
	width: 100%;
	/*background-image: url("images/bkgd_1.jpg");*/
	/*#FEFFD4;*/
	/*background-image: url("images/librarywords2.jpg");*/
	background-color: white;
	/*#f8f5f0;*/
}

div.consultancycontainer
{
	border: solid 1px grey;
	margin-top: 1 em;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	/*1020px;*/
	width: 100%;
	/*background-image: url("images/bkgd_1.jpg");*/
	/*#FEFFD4;*/
	background-image: url("images/librarywords2.jpg");
	/*white;*/
	background-color: #f8f5f0;
}

div.header
{
	width: 100%;
	padding-top: 1px;
	height: 24px;
	background-color: #1982f8;
	color: white;
	border: none;
	/*background-image: url("images/bkgd_1.jpg");*/
	margin-bottom: 0em;
	margin-left: auto;
	margin-right: auto;
	/* Safari 4-5, Chrome 1-9 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));Safari 5.1, Chrome 10+ background: -webkit-linear-gradient(top, #2F2727, #1a82f7);Firefox 3.6+ background: -moz-linear-gradient(top, #2F2727, #1a82f7);IE 10 background: -ms-linear-gradient(top, #2F2727, #1a82f7);Opera 11.10+background: -o-linear-gradient(top, #2F2727, #1a82f7);*/
}

div.banner
{
	width: 100%;
	font: bold 9pt "Arial";
	color: #333333;
	border: none;
	/*margin-left: 3%;*/
	margin-bottom: 0.0em;
	/*margin-top: 1em;*/
	background-repeat: no-repeat;
	background-image: url("images/bannerslice_1.jpg");
	height: 150px;
	background-position: right;
}

div.bannerabout
{
	width: 100%;
	font: bold 9pt "Arial";
	color: #333333;
	border: none;
	/*margin-left: 3%;*/
	margin-bottom: 0.0em;
	/*margin-top: 1em;*/
	background-repeat: no-repeat;
	background-image: url("images/bannerslice_3.jpg");
	height: 150px;
	background-position: right;
}

div.bannerassociates
{
	width: 100%;
	font: bold 9pt "Arial";
	color: #333333;
	border: none;
	/*margin-left: 3%;*/
	margin-bottom: 0.0em;
	/*margin-top: 1em;*/
	background-repeat: no-repeat;
	background-image: url("images/bannerslice_2.jpg");
	height: 150px;
	background-position: right;
}

div.bannerconsultancy
{
	width: 100%;
	font: bold 9pt "Arial";
	color: #333333;
	border: none;
	/*margin-left: 3%;*/
	margin-bottom: 0.0em;
	/*margin-top: 1em;*/
	background-repeat: no-repeat;
	background-image: url("images/bannerslice_7.jpg");
	height: 150px;
	background-position: right;
}

div.bannermanage
{
	width: 100%;
	font: bold 9pt "Arial";
	color: #333333;
	border: none;
	/*margin-left: 3%;*/
	margin-bottom: 0.0em;
	/*margin-top: 1em;*/
	background-repeat: no-repeat;
	background-image: url("images/bannerslice_4.jpg");
	height: 150px;
	background-position: right;
}

div.bannerpartnerships
{
	width: 100%;
	font: bold 9pt "Arial";
	color: #333333;
	border: none;
	/*margin-left: 3%;*/
	margin-bottom: 0.0em;
	/*margin-top: 1em;*/
	background-repeat: no-repeat;
	background-image: url("images/bannerslice_5.jpg");
	height: 150px;
	background-position: right;
}

div.bannerprojects
{
	width: 100%;
	font: bold 9pt "Arial";
	color: #333333;
	border: none;
	/*margin-left: 3%;*/
	margin-bottom: 0.0em;
	/*margin-top: 1em;*/
	background-repeat: no-repeat;
	background-image: url("images/bannerslice_8.jpg");
	height: 150px;
	background-position: right;
}

div.bannertestimonials
{
	width: 100%;
	font: bold 9pt "Arial";
	color: #333333;
	border: none;
	/*margin-left: 3%;*/
	margin-bottom: 0.0em;
	/*margin-top: 1em;*/
	background-repeat: no-repeat;
	background-image: url("images/bannerslice_6.jpg");
	height: 150px;
	background-position: right;
}

div.horizontal_hold
{
	width: 100%;
	padding-top: 00px;
	height: 45px;
	background-color: #1982f8;
}

div.pagecontent
{
	width: 100%;
	background-color: white;
	font: bold 9pt arial;
	color: #333333;
	text-align: center;
	border: solid 1pt grey;
	padding: 0px 0px 00px 0px;
	/*0.5em;*/
	margin-bottom: 0em;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("images/MayZ_bg4.jpg");*/
	/*position: relative; remove this - only useful when floating three columns as before*/
}

div.imageslice
{
	width: 100%;
	/*white;*/
	background-color: none;
	font: bold 9pt arial;
	color: #333333;
	text-align: center;
	border-top: solid 1pt grey;
	border-left: solid 1pt grey;
	border-right: solid 1pt grey;
	border: none;
	padding: 0px 0px 00px 0px;
	margin-bottom: 0em;
	margin-top: 0em;
	margin-left: auto;
	margin-right: auto;
}

div.imageslicewhite
{
	width: 100%;
	background-color: white;
	font: bold 9pt arial;
	color: #333333;
	text-align: center;
	border-top: solid 1pt grey;
	border-left: solid 1pt grey;
	border-right: solid 1pt grey;
	border: none;
	padding: 0px 0px 00px 0px;
	margin-bottom: 0em;
	margin-top: 0em;
	margin-left: auto;
	margin-right: auto;
}

div.imageslice_cavern
{
	width: 100%;
	background-color: white;
	font: bold 9pt arial;
	color: #333333;
	text-align: center;
	border-top: solid 1pt grey;
	border-left: solid 1pt grey;
	border-right: solid 1pt grey;
	border: none;
	padding: 0px 0px 00px 0px;
	margin-bottom: 10px;
	margin-top: -10px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("images/cavernslice.jpg");
	opacity:0.6;
	filter:alpha(opacity=60);*/
	/* For IE8 and earlier */
}

/*===== content =======================================================================*/
div.content
{
	width: 100%;
	background-color: white;
	font: bold 9pt arial;
	color: #333333;
	text-align: center;
	border: solid 1pt grey;
	padding: 0px 0px 00px 0px;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
}

div.content_index
{
	width: 100%;
	font: bold 9pt arial;
	color: #333333;
	text-align: center;
	/*solid 1pt grey;*/
	border: none;
	padding: 0px 0px 00px 0px;
	/*0.5em;*/
	margin-bottom: none;
	margin-top: none;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("images/glass2.jpg");}*/
	/*background-image: url("images/skyline.gif");}*/
	background-color: #f8f5f0;
}

div.content_aboutus
{
	width: 100%;
	font: bold 9pt arial;
	color: #333333;
	text-align: center;
	/*solid 1pt grey;*/
	border: none;
	border-top: none;
	padding: 0px 0px 00px 0px;
	/*0.5em;*/
	margin-bottom: 0em;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("images/glass2.jpg");*/
	background-color: #f8f5f0;
}

div.content_associates
{
	width: 100%;
	font: bold 9pt arial;
	color: #333333;
	text-align: center;
	/*solid 1pt grey;*/
	border: none border-top: none;
	padding: 0px 0px 00px 0px;
	/*0.5em;*/
	margin-bottom: 0em;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("images/cupola.jpg");*/
	background-color: #f8f5f0;
}

div.content_consultancy
{
	width: 100%;
	font: bold 9pt arial;
	color: #333333;
	text-align: center;
	/*solid 1pt grey;*/
	border: none;
	padding: 0px 0px 00px 0px;
	/*0.5em;*/
	margin-bottom: 0em;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("images/cupola_2.jpg")*/
	background-color: #f8f5f0;
}

div.content_projectmanagement
{
	width: 100%;
	font: bold 9pt arial;
	color: #333333;
	text-align: center;
	/*solid 1pt grey;*/
	border: none;
	border-top: none;
	padding: 0px;
	/*0.5em;*/
	margin-bottom: 0em;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("images/glass2.jpg");*/
	/*#f8f5f0;*/
	background-color: white;
}

div.content_partnershipdevelopment
{
	width: 100%;
	font: bold 9pt arial;
	color: #333333;
	text-align: center;
	/*solid 1pt grey;*/
	border: border-top: none;
	padding: 0px;
	/*0.5em;*/
	margin-bottom: 0em;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("images/glass2.jpg");*/
	background-color: #f8f5f0;
}

div.content_projectsandcustomers
{
	width: 100%;
	font: bold 9pt arial;
	color: #333333;
	text-align: center;
	/*solid 1pt grey;*/
	border: padding: 0px 0px 00px 0px;
	/*0.5em;*/
	margin-bottom: 0em;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("images/lion.jpg");*/
	background-color: #f8f5f0;
}

/*===== end content =======================================================================*/
div.textbox
{
	float: left;
	width: 65%;
	background-color: none;
	padding: 5px 0px 10px 0px;
}

div.textbox_wide
{
	float: left;
	width: 100%;
	/*#ec9541;*/
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0px 10px 0px;
}

div.textbox_wideplain
{
	float: left;
	width: 100%;
	/*#ec9541;*/
	background-color: none;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0px 10px 0px;
}

div.textboxwrapper
{
	float: left;
	width: 620px;
	background-color: red;
	padding: 0px 0px 10px 0px;
}

div.imagewrapper
{
	float: right;
	width: 380px;
	height: 500px;
	background-color: green;
	padding: 0px 0px 10px 0px;
}

div.keithpic
{
	float: left;
	margin-left: 90px;
	margin-bottom: 3em;
	width: 310px;
	height: 380px;
	/*white;*/
	background-color: #f8f5f0;
	border: none;
}

div.PM_montage
{
	float: right;
	margin-right: 120px;
	margin-top: -80px;
	/*width: 400px;*/
	background-color: white;
}

div.indexstrap
{
	float: right;
	margin-right: 50px;
	margin-top: -10px;
	width: 300px;
	/*#a06800;*/
	background-color: #ef9c00;
	color: black font: bold 12pt "Arial";
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;
}

*===== associates ================*/


div.associates
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: blue;
	border: none;
}

img.associates
{
	border: none;
	width: 150px;
	height: 150px;
}

img.projects
{
	border: none;
	margin-top: none;
}

*====== end associates ===========================================*/


/*===== index content =======================================================================*/


div.floatcontent
{
	width: 100%;
	background-color: white;
	border: solid 10pt grey;
	padding: 0px 0px 0px 0px;
	/*0.5em;*/
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("images/MayZ_bg4.jpg");*/
	/*position: relative; remove this - only useful when floating three columns as before*/
}

#indexpic1
{
	float: left;
	/*2em;*/
	margin-left: 13%;
	/*margin-top: 1em;
	margin-bottom: 1em;*/
	width: 350px;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	height: 200px;
	/*solid 1pt gray;*/
	border: none;
}

#indexpic2
{
	float: left;
	/*1.5em;*/
	/*2.85%;*/
	margin-left: 0px;
	/*margin-top: 1em;
	margin-bottom: 1em;*/
	width: 350px;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	height: 200px;
	/*solid 1pt gray;*/
	border: none;
}

#indexpic3
{
	float: left;
	/*1.5em;*/
	/*2.85%;*/
	margin-left: 0px;
	/*margin-top: 1em;
	margin-bottom: 1em;*/
	width: 350px;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	height: 200px;
	/*solid 1pt gray;*/
	border: none;
}

/*===== homepage images ===============================================================*/

/*===== slideshow ===============================================================*/

.js-slideshow {
   height: 300px;
   width: 100%;
   overflow: hidden;
   position: relative;

   img {
       width: 100%;
       height: 100%;

       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;

       opacity: 0;
       z-index: -10;
       transition: all 800ms;

       &.is-shown {
           transition: all 800ms;
           opacity: 1;
           z-index: 10;
       }
  }

}

/*===== slideshow ends ===============================================================*/


<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">




div.intro
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

div.mosaic
{
	/*float: left;*/
	/*5%;*/
	margin-left: auto;
	margin-right: auto;
	/* 3.5%*/
	margin-top: 2%;
	margin-bottom: 0%;
	width: 840px;
}

div.mosaic2
{
	/*float: left;*/
	/*5%;*/
	margin-left: auto;
	margin-right: auto;
	/* 3.5%*/
	margin-top: 2%;
	margin-bottom: 0%;
	width: 840px;
	height: 225px;
	background-color: white;
}

div.turning
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

div.strap
{
	float: right;
	width: 35%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 2%;
}

/*===== end content ===============================================================*/

/*=====  float clear 1px high ===============================================================*/

div.clearfloat
{
	clear: both;
	/*blue;*/
	/*white;*/
	background-color: none;
	height: 1px;
}

div.clearfloatleft
{
	clear: left;
	border: none;
	background-color: none;
}

div.clearfloatright
{
	clear: right;
	border: none;
	background-color: none;
}

/*===== footer =====================================================*/

div.footer_orig
{
	width: 100%;
	padding-top: 3px;
	/*#FEFFD4;*/
	background-color: white font: bold 9pt arial;
	color: #4444;
	text-align: center;
	border: solid 1pt grey;
	/*background-image: url("images/bkgd_1.jpg");*/
	border-radius: 0%;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	/* Safari 4-5, Chrome 1-9 */
	/* Safari 5.1, Chrome 10+ */
	/* Firefox 3.6+ */
	/* IE 10 */
	/* Opera 11.10+ */
	background: -o-linear-gradient(bottom, #2F2727, #1a82f7);
}

div.footer
{
	width: 100%;
	padding-top: 0px;
	padding-bottom: 1em;
	/*#FEFFD4;*/
	font: bold 9pt arial;
	color: #4444;
	text-align: center;
	border: solid 1pt grey;
	/*background-image: url("images/bkgd_1.jpg");*/
	border-radius: 0%;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	/*#0561a5;*/
	background-color: #1982f8;
}

div.information
{
	float: left;
	/*200px;*/
	width: 400px;
	/*#FEFFD4;*/
	background-color: none;
	font: bold 10pt arial;
	color: #4444;
	text-align: center;
	/*solid 1pt #2d73b9;*/
	border: none;
	border-radius: 10%;
	margin-left: 2em;
	margin-top: 1em;
}

div.customerservices
{
	float: left;
	/*200px;*/
	width: 400px;
	/*#FEFFD4;*/
	background-color: none;
	font: bold 10pt arial;
	color: #4444;
	text-align: center;
	/*solid 1pt #2d73b9;*/
	border: none;
	border-radius: 10%;
	margin-left: 1.5em;
	margin-top: 1em;
}

div.extras
{
	float: left;
	width: 400px;
	/*#FEFFD4;*/
	background-color: none;
	font: bold 10pt arial;
	color: #4444;
	text-align: center;
	/*solid 1pt #2d73b9;*/
	border: none;
	border-radius: 10%;
	margin-left: 1.5em;
	margin-top: 1em;
}

div.links
{
	float: left;
	width: 350px;
	/*#FEFFD4;*/
	background-color: none;
	font: bold 10pt Arial;
	color: #4444;
	text-align: left;
	border: none;
	border-radius: 10%;
	margin-left: 1.5em;
	margin-top: 3em;
}

div.footerbox
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	
}

.column4
{
	float: left;
	width: 24%;
	margin-left: 1%;
	/*2%;*/
	/*1em;*/
	margin-bottom: 0:
	margin-top: 1em;
}

/* Clear floats after the columns */

.row:after
{
	content: "";
	display: table;
	clear: both;
}

/*=== footer ends =======================================*/

/*=== banner (4+10) =====================================*/

.column4_banner
{
	float: left;
	/*25%;*/
	width: 500px;
	height: 150px;
	margin-left: 0%;
	/*2%;*/
	/*1em;*/
	margin-bottom: margin-top:;
	background-color: none;
	background-image: url("images/Column4_bg.png");
}

h1.BCT
{
	font: 42pt "Tahoma";
	/*#2d73b9;*/
	color: #1a82f7;
	margin-top: 0.7em;
	margin-bottom: none;
	margin-left: 0.0em;
	text-align: left;
	float: left;
}

/* Clear floats after the columns */

.row:after
{
	content: "";
	display: table;
	clear: both;
}

/* ... */
.column10
{
	float: left;
	/*12%;*/
	width: 240px;
	height: 150px;
	margin-left: 0%;
	/*2%;*/
	/*1em;*/
	margin-bottom: margin-top:;
	background-color: none;
	background-image: url("images/Column10_bg.png");
}

img.logo { margin-left: 20%; }

/* Clear floats after the columns */
.row:after
{
	content: "";
	display: table;
	clear: both;
}


/*=== banner (4+10) ends =======================================*/

/*=== consultancy =======================================*/

div.ConAll
{
	width: 100%;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
	border: none;
}

div.ConLeft
{
	float: left;
	/*550px;*/
	width: 40%;
	background-color: orange;
	/*height: 520px;*/
	margin-left: 5%;
	margin-right: 00px;
	margin-bottom: 1em;
	padding-bottom: 1em;
	/*solid 1pt blue;*/
	border: none;
}

div.ConLeftShort
{
	float: left;
	/*550px;*/
	width: 35%;
	background-color: orange;
	/*height: 440px;*/
	margin-left: 5%;
	margin-right: 00px;
	margin-bottom: 1em;
	/*solid 1pt blue;*/
	border: none;
}

div.ConLeftText
{
	float: left;
	width: 100%;
	/*height: 800px;*/
	background-color: none;
}

div.ConRight
{
	float: left;
	/*550px;*/
	width: 40%;
	background-color: orange;
	/*height: 520px;*/
	margin-left: 10%;
	margin-bottom: 1em;
	padding-bottom: 1em;
	/*solid 1pt grey;*/
	border: none;
}

div.ConRightShort
{
	float: left;
	/*550px;*/
	width: 35%;
	background-color: orange;
	/*height: 440px;*/
	margin-left: 10%;
	margin-bottom: 1em;
	/*solid 1pt grey;*/
	border: none;
}

div.ConRightText
{
	float: left;
	width: 100%;
	/*height: 800px;*/
	background-color: none;
}

div.picbox
{
	float: left;
	width: 100%;
	background-color: white;
	/*height:150px; --- ANY pixel/em fixed height/width DESTROYS resizing !!! */
}

/*=== consultancy ends =======================================*/

/*=== associates =======================================*/

div.AssAll
{
	width: 100%;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
	border: none;
}

div.AssLeftAll
{
	float: left;
	/*600px;*/
	width: 40%;
	background-color: none;
	/*height: 520px;*/
	margin-left: 5%;
	/*solid 1px green;*/
	border: none;
}

div.AssLeft
{
	float: left;
	/*600px;*/
	width: 100%;
	background-color: none;
	/*height: 520px;*/
	/*5%;*/
	margin-left: none;
	margin-bottom: 0.5em;
	border: solid 1px orange;
}

div.AssLeftText
{
	float: left;
	width: 100%;
	/*height: 800px;*/
	background-color: none;
}

div.AssRightAll
{
	float: left;
	/*600px;*/
	width: 40%;
	background-color: none;
	/*height: 520px;*/
	margin-left: 5%;
	/*solid 1px green;*/
	border: none;
}

div.AssRight
{
	float: left;
	/*600px;*/
	100%: ;
	background-color: none;
	/*height: 520px;*/
	/*5%;*/
	margin-left: none;
	margin-bottom: 0.5em;
	border: solid 1px orange;
}

div.AssRightText
{
	float: left;
	width: 100%;
	/*height: 800px;*/
	background-color: none;
}

div.AssPic
{
	float: left;
	max-width: 200px;
	background-color: none;
	padding: 0px;
	margin: 0px;
}

div.AssText
{
	margin-left: 200px;
	background-color: none;
	padding: 0px;
	margin-right: 0px;
}

/*=== associates ends =======================================*/

/*=== projects and customers =======================================*/

div.ProAll
{
	width: 100% background-color: white;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
	border: none;
}

div.ProLeft
{
	float: left;
	width: 18%;
	/*40%*/
	/*height: 590px;*/
	background-color: none;
	/*height: 520px;*/
	margin-left: 5%;
	margin-bottom: 0.5em;
	border: solid 1px orange;
}

div.ProRight
{
	float: left;
	width: 18%;
	/*40%*/
	/*height: 590px;*/
	background-color: none;
	/*height: 520px;*/
	margin-left: 5%;
	margin-bottom: 0.5em;
	border: solid 1px orange;
}

div.ProPic
{
	float: left;
	/*200px;*/
	/*35%;*/
	max-width: 100%;
	/*160px;*/
	height: 150px;
	background-color: none;
	padding: 0px;
	/*0.5em;*/
	margin-left: zero;
	/*0.5em;*/
	margin-top: none;
	/*1em;*/
	margin-bottom: none;
}

div.ProText
{
	/*margin-left: 200px;*/
	float: right;
	/*orange;*/
	background-color: none;
	padding-bottom: 1em;
	padding-top: 0.5em;
	/*1em;*/
	margin-top: 0em;
}

div.ProTitle
{
	float: right;
	/*blue;*/
	background-color: orange;
	width: 100%;
	padding-bottom: 0em;
	margin-top: 2%;
	/*210px;*/
	margin-left: 0px;
	margin-bottom: 0px;
	/*border-top: solid 1px gray;*/
}

/*=== projects and customers ends =======================================*/

/*=== partnership =======================================*/

div.PartAll
{
	width: 100% background-color: white;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
	border: none;
}

div.PartLeft
{
	float: left;
	width: 40%;
	height: 545px;
	background-color: none;
	margin-left: 5%;
	margin-bottom: 0.5em;
	border: solid 1px blue;
	/*5%;*/
	border-radius: ;
}

div.Partbox
{
	float: left;
	background-color: green;
	width: 20%;
	border: solid 1px blue;
	/*5%;*/
}

div.PartRight
{
	float: left;
	width: 40%;
	height: 545px;
	background-color: none;
	margin-left: 5%;
	margin-bottom: 0.5em;
	border: solid 1px blue;
}

div.partnerships { height: 200px; }

div.PartPic
{
	float: left;
	margin-left: 5%;
	margin-top: 2%;
	background-color: none;
	padding: 0px;
	margin-bottom: 5px;
	height: 140px;
}

div.PartTitle
{
	background-color: white;
	padding-bottom: 0em;
	margin-top: 2%;
	margin-left: 220px;
	margin-bottom: 00px;
	height: 140px;
}

div.PartText
{
	float: right;
	background-color: orange;
	padding-bottom: 1em;
	padding-top: 1em;
	margin-top: 2%;
	margin-right: 0%;
	margin-bottom: 00px;
}

div.pdf
{
	float: left;
	width: 100%;
	background-color: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
}

/*=== partnership ends =======================================*/

/*=== 4-column =======================================*/
.column
{
	float: left;
	width: 21%;
	border: solid 1px silver;
	margin-left: 3%;
	margin-bottom: 2%;
}

.columnempty
{
	float: left;
	width: 21%;
	/*border: solid 1px silver;*/
	margin-left: 3%;
	margin-bottom: 2%;
}

/* Clear floats after the columns */
.row:after
{
	content: "";
	display: table;
	clear: both;
}

/*=== 4-column ends =======================================*/
/*=== 2-column =======================================*/
.column2
{
	float: left;
	width: 45%;
	margin-left: 3%;
	margin-bottom: 2%;
	margin-top: 1em;
	/*solid 1px blue;*/
	border: solid 1px silver;
}

/* Clear floats after the columns */
.row:after
{
	content: "";
	display: table;
	clear: both;
}

/*=== 2-column ends =======================================*/

/*=== slideshow starts =======================================*/

  #stage {
    /*margin: 1em auto;*/
    width: 382px;
    height: 292px;
  }

  #stage a {
    position: absolute;
   
  }
  #stage a img {
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
  }

  #stage a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 2s;
    z-index: 20;
  }
  #stage a:nth-of-type(2) {
    z-index: 10;
  }
  #stage a:nth-of-type(n+3) {
    display: none;
  }

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }

/*=== slideshow ends =======================================*/

/*=============================================================================================
 * headings
 *============================================================================================*/

h1
{
	font: 30pt "Tahoma";
	/*orange;*/
	/*#555555;*/
	/*blue;*/
	color: #2d73b9;
	margin-top: 10px;
	margin-bottom: 0.5em;
	margin-left: 5% text-align: left;
}

h1.pagetitle
{
	font: 30pt "Tahoma";
	/*orange;*/
	/*#555555;*/
	/*blue;*/
	/*#2d73b9;*/
	color: #1a82f7;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 5%;
	text-align: left;
}

h1.consultancy
{
	font: 30pt "Tahoma";
	/*orange;*/
	/*#555555;*/
	/*blue;*/
	color: #2d73b9;
	margin-top: 10px;
	margin-bottom: 0.5em;
	margin-left: 0% text-align: left;
}

/* new March 2018 */
h1.bluechip
{
	font: italic 42pt "Tahoma";
	/*orange;*/
	/*grey;*/
	/*blue;*/
	/*#2d73b9;*/
	color: #1a82f7;
	margin-top: 0px;
	margin-bottom: -10px;
	margin-left: 30px;
	margin-right: 30px;
	text-align: right;
}

h1.places
{
	float: left;
	margin-left: 5%;
	font: 42pt "Tahoma";
	/*orange;*/
	/*#555555;*/
	/*blue;*/
	/*#2d73b9;*/
	/*#1a82f7;*/
	color: #2d73b9;
	margin-top: none;
	margin-bottom: 0.2em;
	text-align: left;
}

h1.destinations
{
	margin-left: 0%;
	font: italic 42pt "Tahoma";
	/*orange;*/
	/*grey;*/
	/*blue;*/
	/*#2d73b9;*/
	/*#1a82f7;*/
	color: #2d73b9;
	margin-top: 0.1em;
	margin-bottom: 10px;
	text-align: left;
	background-color: none;
}

h1.tp
{
	float: left;
	margin-left: 10%;
	font: 60pt "Open Sans", "Tahoma";
	/*orange;*/
	/*#555555;*/
	/*blue;*/
	/*#2d73b9;*/
	/*#1a82f7;*/
	color: #2d73b9;
	margin-top: none;
	margin-bottom: 0.2em;
	text-align: left;
}

h1.ds
{
	float: right;
	margin-right: 10%;
	font: italic 60pt "Open Sans", "Tahoma";
	/*orange;*/
	/*grey;*/
	/*blue;*/
	/*#2d73b9;*/
	/*#1a82f7;*/
	/*#2d73b9;*/
	color: orange;
	margin-top: none;
	margin-bottom: 0.2px;
	text-align: left;
	background-color: none;
}

h1.strap
{
	float: left;
	font: 54pt "Tahoma";
	/*orange;*/
	/*#555555;*/
	/*blue;*/
	/*#2d73b9;*/
	color: #1a82f7;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	background-color: none;
	width: 95%;
	margin-left: 5%;
	/*margin-right: auto;*/
}

/* ============= */
h2
{
	margin-top: 15px;
	margin-left: 30px;
	/*0px;*/
	/*400px;*/
	margin-right: 10px;
	margin-bottom: 20px;
	font: italic 14pt "Tahoma";
	text-align: left;
	/*#009ee3;*/
	/*grey;*/
	/*#744a00;*/
	/*#b57600;*/
	/*#a06800;*/
	/*brown;*/
	color: black;
}

h2.projects
{
	margin-top: 15px;
	margin-left: 30px;
	/*0px;*/
	/*400px;*/
	margin-right: 10px;
	margin-bottom: 0px;
	font: italic 12pt "Tahoma";
	text-align: left;
	/*#009ee3;*/
	/*grey;*/
	/*#744a00;*/
	/*#b57600;*/
	/*#a06800;*/
	color: brown;
}

h2.hold
{
	margin-top: 00px;
	margin-left: 00px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: bold 11pt "Tahoma";
	text-align: center;
	/*#009ee3;*/
	/*grey;*/
	color: white;
}

h3
{
	margin: 5px 0px 10px 30px;
	font: bold 10pt "Tahoma";
	text-align: left;
	color: white;
}

h3.info
{
	margin: 0px 0px 5px 30px;
	font: 12pt "Tahoma";
	text-align: left;
	color: #222222;
}

/*=============================================================================================
 * tables
 *============================================================================================*/

/*=============================================================================================
 * cells
 *============================================================================================*/

/*=============================================================================================
 * text
 *============================================================================================*/

p
{
	font: 12pt "Arial";
	color: #444444;
	text-align: left;
	margin-left: 30px;
	/*40px; 400px;*/
	margin-right: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}

p.catch
{
	font: 18pt "Arial";
	color: #444444;
	text-align: left;
	/*40px; 400px;*/
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: 15%;
}

p.BCT
{
	width: 65%;
	font: 12pt "Arial";
	color: #444444;
	/*left;*/
	text-align: justify;
	/*30px;*/
	/*40px; 400px;*/
	margin-left: 15%;
	margin-right: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}

p.management
{
	font: 12pt "Arial";
	color: #444444;
	text-align: left;
	margin-left: 30px;
	/*40px; 400px;*/
	/*130px;*/
	margin-right: margin-top: 5px;
	margin-bottom: 5px;
	width: 50%;
}

p.aboutus
{
	font: 12pt "Arial";
	color: #444444;
	text-align: left;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 5px;
	margin-bottom: 5px;
}

p.white
{
	font: 12pt "Arial";
	color: #F5F5F5;
	text-align: left;
	margin-left: 30px;
	/*40px; 400px;*/
	margin-right: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}

p.consultancy
{
	font: 11pt "Arial";
	color: #444444;
	text-align: justify;
	text-justify: inter-word;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

p.contact
{
	font: 10pt "Cabin", "Arial";
	/*#444444;*/
	/*white;*/
	/*#222222;*/
	color: white;
	text-align: right;
	margin-right: 10px;
	margin-bottom: 00px;
	margin-top: 0px;
}

p.info
{
	font: 10pt "Arial";
	/*#444444;*/
	color: white;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

p.copy
{
	font: 12pt "Arial";
	color: #222222;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 5px;
}

p.horizontal_hold
{
	font: bold 12pt "Arial";
	color: white;
	text-align: center;
	padding-top: 10px;
}

p.people
{
	font: italic 11pt "Arial";
	color: #222222;
	text-align: left;
	margin-left: 30px;
	/*40px; 400px;*/
	margin-right: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* new March 2015*/
p.event
{
	font: bold 10pt "Arial";
	/*#222222;*/
	color: #2d73b9;
	text-align: left;
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 1em;
	margin-bottom: 1em;
}

/*=== projects and customers =======================================*/
p.partnership
{
	/*bold*/
	font: 13pt "Open Sans", "Arial", sans-serif;
	/*#222222;*/
	/*#2d73b9;*/
	/*white;*/
	/*#1a82f7;*/
	color: black;
	text-align: left;
	/*30px;*/
	margin-left: 5%;
	margin-right: 20px;
	margin-top: 1em;
	margin-bottom: 1em;
}

p.precis
{
	font: 11pt "Mukta", "Arial", sans-serif;
	line-height: 150%;
	/*#555555; */
	color: black;
	/*justify;*/
	text-align: left;
	text-justify: inter-word;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 5px;
	margin-bottom: 0px;
}

/* ============= */
p.imagestrap
{
	font: bold 11pt "Arial";
	color: #222222;
	text-align: left;
	margin-left: 20px;
	/*40px; 400px;*/
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

p.cons
{
	font: 12pt "Arial";
	color: #444444;
	text-align: left;
	margin-left: 3%;
	/*40px; 400px;*/
	margin-right: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}

p.pdf
{
	float: left;
	width: 25%;
	font: italic 10pt "Tahoma";
	color: /*#333333;*/ #1982f8;
	text-decoration: none;
	text-align: center;
	margin-top: 3%;
}

/*=============================================================================================
 * lists
 *============================================================================================*/

ul
{
	text-align: left;
	font: bold 14pt "Arial";
	/*#333333;*/
	/*black;*/
	color: #333333;
	/*10px;*/
	margin-bottom: 1%;
	margin-left: 3%;
	background-color: none;
	/*disc;*/
	/*none;*/
	list-style-type: square;
	list-style-position: default;
}

ul.BCT
{
	text-align: left;
	font: bold 14pt "Arial";
	/*#333333;*/
	/*black;*/
	color: #333333;
	/*10px;*/
	margin-bottom: 1%;
	/*3%;*/
	margin-left: 15%;
	background-color: none;
	/*disc;*/
	/*none;*/
	list-style-type: square;
	list-style-position: default;
}

ul.management
{
	text-align: left;
	font: 12pt "Arial";
	/*#333333;*/
	/*black;*/
	color: #333333;
	margin-bottom: 10px;
	background-color: none;
	/*disc;*/
	/*none;*/
	list-style-type: square;
	list-style-position: default;
}

li.management { margin-bottom: 0.5em; }

ul.consultancy
{
	text-align: left;
	font: 10pt "Arial";
	color: #333333;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: -10px;
	margin-right: 50px;
	background-color: none;
	list-style-type: circle;
}

ol
{
	text-align: justify;
	font: italic 9.5pt "Arial";
	color: #333333;
	margin-left: -10px;
	margin-right: 50px;
	background-color: none;
	list-style-type: none;
	list-style-position: default;
}

/*=============================================================================================
 * images
 *============================================================================================*/

img { border: none; }

img.keith
{
	margin-top: 2em;
	margin-bottom: 1em;
}

img.PM { margin-top: 0em; }

img.linkedin
{
	border: none;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 30px;
}

img.pdf1
{
	float: left;
	margin-left: 5%;
}

img.pdf2 { float: left; }

/*=============================================================================================
 * links
 *============================================================================================*/

a:link
{
	font: 14pt "Tahoma";
	/*#333333;*/
	/*black;*/
	/*#07153B;*/
	/*black;*/
	/*#243D5F;*/
	/*#333333;*/
	color: gray;
	text-decoration: none;
}

a:visited
{
	font: 14pt "Karla", "Tahoma";
	/*#333333;*/
	/*black;*/
	/*#07153B;*/
	/*black;*/
	/*#243D5F;*/
	/*#333333;*/
	color: gray;
	text-decoration: none;
}

a:hover
{
	font: 14pt "Karla", "Tahoma";
	/*#239e46;*/
	color: #194AD3;
	text-decoration: none;
	/*background-color: #239e46;*/
}

a:link.footer
{
	font: 14pt "Cabin", "Tahoma";
	/*#333333;*/
	/*black;*/
	/*#07153B;*/
	/*black;*/
	/*#243D5F;*/
	color: #333333;
	text-decoration: none;
}

a:visited.footer
{
	font: 14pt "Cabin", "Tahoma";
	/*#333333;*/
	/*black;*/
	/*#07153B;*/
	/*black;*/
	/*#243D5F;*/
	color: #333333;
	text-decoration: none;
}

a:hover.footer
{
	font: 14pt "Cabin", "Tahoma";
	/*#239e46;*/
	color: #194AD3;
	text-decoration: none;
	/*background-color: #239e46;*/
}

a:link.nav
{
	font: bold 12pt "Tahoma";
	color: white;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	background-color: red;
	margin-top: 10px;
}

a:visited.nav
{
	font: bold 12pt "Tahoma";
	color: white;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	background-color: red;
	margin-top: 10px;
}

a:hover.nav
{
	font: bold 12pt "Tahoma";
	color: blue;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	background-color: red;
	margin-top: 10px;
}

a:link.mail
{
	font: 11pt "Cabin", "Arial";
	/*#444444;*/
	color: white;
	text-decoration: none;
}

a:visited.mail
{
	font: 11pt "Arial";
	/*#444444;*/
	color: white;
	text-decoration: none;
}

a:hover.mail
{
	font: italic 11pt "Cabin", "Arial";
	color: blue;
	text-decoration: none;
}

a:link.pdf
{
	font: 10pt "Tahoma";
	color: #333333;
	text-decoration: none;
	text-align: left;
}

a:visited.pdf
{
	font: 10pt "Tahoma";
	color: #333333;
	text-decoration: none;
	text-align: left;
}

a:hover.pdf
{
	font: 10pt "Tahoma";
	color: gray;
	text-decoration: none;
	text-align: left;
}

/*=============================================================================================
 * drop-down navigation
 *============================================================================================*/

/*LIST-BASED MENUS WITHOUT IDs OR CLASSES ON THE LIST ELEMENTS*/
/* tested in NN7, Opera, Firefox, IE6, IE5.5, IE5, on Windows and Safari and IE5 on Mac*/
/*this continues the horizontal menu demo*/
/*<style>*/
/*body {font-family: arial; font-size:100%; behavior:url(css/csshover.htc);}*/
/** {margin:0; padding:0;}*/
/* losing this enables pages to be centred*/
/* the horizontal menu starts here */
div#listmenu
{
	width: 100%;
	/* makes the div full width */
	float: left;
	/*makes the div enclose the list */
	/*#069;*/
	/*1px solid gray;*/
	border-top: none;
	/* draws line on top edge of div */
	/*#069;*/
	/*1px solid gray;*/
	border-bottom: none;
	/* draws line on bottom edge of div */
	/*font-size:*/
	/*.8em;*/
	/*9pt;*/
	/* SET FONT-SIZE HERE */
	/*.8em;*/
	font: 10pt Arial;
	/* SET FONT-SIZE HERE */
	/*#CCF;*/
	/*white;*/
	/*grey;*/
	background-color: none;
	/* colors the div */
	/*20px;*/
	margin-top: 10px;
	/* (not) TEMPORARY - pushes the top of the div away from the banner*/
	margin-bottom: 0px;
	/* (not) TEMPORARY - pushes the bottom of the div away from the text*/
	padding: 3 0px;
	/*add space above and below menu item*/
	margin-left: auto;
	margin-right: auto;
}

div#listmenu ul
{
	/*30px*/
	margin: 0 0 0 -5px;
	/* indents ul from edge of container */
}

div#listmenu li
{
	float: left;
	/* causes the list to align horizontally instead of stack */
	position: relative;
	/* positioning context for the absolutely positioned drop-down */
	list-style-type: none;
	/* removes the bullet off each list item */
	/*#FFA;*/
	/*white;*/
	/*grey;*/
	background-color: none;
	/*sets the background of the menu items */
	/*#069;*/
	/*1px solid grey;*/
	border-right: none;
	/* creates dividing lines between the li elements */
}

div#listmenu li:first-child
{
	/*#069;*/
	/*1px solid grey;*/
	border-left: #0561a5;
	/*the first vertical line on the menu */
}

div#listmenu li:hover
{
	/*#FFF;*/
	/*aqua;*/
	/*#ef8861;*/
	background-color: none;
	/*sets the background of the menu items */
}

div#listmenu a
{
	display: block;
	padding: 0 6px;
	/*creates space each side of menu item's text */
	text-decoration: none;
	/* removes the underlining of the link */
	/*#069;*/
	/*#444444;*/
	color: white;
	/* sets the type color of menu items*/
}

div#listmenu a:hover
{
	/*#F33;*/
	color: black;
	font-style: italic;
	/*text colour at hover*/
}

/* the horizontal menu ends here */
/* the drop-down starts here */
div#listmenu ul li ul
{
	margin: 0;
	/* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position: absolute;
	/* positions the drop-down ul in relation to its relatively positioned li parent */
	width: 11em;
	/*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	/*-1px;*/
	left: -41px;
	/*aligns the drop exactly under the menu  - had to take extra 40px off*/
}

div#listmenu ul li ul li
{
	width: 100%;
	/* makes the list items fill the list container (ul) */
	/*#069;*/
	/*1px solid gray;*/
	border-left: #0561a5;
	/* three sides of each drop-down item */
	/*#069;*/
	/*1px solid gray;*/
	border-bottom: #0561a5;
	/*#069;*/
	/*1px solid gray;*/
	border-right: #0561a5;
	/*grey;*/
	background-color: #1a82f7;
	/* controls background colour of drop down menu*/
}

div#listmenu ul li ul li:first-child
{
	/*#069;*/
	/*1px solid gray;*/
	border-top: #0561a5;
	/*the top edge of the dropdown */
}

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul { display: none; }

/* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul { display: block; }

/* shows the drop-down when the menu is hovered */
/* THE HACK ZONE - */
/* hack for IE (all flavours) so the menu has a vertical line on the left */
* html div#listmenu ul
{
	float: left;
	/* makes the ul wrap the li's */
	border-left: 1px solid #000;
	/* adds the rightmost menu vertical line to the ul */
	margin-left: 15px;
	/* IE doubles the given value above - why? */
}

* html a { display: block; }

/* makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul
{
	border-top: 1px solid #069;
	border-left: 0px;
	/* stops the drop inheriting the ul border */
}

/* end of hack zone */
/* END OF LIST-BASED MENU */
/*</style>*/

/*=============================================================================================
 * new fading banner
 *============================================================================================*/

/*.banner{position:absolute; z-index:1; height:230px; width:720px; top:0px; background:#FFF; border:solid 1px #CCC}

.banner h1{position: absolute; bottom:20px; right:20px; font-style:italic; color:#444; float:right; width:50%;font-size:40px; text-align:right; line-height:100%;}

#banner1{background-image:url(banner1.jpg);}

#banner2{background-image:url(banner2.jpg);}

#banner3{background:#F90}

#banner4{background:#FFC}

#banner5{background:#99CCFF}*/