html{
height:100%;
}

body{
background: url(images/bg.jpg) no-repeat bottom center #000 fixed;
background-size:cover;
color:black;
margin:0;
padding:0;	
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
height:100%;
}


header{
display:block;
height:150px;
background:white;	
position:fixed;
z-index:1000;
top:0;
left:0;
right:0;
border-bottom:1px solid #CCC;
}



@media (min-width: 1060px){		
	header nav{
	width:1060px;
	margin:auto;	
	}
}

#nav-item-company,
#nav-item-partners{

}

	#logo{
	width:72px;
	height:100px;
	margin:22px 0 0 40px;	
	float:left;
	}
	
	#nav-header{
	margin:0;
	padding:0;
	list-style-type:none;	
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:11px;
	float:left;
	margin:46px 0 0 35px;
	}
	
		#nav-header li{
		display:inline-block;
		*display:inline;
		*zoom:1;
		position:relative;
		}
		
			#nav-header a{
			padding:0px 30px;
			color:#999;
			color:rgba(0,0,0,0.4);
			display:block;
			}

		#nav-item-portfolio.active #nav-portfolio {
		opacity:1;
		visibility:visible;
		}
		
		
		#nav-item-portfolio{
		margin-left:70px;	
		}

	#nav-header .sub-menu{
	text-transform:lowercase;
	position:absolute;
	white-space:nowrap;
	top:30px;
	-webkit-transition:0.5s;
	transition:0.5s;
	opacity:0;
	visibility:hidden;
	margin:0;
	padding:0;
	}
	
	#nav-header .sub-menu li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	list-style-type:disc;
	}
	
		#nav-header .sub-menu a{
		padding-top:2px;
		padding-bottom:2px;
		}
		
		#nav-header .sub-menu li:first-child{
		list-style-type:none;
		margin-left:0;
		padding-left:0;
		}
	
	#nav-header .sub-menu{
	margin-left:20px;
	}
	
		#nav-header .sub-menu a{
		width:auto;
		margin:0;
		padding:0 10px;	
		text-align:left;
		}

@media (max-width: 700px){		

	#nav-header ul.sub-menu{
	top:20px;
	display:block;
	}
		
		#nav-header ul.sub-menu li{
		display:block;
		}
		
			#nav-header a{
			width:auto;
			display:block;
			text-align:left;
			}

	
}

	
a{
color:#999;
text-decoration:none;
-webkit-transition:0.3s;
transition:0.3s;
}

.active > a,
a:hover{
color:black !important;
}

main{
display:block;
left:0;
right:0;
bottom:0;
height:100%;
}

.orange{
color:#F58026;
}

.green{
color:#8dc63f;
}

.blue{
color:#0080b2;
}


#home{
width:100%;
height:100%;
background:url(images/home.jpg) no-repeat center center #E6E6E6;
background-size:cover;
}





#intro{
font-size:22px;
line-height:32px;
font-weight:bold;
color:#fff;
margin:0 0 40px 0;
}

	#intro h1{
	color:#F58026;
	margin:0;
	font-size:22px;
	}


section{
color:#666;
height:100%;
width:100%;
position:relative;
display:block;
padding-top:190px;
box-sizing:border-box;
}

	section.company{
	}

	#nav-company{
	}
	
	#nav-item-company.active #nav-company{
	visibility:visible;
	opacity:1;
	display:block\0;
	}
	
		

.company .content{
max-width:700px;
padding:20px 40px;
margin:auto;
position:relative;
}



	
#partners{
color:white;
line-height:160%;
}	

	.partners-col{
	display:inline-block;
	*display:inline;
	*zoom:1;
	white-space:nowrap;
	color:#919396;
	}

	#partners .col{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:bottom;
	width:160px;
	font-size:0.9em;
	white-space:normal;
	}
	
	#partners .photo{
	width:280px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:bottom;
	}
	
		#partners .photo img{
		display:block;	
		width:280px;
		}
	
		#partners .name{
		font-weight:bold;	
		}
		
		#partners .photo em{
		display:block;
		font	
		}
	
		#partners #david{
		margin-right:60px;
		}
	
	#partners .contact{
	font-weight:bold;
	padding-top:30px;
	}
	
	#partners #contact-info{
	}
	
	#partners #contact-info a{
	color:#0080b2;	
	}
	
	#address{
	width:200px;	
	}


#experience{
font-size:18px;	
font-weight:bold;
color:white;
}
	
	.experience-section{
	display:inline-block;
	vertical-align:top;
	}
	
		.experience-section ul{
		margin:0;
		padding:0;
		list-style-type:none;	
		}
		
		.experience-section  li{
		margin:10px 0;	
		}
		
		#competencies{
		margin-right:80px;	
		}
	
	
			.experience-section h1{
			color:#F58026;
			margin:0;
			}


#portfolio{
padding-top:150px;
position:relative;
}


	#slides,
	#slides li,
	#slides .content{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	list-style-type:none;
	}

	#slides{
	white-space:nowrap;
	position:absolute;
	top:150px;
	bottom:0;
	height:auto;
	left:0;
	right:0;
	overflow:hidden;
	}

	#slides li{
	background:no-repeat top center;
	background-size:contain;
	display:inline-block;
	position:relative;
	}
	
	#slides .content{
	background:no-repeat top center;
	background-size:contain;
	}
	
	
	.portfolio-button{
	position:absolute;
	z-index:100;
	top:50%;
	width:60px;
	height:60px;
	font-size:40px;
	line-height:50px;
	text-align:center;
	cursor:pointer;
	-webkit-transition:0.3s;
	transition:0.3s;
	color:#86C643;

	}
	
	.portfolio-button:hover{
	color:#F58026;
	}
	

	
	#prev{
	background:url(images/prev.png) no-repeat center center;	
	left:0;	
	}
	
	#next{
	background:url(images/next.png) no-repeat center center;
	right:0;	
	}
	
#slides .transalta-web{
background:url(images/transalta-bg.png) top left repeat-x #22a6e2;
background-size:contain;	
}

#slides .canexus-web{
background-color:#a5a5a5;	
}

#slides .husky-community{
background-color:#f8f3ed;	
}

#slides .husky-75{
background:url(images/husky-75-bg.jpg) repeat top left;
}

.video-slide{
height:100%;
margin:0 50px;
}

video,
.mejs-mediaelement,
.mejs-video,
.mejs-inner{
width:100%;
height:100% !important;
max-width:1280px;
max-height:720px !important;
margin:auto;
display:block;
box-sizing:border-box;
background:none !important;
outline:none;
}






object{
width:auto;
}

.mejs-overlay-button{
display:none;
}