html , body, div, span, iframe, h1, h2, h3, h4,blockquote,
a,em,font, img, b, u, i, table, tbody, tfoot, thead, tr, th, td{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.30;
}

html{ 
	background: url(../images/pitch_lit2.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:rgb(255,248,215);
}


h1, h2, h3, h4, hr {
	margin:5px;
}	

a {
  word-wrap: break-word;
}

* {
  box-sizing: border-box;
}

[class*="col-"] {
  float: left;
  
 /* border: 1px solid red;*/
}

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

 /*============================================
 Logo and top bar 
============================================*/
.logo {
	letter-spacing: 1px;
	color: rgb(131,150,156);
	text-shadow: 1px 2px .75px rgb(51,72,115);
	font-size: 1.75em;
	position: relative;
	margin-top:2px;
	/*width:450px;
	min-width:450px;*/
	float:left;
}
.logo2 {
	letter-spacing: -1px;
	color: rgb(131,150,156);
	text-shadow: 1px 2px .75px rgb(51,72,115);
	font-size: 2em;
	font-weight:bold;
}

.logo3 {
	letter-spacing: -1px;
	color: rgb(131,150,156);
	text-shadow: 1px 2px .75px rgb(51,72,115);
	font-size: 1.8em;
}

div.prom a {
	text-decoration:none;
}

.logo:hover , .logo2:hover, .logo3:hover {
	text-shadow: 1px 2px .75px rgb(254,157,4);
}

.logoCell{
	width:5.75em;
	min-width:5.75em;
} 
 
.logoCbd {
	width:140px;
	height:140px;
	position: absolute;
	top:-15px;
	left:87.5%;
	z-index: -11;
}

#banner{
	/*box-shadow: -5px 5px 5px rgb(136,136,136);
	width:85%;
	min-width:720px;
	border: 1px solid green;*/
	position:relative;
	padding: 0em 0.25em 0.5em 0em;
	/*left:50px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	height:400px;;*/
	border-style:outset;
	border-color:rgb(255,255,255);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;/*
	padding: 0em .25em 0em 1em;*/
}

#bannerfront{
	/*box-shadow: -5px 5px 5px rgb(136,136,136);
	width:90%;
	min-width:900px;*/
	min-width:150px;
	position:relative;
	padding: 0em 0.25em 0.5em 0em;
	margin-top:0px;
	/*margin-left:auto;
	margin-right:auto;
	height:40px;*/
	border-style:outset;
	border-color:rgb(255,255,255);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;/*
	padding: 0em .25em 0em 1em;*/
}
/*---- End logo -------------------------------*/

#mainNav{ }

/*============================================
	Styling the pic flips
	NA 23/08/2013 credit Martin Angelov 
=============================================*/
#picContainer{
	width:350px;
	height:175px;
	margin:5px 5px 20px 5px;
	position:relative;
	z-index:1;
	float:right;
	-webkit-perspective: 800px;
	perspective: 800px;
	border-color:rgb(225,255,255);
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px; 
}

#picContainer2{
	width:350px;
	height:150px;
	margin:5px 5px 20px 5px;
	position:relative;
	z-index:1;
	float:left;
}

#picContainerLogo{ /*border: 1px solid green;*/
	width:90px;
	height:90px;
	margin-right:5px;
	z-index:1;
	/*margin-left:-50px;*/
	float:left;
	-webkit-perspective: 800px;
	perspective: 800px;
	margin-top:0px;
}

#picContainerSq{
	width:310px;
	height:310px;
	margin-right:10px;
	margin-bottom:20px;
	position:relative;
	z-index:1;
	float:left;
	-webkit-perspective: 800px;
	perspective: 800px;
}

#flipContainls {
	min-height: 185px;
	margin-top:5px;
	display:inline;
}

#flipContainsq {
	min-height: 320px;
}

#picContainer img,#picContainer2 img, #picContainerLogo img{
	position:absolute;
	/* Enabling 3d space for the transforms */
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	/* When the forms are flipped, they will be hidden */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	
	/* Enabling a smooth animated transition */
	-moz-transition:2s;
	-webkit-transition:2s;
	transition:2s;
}

#front{
	z-index:100;
}

#back{
	z-index:1;
	opacity:0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	/* Rotating the back pic */
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg);
}

#picContainer.flipped #front,
#picContainerLogo.flipped #front
{
	opacity:0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	/**
	 * Rotating the front pic when the
	 * flipped class is added to the container
	 */
	-moz-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
}

#picContainer.flipped #back,
#picContainerLogo.flipped #back
{
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	/* Rotating the back div into view */
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	transform:rotateY(0deg);
}

.imgLeftFlip {
	float: left;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: solid 1px rgb(255,255,255);
}

/*--End styling pics flip ------------------*/	
.regLogo {
	display:inline-block;
	float:right;
	position:relative;
	top:75px;
	right:-5px;
}	

.regTitle{
	font-size:.3em;
	position:relative;
	top:-5px;
	text-shadow: none;
}

 .imgLogo {
	width:5.625em;
	height:5.625em;
}

.imgLogoDrop {
	margin-bottom:-10px;
}

.imgLogoDrop2 {
	margin-bottom:-2.5%;
}
/*------ End image flips ------------------*/

/*======================
Front Page
=======================*/
#frontthree{ 
   	margin-top:10px !important;
	/*margin-left:5px;
	width:100%;
	min-width:820px;
	height:600px;
	min-height:400px;
	position:relative;
	
	border-style:solid;
	border-color:blue;*/
}

#frontthree span{
	/*display:inline-block;
	*display: inline;
	*zoom: 1;*/	
}

#frontleft {
	float:left;
	min-width:210px;
	margin: auto;
	padding:10px;
}

#frontmid dd{ 
	/*left:21%;
	width:50%;
	position:absolute;
	min-width:250px;*/
	display:none;
	visibility: hidden;
	min-height: 450px;
	top: 0px;
	padding:10px 20px;
	width:97.5%;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:opacity .5s linear;
	transition: opacity .5s linear;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-webkit-box-shadow: 6px 6px 6px rgba(5,5,5,0.8);
	box-shadow: 6px 6px 6px rgba(5,5,5,0.8);
	background-color:white;
	/*background-image:url(../images/sideBlue.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;*/
	z-index:-1;
	margin-left:0px;
	float:left;
}

#resumeHolder dd{ 
display:none;
	visibility: hidden;
	min-height: 450px;
	top: 0px;
	padding:10px 20px;
	width:97.5%;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:opacity .5s linear;
	transition: opacity .5s linear;
	z-index:-1;
}

#frontright, #resumeHolder {
	float:right;
	/*height:90%;
	min-height: 400px;
	width:15%;
	min-width:200px;
	margin-right:10px;
	padding-left:5px;*/
	margin: auto;
	padding:10px;
}

#frontleft a,#frontright a, .hscrollInner a,
#frontleft p,#frontright p, .hscrollInner p {
	font-size:12px;
}

 dd#indx {
	display:inline-block;
	visibility:visible;	
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	z-index:1;
}

 .hid{
	display:none;
	visibility:hidden;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	z-index:1;
}

dd#soln:target, dd#int:target, dd#sys:target, dd#rev:target,  
dd#reg:target,dd#proj:target, dd#dev:target, dd#fit:target , dd#news:target,
dd#tab01:target, dd#tab02:target, dd#tab03:target, dd#tab04:target , dd#tab05:target, 
dd#tab06:target,dd#tab07:target,dd#ks1:target,dd#ks2:target
	{display:inline-block;
	visibility:visible;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	z-index:10;
}

dd#frontlteie8{
filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	z-index:10;
}

dt {
 display: inline-block;
}

dt a{
z-index:999;
}

dd#soln:target, dd#int:target, dd#sys:target, dd#rev:target,  
dd#reg:target,dd#proj:target, dd#dev:target, dd#fit:target
{
}

/*-----end front page ------------------*/

/*==========================
Pages - controlling visibility
==========================*/
.page{
	display:none;
	opacity:0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
}
.page.current{
	display:block;
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

.displayN {
	display: none;
}
/*========================*/

/*============================
Form elements - buttons,input, 
labels, textarea etc
=============================*/
.indentfrmlbl{
	position:relative;
	max-width:120px;
	padding: 10px 0 10px 0;
	font-size:0.875em;
	text-align: right;
	margin-left:20%
	}

input, select, textarea{
	margin:2px 0 2px 0;
	font-size:1em;
}


.label_bold{
	/*color: rgb(0,0,255);*/
	font-weight:bold;
	font-size:1em;
}

.labeld {
	display: block;
	clear: left;
	float: left;
	width: 150px;
	text-align: left;
	padding: 5px 5px 0 0;
	color: black;
	font-size:1em;
}

.labeldpr {
	display: block;
	font-weight:bold;
	clear: left;
	float: left;
	width: 200px;
	text-align: left;
	color: black;
}

.labelgen {
	
	padding: 5px 5px 0 0;
	color: black;
	font-size:1em;
}
.label_l {
	display: block;
	clear: left;
	float: left;
	width: 97.5%;
	text-align: right;
	padding: 5px 5px 0 0;
	font-size:1em;
}
#contactdbfrm input, #contactdbfrm textarea{
	width: 100%;
	max-width:450px;
}

#contactdbfrm #submit {
	cursor: pointer;
}

/*=========================*/
/*--------------------------------------------
validation for forms 
---------------------------------------------*/
#contactdbfrm .indent label.error {
	margin-left: 0;
}
#contactdbfrm label.error {
	font-size: 0.875em;
	color: rgb(0,0,255);
	display: block;
	/*margin-left: 150px;*/
}
#contactdbfrm  input.error, #contactdbfrm select.error  {
	 background:  rgb(255,169,184);
	 border: 1px solid red;
}

.error {
	color:red;
}
.inputerr{
	border-color:rgb(255,0,0);
	color: red;
	font-size:0.875em;
}
/*--end validation ------------------------ */

/*=========================
Wrappers
==========================*/
.wrapper, .prom {
	box-shadow: -5px 5px 5px rgb(136,136,136);
	background-color:rgb(255,255,255);
	min-width:150px;
	min-height:400px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	border-style:outset;
	border-color:rgb(255,255,255);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index:0;
	padding: 0em .25em .5em .25em;
	font-size:.975em;
}

.wrappercap {
	box-shadow: -2px 2px 2px rgb(136,136,136);
	background-color:rgb(255,255,255);
	width:85%;
	min-width:720px;
	min-height:400px;
	margin-top:50px;
	margin-left:7.5%;
	margin-right:7.5%;
	position:relative;
	border-style:outset;
	border-color:rgb(255,255,255);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index:0;
	padding: 0em .25em .5em 1em;
	font-size:.975em;
}

.wrapper-front {
	width:100%;
	min-width:900px;
	min-height:640px;
	margin-top:50px;
	margin-left:5px;
	
	z-index:0;
	padding: 0em .25em .5em 1em;
	font-size:.975em;
	/*border-style:solid;
	border-color:red;*/
}

.wrapperi {
	background-color:rgb(255,255,255);
	width:85%;
	min-width:720px;
	margin: auto;
	position:relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	border-style:outset;
	border-color:rgb(255,255,255);
	z-index:10;
	/*-webkit-box-shadow: 5px 5px  #888888;
	-moz-box-shadow: 5px 5px  #888888;
	box-shadow: 5px 5px  #888888;*/
}

.wrapperpr{
	background-color:rgb(255,255,255);
	width:85%;
	padding:10px;
	min-width:720px;
	margin-left:7.5%;
	position:relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index:10;
}

.content {
	margin: 5px 10px 0 10px;
}

.contentdrop {
	position:absolute;
	margin: 0px 0px 5px 0px;
}

.main {
	position: relative;
	padding-bottom: 0.5em;
	/*border-bottom: solid 1px rgb(255,255,255);
	overflow:hidden;*/
	/*xxmin-height: 300px;*/
	margin-left:auto;
	margin-right:auto;
}

/*-----end wrappers ------------------*/
/*========================
Styling
=========================*/
a img {
    border:none;
}

.noflo{
overflow: hidden;
}

.borderd{
	border-color:rgb(0,0,0) !important;
}

.borderd:hover {
	border-color:rgb(45,18,174) !important;
}

.borderl{
	border-color:rgb(225,230,240) !important;
}

.borderl:hover {
	border-color:rgb(45,18,174) !important;
}

.bordery:hover {
	border-color:rgb(255,255,0) !important;
}

.boxshad{box-shadow: -5px 5px 5px rgb(136,136,136);}

.clearb{clear:both;}

.wrapper-front a:hover {
	color:red;
}

#frontthree a {
	text-decoration:none;
}

.highlight {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	z-index: 100;
	background-color:rgb(255,255,255);
}

.highlight_nobg {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	z-index: 100;
}

.highlight:hover, .highlight_nobg:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.roundedIn{
    border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-style:inset;
	border-color:rgb(255,255,255);
	padding:5px;
}

.shadow {
    -webkit-box-shadow: 3px 3px 3px rgba(51,51,51,0.3);
    box-shadow: 3px 3px 3px rgba(51,51,51,0.3);
}

.shadow2 {
    -webkit-box-shadow: 6px 6px 6px rgba(5,5,5,0.8);
    box-shadow: 6px 6px 6px rgba(5,5,5,0.8);
}

.pad5{
padding:5px;
}

/*-----end styling ------------------*/

/*====================
Background
=====================*/
.background{
	background-color: rgb(221,220,228);
	background: -webkit-linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.2) ); /* For Safari */
	background: -o-linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.2) ); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.2) ); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.2) ); /* Standard syntax */
}

.backgroundD{
	background-color: rgb(221,220,228);
	background: -webkit-linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.6) ); /* For Safari */
	background: -o-linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.6) ); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.6) ); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.6) ); /* Standard syntax */
}

.background2{
	background-color:rgb(221,220,228);
	background-color:rgba(45,18,174,0.1);
}

.bgWhite{
	background-color:rgb(255,255,255);
}

.bgBlack{
	background-color:rgb(0,0,0);
}

#nav li ul li a{
	background: rgb(222, 214, 255); /* Standard syntax */	
}

.bgLightYellow
{
	background-color: #F2F5A9;
}

.white{
	background-color:rgb(255,255,255);
}
/*===================
Colours
====================*/
.errCol{
	color:red;
}

#signup .errCol{
 margin-left:125px
}

#loginfrm  .errCol{
	font-size:11px;
}
/*==================
Alignment
===================*/
.center
{
	width:85%;
	min-width:250px;
	margin-left:7.5%;
	position:relative;
	padding:5px;
}

.centertext
{
	width:85%;
	min-width:720px;
	margin-left:7.5%;
	position:relative;
	padding:5px;
}	

#clear_navtab ul{
	padding-left: 0px;
	text-indent: 0px;
	margin:0px;
}

.middle
{
	width:85%;
	min-width:720px;
	margin-left:50%;
}	

.floatl{
	margin-left:5px;
}	

.floatr{
	float:right;
	margin-right:5px;
}

.groupspanprom{
	width:98%;
	height:250px;
	margin:auto;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:5px 0 5px 10px;
	border-style:inset;
	border-color:rgb(225,255,255);
}

 #groupspan{
	width:100%;
	min-width:250px;
	height:110px;
	margin:auto;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding-top:10px;
	padding-left:10px;
	border-style:inset;
	border-color:rgb(225,255,255);
}

#groupspan span{
	display:inline-block;    
    width:15%;
    text-align:center;
}

.icon_SM span{ 
	display:inline-block; 
	z-index:0;	
}

#imgrtxtspan span{
	display:inline-block;    
    width:40%;
	margin:5px 5px;
	height:100px;
	vertical-align: middle;
}

#imgrtxtspan img{
	float:right;
	border-style:solid;
	border-color:blue;
	border-width:1px;
}

#imgrtxtspan img:hover{
	border-color:rgb(254,157,4);
}

#lside {
	float: left;
	width: 230px;
	display: inline;
	margin-top: 0px;
	margin-right:5px;
	padding:5px;
}

#lsidef {
	/*width: 210px;*/
	position:relative;
	height: 450px;
	padding-left:10px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

#lsidefouter {
	float: left;
	width:25%;
	height: 660px;
	margin-top: 0px;
	margin-right:20px;
	padding:5px;
}

#mside {
	width: 75%;
	min-width:300px;
	margin: 15px 10px 10px 300px;
	background-color: #FFF;
	padding: 18px 10px;
}

#rside {
	float: right;
	width: 220px;
	display: inline;
	background-color: rgb(225,230,240);
	margin-top: 0px;
	margin-right:20px;
	padding:5px;
	border:solid;
	position:relative;
}

.resumeTxt{
	height:400px;
}

#resumeframe{ 
	display:inline-block; 
	
   	margin-left:5px;
	margin-right:5px;
	width:100%;
	/*overflow-y:auto;
	min-width:730px;
	height:600px;*/
	min-height:550px;
	position:relative;
	/*border-style:solid;
	border-color:blue;*/
}

#three span{ 
	display:inline-block;    
	width:32%;
	text-align:center;
	margin-top:10px !important;
}

#three span span{ 
	width:90%;
	margin-right:5px;
	text-align:left;
	vertical-align: top;
}

#twospan{
	width:98%;
	min-width:120px;
}

#twospan span{
	display:inline-block;    
	width:45%;
}

/*---- End alignment -----------*/
/* ======================
 Images
 =======================*/
 .imgCent {
	position: relative;
	width:95%;
	max-width:250px;
	min-width:100px;
	height:auto;
	margin:auto;
	top:.5em;
	border: solid 3px rgb(255,255,255);
	padding:0px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
 
 .imgCentMisc {
	position: relative;
	margin:auto;
	margin-bottom:10px;
	border: solid 3px rgb(255,255,255);
	padding:5px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

 .img-holderf{	
	width:165px;
	height:155px;
	margin:10px auto;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:10px 10px 20px 10px;
	border-color:rgb(225,255,255);
	background-color: rgb(176,161,222);
	background: -webkit-linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* For Safari */
	background: -o-linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* Standard syntax */
	} 
	
 .img-holderf:hover; {
	-webkit-box-shadow: 1px 1px 1px rgba(51,51,51,0.3);
	box-shadow: 1px 1px 1px rgba(51,51,51,0.3);
	background-color: rgb(255,201,0);
	background: -webkit-linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* For Safari */
	background: -o-linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* Standard syntax */
 }
 
  .img-holderm{	
	/*width:500px;
	height:185px;*/
	margin:10px auto;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:10px 10px 20px 10px;
	border-color:rgb(225,255,255);
	background-color: rgb(176,161,222);
	background: -webkit-linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* For Safari */
	background: -o-linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* Standard syntax */
	} 
	
 .img-holderm:hover{
	-webkit-box-shadow: 1px 1px 1px rgba(51,51,51,0.3);
	box-shadow: 1px 1px 1px rgba(51,51,51,0.3);
	background-color: rgb(255,201,0);
	background: -webkit-linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* For Safari */
	background: -o-linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* Standard syntax */
 }

 .imgIcon {
	width:48px;
	height:48px;
	border-style: none;
	}
	
 .imgLeftFront {
	margin: 2px ;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	width:140px; /* ratio 1:0.78 */
	height:109px;
}

.imgLeftFront:hover{
	-webkit-box-shadow: 1px 1px 1px rgba(5,5,5,0.8);
	box-shadow: 1px 1px 1px rgba(5,5,5,0.8);
}

 .dashlabel{
	width:140px;
	height:25px;
	position: relative;
	left:0px;	
	bottom:30px; 
	margin:auto;
	background-color:#ffffff;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-bottom-leftt-radius: 7px;
	-moz-border-bottom-right-radius: 7px;
	text-align: center;
	font-size:0.93em;
	height:25px;
}

.dashlabel:hover {
	background-color:rgb(110,138,195);
	color:#ffff00;
}

  #frontright img {
	display:block;
	position:relative;
	margin:auto;
}
#frontright  .dashlabel{
	bottom:25px;
}
 .imgLeftMisc, .imgLeftMiscP  {
	float: left;
	margin:5px 15px 20px 5px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#sounddip .imgLeftMisc {
	width:350px;
	height:auto;
	float: left;
	margin:5px 10px 10px 5px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}


 .imgLeftSmall {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: -5px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.imgLeftTn {
	float: left;
	margin-bottom: 5px;
	margin-right: 20px;
	width:104px;
	height:100px;
	border: solid 3px rgb(225,230,240);
	padding:3px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#resume .imgLeftTn {
	margin-right: 5px;
}

 .imgSM {
	width:20px;
	height:20px;
	border-style: none;
	padding:5px;
}

 .imgSM-holderf{
	width:30px;
	height:30px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-right:20px;
	box-shadow: 3px 3px 3px rgb(136,136,136);
}

 .imgSM-holder{
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-right:20px;
	box-shadow: 3px 3px 3px rgb(136,136,136);
}

.imgSM-holderf:hover, .imgSM-holder:hover{
	box-shadow: 0px 0px 1px rgb(136,136,136);
}

.xximgSM-holderf img:hover{
	/* Enabling 3d space for the transforms */
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
	/* Enabling a smooth animated transition */
	-moz-transition:2s;
	-webkit-transition:2s;
	transition:2s;
}

.imgStdProm {
	width:165px;
	height:135px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: -5px 5px 5px rgb(136,136,136);
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}
	
.imgStdTn {
	width:80px;
	height:80px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: -5px 5px 5px rgb(136,136,136);
}
#menuLabel, #menuServs{
	float:right;
	position:absolute;
	right:0px;
}

.logocriss,.logojb,.logoks, .logolubc{
	width:173px;
	height:auto;
}

.logouoslsch{
	width:150px;
	height:auto;
}

.logosd{ width:84px;
height:auto; }

#soundip:hover {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
}

/*-------- End images ---------------- */
/*=======================
Scroll bars
========================*/
div.scroll{  
	height:70%;
	max-height:23.125em;
	overflow-y:scroll;
}

div.scroll95{  
	height:95%;
	overflow-y:scroll;
}

.resume_scroll{
	height:400px;
	width:100%;
	overflow-y:scroll;	
}

.hscroll{
	overflow-x:scroll;
	overflow-y:hidden;
	width:100%;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: -5px 5px 5px rgb(136,136,136);
}

.hscrollInner{
	width:auto; 
	white-space:nowrap;
	padding-left:5px;
}

.front_scroll{
	/*height:450px;*/
	height:90%;
	overflow-y:scroll;	
}

.gen_scroll{
	overflow-y:scroll;
}
/*------- end scroll bars -------------------*/
#workers{ overflow-y:hidden;}

.footer {
	box-shadow: -5px 5px 5px rgb(136,136,136);
	width:85%;
	min-width:720px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	border-style:outset;
	border-color:rgb(255,255,255);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index:0;
	padding: .5em .25em .5em 1em;
	font-size: 0.80em;
} 

.foot {
	width:85%;
	min-width:720px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	padding: .5em .25em .5em 1em;
	font-size: 0.80em;
	z-index:0;
}

.footerfront {
	/*box-shadow: -5px 5px 5px rgb(136,136,136);
	width:90%;
	min-width:900px;*/
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	/*border-style:outset;
	border-color:rgb(255,255,255);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
	z-index:0;
	padding: .5em .25em .5em 1em;
	font-size: 0.80em;
} 

.footerfront i {
	font-size: 1em;
}

.footfront {
	/*width:90%;
	min-width:900px;*/
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	padding: .5em .25em .5em 1em;
	font-size: 0.80em;
	z-index:0;
}

.footfront, .footerfront {
	min-width:150px;
}
/*=====================
text
======================*/
h2 {color: rgb(45,18,174);
	font-size: 1.5em;
	line-height: 0.8em;
}
.prom h2 {line-height:1em;}

.h2 {color: rgb(45,18,174);
   font-weight:bold;
	/*color: rgb(143,180,255);*/
   font-size: 2em;
   letter-spacing: 2px;
   margin-bottom:2px;
   text-shadow: 1px 2px .75px rgb(51,72,115); 
}

h3{color: rgb(95,30,47);
	font-size: 1.2em; 
}

h4{color: rgb(95,30,47);
	font-size: 1.1em;
	margin-bottom:5px;
}
/*------ end fonts ------- */
#b{
	border: solid 1px green;
}
#resume a{
	color:rgb(0,0,255);
}


.rotate{
	transform:rotate(25deg);
	-ms-transform:rotate(25deg); /* IE 9 */
	-webkit-transform:rotate(25deg); /* Opera, Chrome, and Safari */
}

a {text-decoration: none;
}
/*----- end text --------------------*/

/*=======================
side menu
========================*/
#frontLeft .front_menu{	
	width:97.5%;
	min-width:90px;
	max-width:200px;
	height:90%;
	max-height:550px;
}

 .imgBttn{
	position:absolute;
	right: 0px;
	top:0px;
	z-index:9999;
	outline:0 !important;
}

.imgBttn:hover{
	cursor:pointer;
}

#menu-xholder{
	top:-35px;
	right:10px;
	float:right;
	position:relative;
	margin-top:5px;
	z-index:99999;
}

#indexpage #menu-xholder{
	top:-3px;
	right:-1px;
	float:right;
	position:relative;
	z-index:99999;
	cursor: pointer;
}


#menu-xholderA{
	float:right;
	position:relative;
	top:4px;
	right:-10px;
	z-index:99999;
	visibility:hidden;
}

.rlabel{
	display:inline;
}

/*--- end side menu --------*/
/*=================================
 News
==================================*/ 
#breaking-news { 
    position: fixed; 
	top: 70px; 
	right: 5px;
	width:190px;
	z-index:99;
	/*border:solid;
	border-color:blue;*/
	padding-right:25px;
	animation-name: popup, fade; 
	animation-duration: 2s, 1s; 
	animation-timing-function: cubic-bezier(0.325, 0.730, 0.695, 1.650); 
	animation-fill-mode: backwards, forwards; 
	animation-delay: 10s, 105.5s; 
	
	-webkit-animation-name: popup, fade; 
	-webkit-animation-duration: 2s, 1s; 
	-webkit-animation-timing-function: cubic-bezier(0.325, 0.730, 0.695, 1.650); 
	-webkit-animation-fill-mode: backwards, forwards; 
	-webkit-animation-delay: 10s, 105.5s; 
} 

#breaking-news a {
	text-decoration:none;
}

.headernews{	
	width:175px;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:10px;
	-webkit-box-shadow: 3px 3px 3px rgba(51,51,51,0.3);
    box-shadow: 3px 3px 3px rgba(51,51,51,0.3);
	text-align:center;
	background: rgb(244,248,116); 
}

div.notification { 
    position: relative; width: 175px; border-radius: 10px; 
	background: rgb(244,248,116); 
	background: linear-gradient(rgb(244,248,116), rgb(255,255,255)); 
    padding: 10px; 
	
	margin-top: 10px; 
	box-shadow: 3px 3px 6px rgba(0,0,0,0.1) inset, 0 0 6px 2px rgba(0,0,0,0.1); 
	/*filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9; 
	z-index:1; */
    
	animation-name: popup, fade; 
	animation-duration: 2s, 1s; 
	animation-timing-function: cubic-bezier(0.325, 0.730, 0.695, 1.650); 
	animation-fill-mode: forwards; 
	animation-delay: 0s, 15s; 
	
	-webkit-animation-name: popup, fade; 
	-webkit-animation-duration: 2s, 1s; 
	-webkit-animation-timing-function: cubic-bezier(0.325, 0.730, 0.695, 1.650); 
	-webkit-animation-fill-mode: forwards; 
	-webkit-animation-delay: 0s, 15s;
	
	-webkit-box-shadow: 3px 3px 3px rgba(51,51,51,0.3);
	box-shadow: 3px 3px 3px rgba(51,51,51,0.3);
} 

div.notification a { 
    
	text-decoration: none; 
} 

div.notification a span { 
     padding-right: 10px; vertical-align: middle; 
} 

div.progress { 
    height: 5px; border-radius: 2px; border: 1px solid #999; 
	margin-top: 15px; background: rgb(215,215,215); 
}
 
div.progress span { 
    background: #000; display: block; width: 0; height: 3px; 
} 

@keyframes fade { 
    100% { 
	filter:Alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0; 
	display:none;
	z-index:-999;
	} 
} 

@-webkit-keyframes fade { 
    100% { 
	filter:Alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;  
	display:none;
	z-index:-999;
	} 
} 

@keyframes progress { 
    100% { width: 100%; } 
} 

@-webkit-keyframes progress { 
    100% { width: 100%; } 
}

div.notification:nth-child(7) { 
	animation-delay: 15s, 30s; 
	-webkit-animation-delay: 15s, 30s; 
} 

div.notification:nth-child(6) { 
	animation-delay: 30s, 45s; 
	-webkit-animation-delay: 30s, 45s; 
} 

div.notification:nth-child(5) { 
	animation-delay: 45s, 60s; 
	-webkit-animation-delay: 45s, 60s; 
} 

div.notification:nth-child(4) { 
	animation-delay: 60s, 75s; 
	-webkit-animation-delay: 60s, 75s; 
} 

div.notification:nth-child(3) { 
	animation-delay: 75s, 90s; 
	-webkit-animation-delay: 75s, 90s; 
} 
div.notification:nth-child(2) { 
	animation-delay: 900s, 105s;
	-webkit-animation-delay: 90s, 105s;
}

div.progress span { 
	background: #f00; display: block; 
	width: 0; height: 3px; 
	animation: progress 15s 1s forwards linear;
	-webkit-animation: progress 15s 1s forwards linear;
	margin:1px;
} 

div.notification:nth-child(7) div.progress span { 
	animation-delay: 15s; 
	-webkit-animation-delay: 15s; 
} 

div.notification:nth-child(6) div.progress span { 
	animation-delay: 30s; 
	-webkit-animation-delay: 30s; 
} 

div.notification:nth-child(5) div.progress span { 
	animation-delay: 45s; 
	-webkit-animation-delay: 45s; 
} 

div.notification:nth-child(4) div.progress span { 
	animation-delay: 60s; 
	-webkit-animation-delay: 60s; 
} 

div.notification:nth-child(3) div.progress span { 
	animation-delay: 75s; 
	-webkit-animation-delay: 75s;
}

div.notification:nth-child(2) div.progress span { 
	animation-delay: 90s; 
	-webkit-animation-delay: 90s;
}

/*----- end news -------------------*/
/*----- menu icon ----------*/
.menu-{display:inline-block;
	cursor: pointer;
	background-image: url(../images/icon_menux.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.menux{display:inline-block;
	cursor: pointer;
	background-image: url(../images/icon_menux.png);
	background-repeat: no-repeat;
	background-position: -25px 0px;
}

#menu-xholderA{
	cursor: pointer;
}

.menu_border{
	border: 1px outset white;
}
.menu_border:hover{
	border: 1px inset grey;
}

/* --------- end menu --------- */


 /* ======================
 Navigation
 ========================*/ 
/*Horizontal Tabs */
 #menu{margin-top:0px;
	 margin-bottom:0px;
}
 #menu ul { margin: 0px; padding: 0px;  }
.navbrdr a{
 /*A class to standardise navigation button styles*/
	opacity:0.975;
	filter:alpha(opacity=97.5);
	-moz-opacity: 0.975;
	border-style:outset;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top: 1px solid #ccc;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	-webkit-box-shadow: 1px 2px  #888888;
	-moz-box-shadow: 1px 2px  #888888;
	box-shadow: 1px 2px  #888888;
}

#nav li { display: inline-block; }

#nav{
	color: #666;
	min-width:720px;
	z-index:100;
	margin-left:1%;
	margin-top:0px;
	display:block; 
	position: relative;
 }
 
 #nav li {
	list-style-type: none;
	margin: 0px;
	padding-bottom: 5px;
	float: left;
	position: relative;
}

/* the menu items*/
#nav a{
	display: block;
	padding-top: 8px;
	margin-right:2px;
	margin-bottom:0px;
	color: rgb(53,75,118);
	width:130px;
	height:30px;
	font-size: 0.90em;
	text-indent: 0.2em;
	letter-spacing: 0.25px;
	text-decoration: none;
}

#menu a:hover, #vnav a:hover{
	background: rgb(244,248,116);
	color: rgb(45,18,174);
	font-weight:bold;
	border-color: rgb(254,157,4);
	-webkit-box-shadow: 0px 0px 15px 1px rgb(254,157,4);
	-moz-box-shadow: 0px 0px 15px 1px rgb(254,157,4);
	box-shadow: 0px 0px 15px 1px rgb(254,157,4);
}

#nav li a.hassub {
	background-image: url(../images/small/arrow.png);
	background-repeat: no-repeat;
	background-position: 99.5% 12px;
	z-index:102;
}

#nav li ul li a.hassub {
  background-image: url(../images/small/arrow.png);
  background-repeat: no-repeat;
  background-position: 97.5% -18px;
  z-index:102;
} 

/*#nav li:hover > ul {
	opacity:0.975;
	filter:alpha(opacity=97.5);
	-moz-opacity: 0.975;
	height:auto;
	display:block;
}*/

#nav .showMenuItem  {
	opacity:0.975;
	filter:alpha(opacity=97.5);
	-moz-opacity: 0.975;
	overflow: visible;
	height:auto;
	display:block;
	margin:0;
	
}


#nav ul li {
	float: none;
	margin: 0px;
	padding: 0px;
}


#nav ul {
	-webkit-transition: .3s all ease-in;
	transition: .3s all ease-in;
	opacity:0.975;
	filter:alpha(opacity=97.5);
	-moz-opacity: 0.975;
	height: 0px; 
	overflow: hidden;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	position: absolute;
	top: 30px;
	left: 0px;
	width: 132px;
	z-index:101;
	
	/* Fix for IE 7 to stop the menu just jumping up on hover 
	background-color: #FFF;*/
} 



#nav ul ul {
	left: 150px;
	top: 5px;
} 

#assocMenu{
	min-width:150px;
	position:absolute;
}



#assocMenu dt{
	display:block;
}

/* Vertical Tabs */
#vnav {
    list-style-type: none;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

#vnav dt {
    margin: 0px;
}

#vnav a{
	display: block;
	padding: 0.5em 5px;
	min-width:100px;
	margin-top:4px;
	text-decoration: none;
	color: #F2F2F2;
	background-color: rgb(45,18,174);
}

#home img {
	position:absolute;
	left:15%;
	top:50px;
	}
/* ------- end navigation -------------*/

/*=========================
Youtube
=========================*/
.youtube-player {
	width:90%; 
	height:90%;
	min-width: 175px;
	min-height:119px;
	margin:auto;
	box-shadow: -5px 5px 5px rgb(136,136,136);
}
.youtube-holder
{	width:auto;
	height:auto;
	max-width:390px; 
	min-width: 120px;
	margin-left:auto;
	margin-right:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:5%;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:5px;
	border-style:inset;
	border-color:rgb(225,255,255);
	}
	
.youtube-holderf
{	width:370px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2%;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:20px;
	border-style:outset;
	border-color:rgb(225,255,255);
	}	

/*--- end YouTube -------- */


.icon_SM span img {
	margin: 5px 10px;
}

.resumeTxt{
	min-height: 500px;
	display:inline;
	background-color:yellow;
}	

.partitionb{
	border-bottom:solid 1px black;
	padding:5px 0px;
}

.prom #fade:hover {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
}

.prom #picContainer2a{
	width:120px;
	height:120px;
	position:relative;
	z-index:1;

}
.prom #picContainer2a img{
	position:absolute;
	/* Enabling a smooth animated transition */
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	transition:0.25s;
}

 .prom .img-holderf{	
	width:140px;
	height:140px;
	padding:auto;
	margin-left:10px;
}
 #rblade img{	
	width:120px;
	height:120px;
	
}

.texttip{
	display:none;
}

#groupspan span:hover{
	position:relative;
	cursor:pointer;
}

#groupspan:hover .texttip{
	  border: #fff 2px solid;
	  background-color:rgb(255,255,255);
	  background-color:rgba(255,255,255,0.6);
        padding: 5px 20px 5px 5px;
        display: block;
        z-index: 100;
        left: 0px;
        width: 300px;
        margin-left:50%;
	  position: absolute;
        top: -35px;
        text-decoration: none;
}

[data-title]:hover:before {
            opacity: 1;
            transition: all 0.2s ease 0.6s;
            visibility: visible;
		z-index:99999;
        }
        [data-title]:before {
            content: attr(data-title);
            position: absolute;
            padding: 4px 8px 4px 8px;
		background-color:rgb(255,255,255);
		background-color:rgba(255,255,255,0.6);
		border: #fff 2px solid;
            color: #000;
            border-radius: 5px;  
            box-shadow: 0px 0px 15px #222;  
		top:-10px;
            visibility: hidden;
        }


/*====================
Decorations
=====================*/
.decTLeft {
	position: absolute;
	top:0px;
	left:0%;
	z-index: -11;
}

.decTRight {
	position: absolute;
	top:0px;
	left:82.5%;
	z-index: -10;
}

.decBLeft {
	position: relative;
	bottom:0px;
	left:-1em;
	z-index: -11;
}

.decBRight {
	position: absolute;
	bottom:0px;
	right:0px;
	margin-right:-0.25em;
	z-index: -11;
}

.decFooter{
	top:-50px;
	min-width:720px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}

/*----- End decorations -------*/

@media only screen and (max-width: 600px) {
/* For mobile phones: Design mobile first*/
	[class*="col-"] {
	}
  .col-m-1 {width: 8.33%;}
  .col-m-2 {width: 16.66%;}
  .col-m-3 {width: 25%;}
  .col-m-4 {width: 33.33%;}
  .col-m-5 {width: 41.66%;}
  .col-m-6 {width: 50%;}
  .col-m-7 {width: 58.33%;}
  .col-m-8 {width: 66.66%;}
  .col-m-9 {width: 75%;}
  .col-m-10 {width: 83.33%;}
  .col-m-11 {width: 91.66%;}
  .col-m-12 {width: 100%;}

  #ichomeX, .imgIcon, #crisis .imgIcon{
	width: 42px;
      height:42px;
  }
  
#picContainerLogo{
	margin-left:-10px;
	width: 70px;
      height:70px;
  }
  
.imgLogo {
	width:4.625em;
	height:4.625em;
	}
	
.regLogo {
	top:60px;
	right:-10px;
	}
.h2 {font-size: 1.35em;}
h2 { font-size:1.2em}
.logo {
	text-shadow: 0.5px 1px .375px rgb(51,72,115);
	font-size: 1.25em;
	}	

.logo2 {
	letter-spacing: -1px;
	color: rgb(131,150,156);
	text-shadow: 0.5px 1px .375px rgb(51,72,115);
	font-size: 1.30em;
	font-weight:normal;
}
#bannerfront{
	border:none;
}	

.roundedIn{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:solid 1px grey;
	padding:5px;
}

#frontmid dd{ 
	padding-left:30px;
	border:none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
	
dt img, #frontright img, .img-holderf {
	/*display:none;*/
  }
  
dt a {
	display:inline-block;
	padding:5px 10px;
  }
  
.hscroll{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: -3px 3px 3px rgb(136,136,136);
}

#frontLeft .front_menu{	
	width:135px;
	max-width:135px;
	max-height:450px;
}

.front_scroll{
	top: -25px;
	height:100%;	
}

  #frontLeft {
	width:160px;
	position:absolute;
	/*left:-110px;*/
	z-index:99999;
	background-color:white;
	/*background-color:rgb(221,220,228);
	-webkit-box-shadow: 3px 3px 3px rgba(5,5,5,0.8);
	box-shadow: 3px 3px 3px rgba(5,5,5,0.8);
	*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:solid 1px grey;
	
}

#assocMenu{
	width:180px;
	padding:0px 15px 20px 3px;
	position:absolute;
	height:auto;
	border:solid 1px grey;
}

#assocMenu #vnav a, #assocMenu p {
	height:50px;
	max-width:140px;
	
}
.sideMenuIn{
	left:-20px;
	-webkit-transition: .25s all linear;
	transition: .25s all linear;
}

.sideMenuOut{ 
	left:-137px !important;
	-webkit-transition: 1s all linear;
	transition: 1s all linear;
	}

.sideMenuInA{
	left:-30px; 
	-webkit-transition: .25s all linear;
	transition: .25s all linear;
}

.sideMenuOutA{
	left:-175px !important;
	-webkit-transition: 1s all linear;
	transition: 1s all linear;
	}	
	
	#services{display:none;}
	#frontright {display:none;}
	#news_menu{display:inline;}

.imgLeftFront{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:80px; /* ratio 1:0.78 */
	height:63px;
	}
	
.img-holderfXX{
	margin-left:10px;
	}	
	
 .dashlabel{
	width:80px;
	height:30px;
	font-size:0.785em;
	bottom:23px
}
	
.img-holderf{
	width:100px;
	height:110px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px 5px 20px 5px;
	margin:5px auto;
	}
	
.img-holderf div, .img-holderf div a{
	font-size:11px;
	margin-left:-5px;
	margin-right:-5px;
	}
	
 .prom .img-holderf	{
	width:100px;
	height:100px;
	padding:10px 15px;
	margin-left:10px;
 }
 #rblade img{	
	width:80px;
	height:80px;
}
.dashtext{
	font-size:0.785em;
}

dt .featured {
	margin-left:10px;
	height:165px;
	}

.imgLeftMisc {
	width:230px;
	height:auto; /*ratio 1:0.69*/ 
	margin:5px 15px 20px 5px;
}	

#sounddip .imgLeftMisc {
	width:300px;
	height:auto; /*ratio 1:0.69*/ 
	margin:5px 10px 10px 5px;
}

.imgLeftMiscP {
	width:230px;
	height:auto; /*ratio 1:0.89*/ 
	margin:5px 15px 20px 5px;
}		
	
#picContainer, #picContainer img{
	width:275px;
	height:138px;
	margin-right:5px;
	margin-bottom:10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	clear: left;
}	

#flipContainls {
	min-height: 160px; 
}
#workers4 img, #workers5 img, 
#image4 img, #image5 img,
#apprv4 img, #apprv5 img{
	display:none;
	
}
#groupspan span{
	width:22.5%;
}	

#groupspan{
	height:100px;
}


.imgStdTn {
	width:70px;
	height:70px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: -3px 3px 3px rgb(136,136,136);
}

/* ---- Deal with menu for smaller screens ----*/
#nav .firstTab{
	margin-top:20px;
}

#nav ul {
	-webkit-transition: .15s all ease-in;
	transition: .15s all ease-in;
	width:152px;
}

#nav li {
	float:none;
	display: block;
	float:left;
	background-color:white;
	margin-left:25px;
	
}
    
    #nav li li,   #nav li a li a  {
	float:right;
	z-index:99999;
}

#nav .showMenuItem  {
	opacity:0.975;
	filter:alpha(opacity=97.5);
	-moz-opacity: 0.975;
	overflow: visible;
	height:auto;
	position:relative;
	display:inline-block;
	margin:0;
	top:0px;
}

#nav{
	width:180px;
	min-width:132px;
	height:350px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:solid 1px grey;
	-webkit-box-shadow: 6px 6px 6px rgba(5,5,5,0.8);
	box-shadow: 6px 6px 6px rgba(5,5,5,0.8);
	background-color:white;
	padding-top:20px;
    }

.showNav { 
	width:160px;
	display:inline;
	position:fixed;
      float:right;  
	right: 60px;
	top: 65px;
	z-index:9999;
	/*Enabling a smooth animated transition*/
	-moz-transition: 0.5s all linear;
	-webkit-transition:0.5s all linear;
	transition: 0.5s all linear; 
	}

.noShow{
	right:-650px;
}	

#navHolder{
	height:100px;
}

.wrapper{ top:-20px; 
	box-shadow: none; 
	border-style:none;
}
/* ---- end deal with menu smaller screens --- */	
/* --- image aspect ratio pairs --- */

.founder1, .founder2, .founder3,
.founder4, .founder5, .founder6,
.founder7, .founder8, .founder9
{
	min-height:40px;
	padding-top:auto;
	display:inline;
}	

.icon_SM span img {
	margin: 5px 10px;
}

.founder1 img {
	width:40px;
	height:auto;
}

.founder2 img {
	width:100px;
	height:auto;
}

.founder3 img {
	width:40px;
	height:auto;
}

.founder4 img {
	width:100px;
	height:auto;
}

.founder5 img {
	width:100px;
	height:auto;
}

.founder6 img {
	width:100px;
	height:auto;
}

.founder7 img {
	width:100px;
	height:auto;
}

.founder8 img {
	width:40px;
	height:auto;
}
.founder9 img {
	width:100px;
	height:auto;
}

.imgSM-holder {
	width:230px;
	height:auto;
	margin:5px;
}

#resumeHolder dd{

}
#menu-xholderA{
	visibility:visible;
}

.rlabel{
	display:none;
}

.label_l {
	width:auto;
	text-align:left;
}

#home img {
	top:30px;
	left:25%;
}

#contactdb {
	padding-left:10px;
	padding-right:5px;
}
	
}

@media only screen and (max-width: 400px) {
/* An adjustment to allow for screens smaller than 400px width*/
  .col-m-1 {width: 8.33%;}
  .col-m-2 {width: 16.66%;}
  .col-m-3 {width: 25%;}
  .col-m-4 {width: 33.33%;}
  .col-m-5 {width: 41.66%;}
  .col-m-6 {width: 50%;}
  .col-m-7 {width: 58.33%;}
  .col-m-8 {width: 66.66%;}
  .col-m-9 {width: 75%;}
  .col-m-10 {width: 83.33%;}
  .col-m-11 {width: 91.66%;}
  .col-m-12 {width: 100%;}
 
   #picContainerLogo{
    margin-left:-10px;
    width:60px;
    height:60px;
  }
  
 .logo {
	text-shadow: 0.25px 0.5px .19px rgb(51,72,115);
	font-size: 1em;
	}
	
.logo2 {
	letter-spacing: -1px;
	color: rgb(131,150,156);
	text-shadow: 0.5px 1px .375px rgb(51,72,115);
	font-size: 1.25em;
	font-weight:normal;
}	

  .imgLogo {
	width:3.625em;
	height:3.625em;
	}
	
  .regLogo {
	top:45px;
	right:-5px;
	}
	
.h2 {font-size: 1.25em;}

#home img { 
	top:20px;
	left:27.5%;
	}
	
.imgLeftMisc {
	width:100%;
	min-width:160px;
	height:auto;
	margin:5px 15px 20px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-right:40%;
}

#sounddip .imgLeftMisc {
	width:200px;
	margin:5px 10px 10px 5px;
	height:auto; /*ratio 1:0.69*/ 
}

.imgLeftMiscP {
	width:100%;
	min-width:160px;
	height:auto;
	margin:5px 15px 20px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-right:40%;
}	
	#picContainer img,#picContainer{
	width:100%;
	min-width:120px;
	height:auto;
	margin-right:5px;
	margin-bottom:5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}	

#flipContainls {
	min-height: 115px;
	float:left;	
}	

#workers3 img, #image3 img, #apprv3 img{
	display:none;
}

#groupspan span{
	width:30%;
}

#groupspan {
	min-width:200px;
	height:90px;
}

.groupspanprom #three span{
	width:100%;
	display:block;
}

.groupspanprom{
	height:300px;
}
.groupspanprom #three span img{
	display:none;
}

.imgStdTn {
	width:60px;
	height:60px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: -3px 3px 3px rgb(136,136,136);
}

 .imgSM-holderf{
	width:25px;
	height:25px;
	margin:5px;	
}

.imgSM-holder {
	width:180px;
	height:auto;
	margin:5px;
}

#resumeHolder dd{

}

 .logojb, .logocrisis, .logoks, .logolubc{
	width:150px;
	height:auto;
}

.logouoslsch{
	width:130px;
	height:auto;
}

.logosd{ width:72px;
height:auto; }
 /*
.youtube-player {
	width:200px; 
	height:122px; ratio 0.61
	margin:auto;
	box-shadow: -5px 5px 5px rgb(136,136,136);
}
.youtube-holder
{	width:230px;
	height:220px;
	margin-top:2%;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:10px;
	} */

}

@media only screen and (max-width: 250px) {
/* An adjustment to allow for screens smaller than 250px width*/
  .col-t-1 {width: 8.33%;}
  .col-t-2 {width: 16.66%;}
  .col-t-3 {width: 25%;}
  .col-t-4 {width: 33.33%;}
  .col-t-5 {width: 41.66%;}
  .col-t-6 {width: 50%;}
  .col-t-7 {width: 58.33%;}
  .col-t-8 {width: 66.66%;}
  .col-t-9 {width: 75%;}
  .col-t-10 {width: 83.33%;}
  .col-t-11 {width: 91.66%;}
  .col-t-12 {width: 100%;}

.indentfrmlbl{
	margin-left:0px;
}

#contact{
	margin-top:15px;
	font-size:1em;
}

 #home{
	left:10%;
	position:relative;
 }
 
 #home img{
	width:28px;
	height:28px;
	float:right;
	top:-20px;
 }
 
.prom .img-holderf	{
	width:90px;
	height:90px;
	padding:auto;
	margin-left:10px;
 }
#rblade img{	
	width:70px;
	height:70px;
}
 
 h2 { font-size:1em}
 
.logojb, .logocrisis, .logoks, .logolubc{
	width:120px;
	height:auto;
}

.logouoslsch{
	width:110px;
	height:auto;
}

.logosd{ width:60px;
height:auto; }

.imgLeftMisc{
	width:120px;
	height:auto;
}

#sounddip .imgLeftMisc {
	width:150px;
	height:auto; /*ratio 1:0.69*/ 
	margin:5px 5px 10px 5px;
}


.youtube-holder{
	width:120px;
	height:auto;
}
.youtube-player {
	width:90%; 
	height:auto;
	min-width: 110px;
	margin:auto;
	box-shadow: -3px 3px 3px rgb(136,136,136);
}

#groupspan {
	display:none;
}

#twospan span{
	display:inline;    
	width:45%;
}
#twospan span ul, #solutions ul, #reviews ul, 
#assurance ul, #responsibility ul, #wellbeing ul,
#resume ul, #founder ul
{
	padding-left:5px;
}
.noflo{
	overflow: visible;
}

#resume{
	margin-left:-75%;
	padding-right:5px;
	float:left;
	width:100%;
}

 #founder .imgSM-holder{
	width:100%;
	min-width:120px;
	height:auto;
	margin-right:5px;
	margin-bottom:5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
 }

}
 
@media only screen and (min-width: 601px) and (max-width: 767px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
 
 #imgBttnServs{display:none;}
 
.imgLeftFront{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:100px; /* ratio 1:0.78 */
	height:78px;
	}
	
 .dashlabel{
	width:100px;
	font-size:0.86em;
	height:30px;
	bottom:23px;
}	

.img-holderf{
	width:130px;
	height:120px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px 10px 20px 5px;
	}
 
 .prom .img-holderf{
	width:120px;
	height:120px;
	padding:10px 10px;
	}
 
 #rblade img{	
	width:100px;
	height:100px;
}
.featured{
	height:160px;
}	
#frontLeft .front_menu{
	width:150px;
	}
	
.img-holderf div {
	font-size:12px;
	}
	
.dashtext{
	font-size:1.86em;
}	

#news_menu{display:none;}
#menu-xholder{display:none;}

#nav li a{
	width:108px;
	font-size: .875em;
}

#nav li li a{
	width:120px;
}

#assocMenu #vnav a, #assocMenu p {
	height:50px;
	max-width:150px;
}

#assocMenu{
	min-width:170px;
	padding:0px 15px 20px 3px;
}

}

@media only screen and (min-width: 768px) {
	  /* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	
	#imgBttnServs{display:none;}
	
	#news_menu{display:none;}
	
	#menu-xholder{display:none;}
}


@media print {
  .scroll{overflow-y:visible !important; height:auto; }
  h2 {display: block;
	 -webkit-margin-before: 0em;
	 -webkit-margin-after: 0em;
	 -webkit-margin-start: 0px;
	 -webkit-margin-end: 0px;
	 font-weight: bold;
	 font-size:1.2em;}
	 .auth,.notice, #nav{display:none;}
	 html, body, .wrapper, .content,.main {background-color: rgb(255,255,255);}
	 body, .wrapper
	 {border-style:none; border-width:0px;
	 -webkit-box-shadow: 0px 0px ;
	 -moz-box-shadow: 0px 0px ;
	 box-shadow: 0px 0px ;  margin-left:10px; margin-right:10px;  height:auto;}
	href, p , li, legend , form, a{color:rgb(0,0,0) !important;}
	textarea {height:100% !important;}
	
 }