/* --------------------------------------------------------------------------------------- */
										/* GENERAL */
/* --------------------------------------------------------------------------------------- */


 body{
    width: 100%;
	font-size: 16px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	color: #707070;
	max-width: 100%;
	max-height:100%;
	overflow-y: scroll;
	min-width: 1000px;
	font-family:"MyriadPro-Regular",PTSansCaptionRegular, arial, helvetica, sans-serif !important;
	-webkit-font-smoothing: antialiased;
	margin: 0px;
    padding: 0px;
	
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../font/MyriadPro-Regular.eot');
    src: url('../font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../font/MyriadPro-Regular.woff') format('woff'),
         url('../font/MyriadPro-Regular.ttf') format('truetype'),
         url('../font/MyriadPro-Regular.svg') format('svg');
}


.mainWrapper{
	width: 960px;
	margin:0px auto;
	display:block;
	position:relative;
	text-align:center;
	min-height: 72%;
    height: auto !important;
    height: 100%;
/*     margin: 0px 0px -41px 0px; */
		
}

.wrapper{
	width: 960px;
	margin:0 auto;
	display:block;
	position:relative;
	text-align:center;
}

* {
	margin:0;
	padding:0;
}

img {
	border:none;
}

h1{
	font-weight: lighter;
	text-transform: uppercase;
	/* font-size: 51px; */
	font-size: 50px;
}
h2{
	font-weight: lighter;
	font-size: 22px;
	color: #707070;
	margin-left: 150px;
	line-height: 1.5;
}
a{
	text-decoration: none;
	color: #707070;
}


p{
	margin-top: 30px;
	line-height: 1.8;
	text-align: justify;
	color: #707070;
	font-size: 17px;
}

ul{
	list-style-type: decimal;
	color:#ff9a34;
	font-size: 27px;
	font-weight: bold;
	line-height: 2;
	margin: 30px 0px 0px 30px;
	
}

.half{
	width: 457px;
	clear: none;
/* 	margin-right: 70px; */
	text-align: justify;
	position: relative;
	float: left;
}

.half:nth-of-type(2)
{
	margin-left: 46px;
	margin-top: -6px;
} 
/* --------------------------------------------------------------------------------------- */
									 /* LANDING PAGE */
/* --------------------------------------------------------------------------------------- */

a#lang{
	border:none;
	outline:none;
	text-decoration:none;
	color: #707070;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

a#lang:hover{
	color:#ff9a34; 
	
}

div.quote {
	position:absolute;
	height:92px;
	top:50%;
	left:50%;
	margin:-46px 0 0 -320px;
	font-size: 29px;
	text-align: center;
	line-height: 0px;
}

div.quoteAuthor {
	position:absolute;
	height:92px;
	top:50%;
	left:50%;
	margin:50px 0 0 208px;
	font-size: 12px;
	text-align: center;
	line-height: 0px;
}

#language {
	position:absolute;
	left:50%;
	bottom:10%;
	width:500px;
	margin:0 0 0 -250px;
	text-align:center;
	color: #707070 !important;
}

.orangeFont{
	color:#ff9933;
}

/* --------------------------------------------------------------------------------------- */
										/* HEADER */
/* --------------------------------------------------------------------------------------- */

div#header{
	border-bottom: 2px solid #cccccc;
}

#headerLogo{
	background-image: url("../images/jsemLogo.png");
	width: 254px;
	height: 98px;
}

a.menuItem{
	position:absolute;
	margin-left: 200px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	transition: .4s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	text-transform: uppercase;
	 display: block; 
   zoom: 1; 
}

a.menuItem:hover{
	color: #000000;
}

a#frenchMenuItem:hover{
	color: #ff9a34;
}

.secondColumn{
	 margin-left: 360px !important;
}

/* --------------------------------------------------------------------------------------- */
										 /* FOOTER */
/* --------------------------------------------------------------------------------------- */

div#footer_wrapper {
	width: 960px;
	margin:0 auto;
    height: 60px;
 }

#footer_inner_wrapper{
	font-size: 11px;
	position: relative;
	float: right;
	margin-top: 10px;
	color: #707070;
}

#footer_inner_wrapper p{
	font-size: 13px;
	display: inline;
	color: #707070;
}

#footer_inner_wrapper a{
	font-size: 11px;
	display: inline;
	color: #707070;
	
}

div#footer_wrapper, div#content_wrapper {
       min-width: 942px;
}

#merchlar:hover{
	color: #00ACE1;
}

/* --------------------------------------------------------------------------------------- */
									     /* UNSUPPORTED */
/* --------------------------------------------------------------------------------------- */
body#unsupported{
	min-width: 0px
}
body#unsupported h1{
	margin: 0 auto;
	font-size: 46px;
/*	color:#ff9933;
*/	padding:8px 8px 0px 8px;
	max-width:500px;
	-webkit-margin-before:0;
	-webkit-margin-after: 0;
	margin-top:100px;
}

body#unsupported h2{

	margin: 0 auto;
	padding:0px 8px 8px 8px;
	color:#999;
	text-align:justify;
	font-size: 20px;
	max-width:500px;
}
div.wrapper{
	margin:0 auto;
}
/*

body#unsupported h2{
	font-size: 11px;
	color: #515151;
	float: right;
	padding-bottom: 40px;
}*/
/* --------------------------------------------------------------------------------------- */
									     /* HOME */
/* --------------------------------------------------------------------------------------- */

h1#titleHomeFirst{
	margin-left: -170px;
	margin-top: 40px;
	font-size: 50px;
}

h1#titleHomeSecond{
	margin-left: 130px;
	font-size: 50px;
}

p#copyright{
	font-size: 11px;
	color: #707070;
	float: right;
	padding-bottom: 40px;
}

/* --------------------------------------------------------------------------------------- */
									     /* ABOUT */
/* --------------------------------------------------------------------------------------- */

h1#titleAbout{
	margin-left: 0.5%;
	margin-top: 40px;
	font-size: 50px;
}

#wrapperAbout{
	width: 400px;
	display: inline-flex; 
	left: -50px; 
	top: 40px;
	margin-top: 50px;
}

div#aboutSubMenu{
	font-size: 13px;
	margin-top: 5px;
	width: 400px;
	text-align: left;
	left: 10px;
/* 	margin-left: 60px; */
}

a#aboutSubMenu:hover{
	color: #ff9933;
}

div#meetJ{
	background-image: url("../images/about/meetJ.jpg");
	position: relative;
	background-repeat: no-repeat;
	color: #707070;
	margin-top: 10px;
	width: 254px;
	height: 98px;
	margin-left: 105px;
}

div#meetR{
	background-image: url("../images/about/meetR.jpg");
	background-repeat: no-repeat;
	color: #707070;
	margin-top: 10px;
	width: 254px;
	height: 98px;
	margin-left: 260px;
	position: relative;
	top:0px;
}

html[data-useragent*='MSIE 10.0'] #wrapperAbout {
  	display:inline-block;
}

html[data-useragent*='MSIE 10.0'] div#meetJ {
  	margin-left:-25px ;	
}

html[data-useragent*='MSIE 10.0'] div#meetR {
/*  	margin-top:-100px ; */
 	margin-left: 230px;
}

body#about span{
	top: 25px;
	position: relative;
	font-size: 15px;
	left: -10px;
}

.changeSpan{
	color: #ff9a34;
}


body#jonathan p, body#richard p{
	margin-top: 18px;
	text-align: justify;
}

a#back{
	color: #707070;	
	float: left;
	top: 30px;
	position: relative;
	text-transform: uppercase;
}

a#back:hover{
	color:#ff9933;
}

/* --------------------------------------------------------------------------------------- */
									/* RELATIONSHIPS */
/* --------------------------------------------------------------------------------------- */

h1#titleRelationships{
	margin-left: 0.5%;
	margin-top: 40px;
	font-size: 50px;
}

html[data-useragent*='MSIE 10.0'] h1#titleRelationships{
	font-size: 50px !important;
}

#wrapperFriends{
	width: 280px; 
	left: 7px; 
	margin-bottom: 20px;
}

#wrapperPartners{
	width: 350px; 
	left: 7px; 
	margin-bottom: 20px;
}

.clientLogo{
	display: inline-block;
	float: left;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: none;
/* 	cursor: pointer; */
	height: 45px;
}

.clientLogo.clickable:hover{
	display: inline-block;
	float: left;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}

div#relationships{
	margin-top: 30px;
}

/* ------------------------------ */
			/* LOGOS */
/* ------------------------------ */

#bell {
	background-position: -210px 0px; 
	height: 125px;
	background-image: url('../images/clientsLogos/bell.png');
}

a#bell {
	height: 65px;
	width: 100px;
	background-position: 0px 0px;
	background-size: 230px;
	margin-left: -15px;
}

body#relationships a#bell.clickable:hover{
	background-position:-115px 0px; 	
}

#google {
 	margin-top: -45px !important;
	height: 90px;
	background-image: url('../images/clientsLogos/google.png');
}


a#google {
	height: 70px;
	width: 145px;
	background-size: 280px;
	top: 52px;
	position: relative;
	background-position: 3px -9px;
/* 	margin-left: 7px; */
	left: 14px;
}

#google1 {
 	margin-top: -45px !important;
	height: 90px;
	background-image: url('../images/clientsLogos/google.png');
} 

a#google1 {
	height: 70px;
	width: 155px;
	background-size: 300px;
	top: 49px;
	position: relative;
	background-position: 3px -9px;
}

body#relationships a#google.clickable:hover{
	background-position:-137px -9px; 	 
}

body#relationships a#google1.clickable:hover{
	background-position:-160px -13px; 
	background-size: 315px ;

	
}

.orangeClientLogo{
	background-position-x: 0px !important;
}

#bombardier{
	background-position: 102% -50px; 
 	margin-top: -25px !important;
	height: 50px;
	background-image: url('../images/clientsLogos/bombardier.png');
}
body#relationships a#bombardier {
	width: 220px;
	height: 50px;
	top: 36px;
/* 	margin-left: 24px; */
	position: relative;
	left: 22px;
	background-position: 0px -45px;
	background-size: 445px;
/* 	background-image: url('../images/clientsLogos/bombardier.png'); */
}

body#relationships a#bombardier.clickable:hover{
	background-position:-222px -45px; 
}

#airFrance {
	height: 20px;
	background-position: -210px -60px;
	margin-top: -20px !important;
	background-image: url('../images/clientsLogos/airFrance.png');
}

body#relationships a#airfrance {
	width: 291px;
	height: 95px;
	left: 5px;
	margin-left: -12px;
	position: relative;
	background-position: -5px -33px;
	background-size: 590px;
}

body#relationships a#airFrance.clickable:hover{
	background-position:-299px -33px; 
}

#klm {
	height: 100px;
	background-position: -200px -15px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/klm.png');
}

body#relationships a#klm {
	width: 97px;
	height: 60px;
	top: 438px;
	left: 326px;
	position: absolute;
	background-position: 0px 0px;
	background-size: 207px;
}

body#relationships a#klm.clickable:hover{
	background-position:-103px 0px; 
}

#volkswagen {
	height: 140px;
	background-position: -200px 0px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/volkswagen.png');
}

body#relationships a#volkswagen {
	width: 57px;
	height: 60px;
	top: 63px;
	left: 11px;
	position: relative;
	background-position: -15px 0px;
	background-size: 175px;
/* 	margin-left: 0px; */
}

body#relationships a#volkswagen.clickable:hover{
	background-position:-103px 0px; 
}

#eska {
	height: 140px;
	background-position: -200px 0px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/eska.png');
}

body#relationships a#eska {
	width: 128px;
	height: 75px;
	top: 435px;
	left: -4px;
	position: absolute;
	background-position: -10px 0px;
	background-size: 270px;
}

body#relationships a#eska.clickable:hover{
	background-position:-145px 0px; 
}

#cinemoi {
	height: 140px;
	background-position: -200px 0px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/cinemoi.png');
}

body#relationships a#cinemoi {
	width: 160px;
	height: 55px;
	top: 445px;
	left: 142px;
	position: absolute;
	background-position: -10px -25px;
	background-size: 360px;
}

body#relationships a#cinemoi.clickable:hover{
	background-position:-190px -25px; 
}


#td{
	height: 50px;
	background-position: -200px -40px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/td-canada-trust.png');
}

body#relationships a#td {
	width: 61px;
	height: 52px;
	top: 780px;
	left: 613px;
	position: absolute;
	background-position: -34px -17px;
	background-size: 260px;
}

body#relationships a#td.clickable:hover{
	background-position:-164px -17px; 
}

#smuckers{
	height: 80px;
	background-position: -200px -30px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/smuckers.png');
}

body#relationships a#smuckers {
	width: 135px;
	height: 75px;
	top: 46px;
	margin-left: 27px;
	position: relative;
	background-position: -10px -5px;
	background-size: 297px;
}

body#relationships a#smuckers.clickable:hover{
	background-position:-157px -5px; 
}

#aldo{
	height: 50px;
	background-position: -200px -45px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/aldo.png');
}

body#relationships a#aldo {
	width: 170px;
	height: 75px;
	top: 436px;
	left: 431px;
	position: absolute;
	background-position: 0px -12px;
	background-size: 360px;
}

body#relationships a#aldo.clickable:hover{
	background-position:-180px -12px; 
}

#biotherm{
	height: 85px;
	background-position: -200px -25px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/biotherm.png');
}

body#relationships a#biotherm {
	width: 110px;
	height: 75px;
	top: 443px;
	left: 618px;
	position: absolute;
	background-position: -9px 0px;
	background-size: 260px;
}

body#relationships a#biotherm.clickable:hover{
	background-position:-139px 0px; 
}

#garnier{
	height: 85px;
	background-position: -200px -25px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/garnier.png');
}

body#relationships a#garnier {
	width: 110px;
	height: 75px;
	top: 435px;
	left: 854px;
	position: absolute;
	background-position: -4px 13px;
	background-size: 234px;
}

body#relationships a#garnier.clickable:hover{
	background-position:-121px 13px; 
}

#matrix{
	height: 40px;
	background-position: -200px -45px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/matrix.png');
}

body#relationships a#matrix {
	width: 171px;
	height: 32px;
	top: 785px;
	left: 687px;
	position: absolute;
	background-position: -14px -48px;
	background-size: 395px;
}

body#relationships a#matrix.clickable:hover{
	background-position:-211px -48px; 
}

#ubisoft{
	height: 115px;
	background-position: -200px -10px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/ubisoft.png');
}

body#relationships a#ubisoft {
	width: 110px;
	height: 77px;
	top: 515px;
	left: -15px;
	position: absolute;
	background-position: 0px 0px;
	background-size: 240px;
}

body#relationships a#ubisoft.clickable:hover{
	background-position:-119px 0px; 
}

#vichy{
	height: 80px;
	background-position: -200px -25px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/vichy.png');
}

body#relationships a#vichy {
	width: 141px;
	height: 77px;
	top: 509px;
	left: 106px;
	position: absolute;
	background-position: -4px -3px;
	background-size: 320px;
}

body#relationships a#vichy.clickable:hover{
	background-position:-164px -3px; 
}


#mini{
	height: 80px;
	background-position: -200px -25px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/mini.png');
}

body#relationships a#mini {
	width: 141px;
	height: 77px;
	top: 519px;
	left: 259px;
	position: absolute;
	background-position: -4px -12px;
	background-size: 320px;
}

body#relationships a#mini.clickable:hover{
	background-position:-164px -12px; 
}

#nbcuniversal{
	height: 80px;
	background-position: -200px -25px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/nbc-universal.png');
}

body#relationships a#nbcuniversal {
	width: 230px;
	height: 77px;
	top: 518px;
	left: 397px;
	position: absolute;
	background-position: -10px -43px;
	background-size: 515px;
}

body#relationships a#nbcuniversal.clickable:hover{
	background-position:-267px -43px; 
}


#landRover{
	height: 105px;
	background-position: -200px -15px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/land-rover.png');
}

body#relationships a#landRover {
	width: 106px;
	height: 79px;
	top: 513px;
	left: 635px;
	position: absolute;
	background-position: -4px 10px;
	background-size: 230px;
}

body#relationships a#landRover.clickable:hover{
	background-position:-120px 10px; 
}

#kelloggs{
	height: 70px;
	background-position: -200px -35px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/kelloggs.png');
}

body#relationships a#kelloggs {
	width: 150px;
	height: 61px;
	top: 533px;
	left: 750px;
	position: absolute;
	background-position: -4px -20px;
	background-size: 300px;
}

body#relationships a#kelloggs.clickable:hover{
	background-position:-154px -20px; 
}

#saq{
	height: 117px;
	background-position: -200px -8px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/saq.png');
}

body#relationships a#saq {
	width: 52px;
	height: 79px;
	top: 517px;
	left: 908px;
	position: absolute;
	background-position: -35px 4px;
	background-size: 245px;
}

body#relationships a#saq.clickable:hover{
	background-position:-158px 4px; 
}

#lipton{
	height: 70px;
	background-position: -200px -36px;
	margin-top: -50px !important;
	background-image: url('../images/clientsLogos/lipton.png');
}

body#relationships a#lipton {
	width: 110px;
	height: 75px;
	top: 596px;
	left: -6px;
	position: absolute;
	background-position: -19px 0px;
	background-size: 295px;
}

body#relationships a#lipton.clickable:hover{
	background-position:-166px 0px; 
}

#michaelkors{
	height: 35px;
	background-position: -200px -50px;
	background-image: url('../images/clientsLogos/michael-kors.png');
}

body#relationships a#michaelkors {
	width: 260px;
	height: 75px;
	top: 555px;
	left: 112px;
	position: absolute;
	background-position: -9px -50px;
	background-size: 535px;
}

body#relationships a#michaelkors.clickable:hover{
	background-position:-275px -50px; 
}

#unite{
	height: 85px;
	background-position: -200px -25px;
	background-image: url('../images/clientsLogos/virgin-unite.png');
}

body#relationships a#unite {
	width: 109px;
	height: 75px;
	top: 535px;
	left: 375px;
	position: absolute;
	background-position: -10px 0px;
	background-size: 260px;
}

body#relationships a#unite.clickable:hover{
	background-position:-139px 0px; 
}


#mango{
	height: 50px;
	background-position: -200px -45px;
	background-image: url('../images/clientsLogos/mango.png');
}

body#relationships a#mango {
	width: 130px;
	height: 37px;
	top: 570px;
	left: 502px;
	position: absolute;
	background-position: -9px -28px;
	background-size: 290px;
}

body#relationships a#mango.clickable:hover{
	background-position:-154px -28px; 
}

#loreal{
	height: 50px;
	background-position: -200px -45px;
	background-image: url('../images/clientsLogos/loreal.png');
}

body#relationships a#loreal {
	width: 149px;
	height: 75px;
	top: 536px;
	left: 643px;
	position: absolute;
	background-position: -9px 0px;
	background-size: 320px;
}

body#relationships a#loreal.clickable:hover{
	background-position:-169px 0px; 
}

#telus{
	height: 50px;
	background-position: -200px -45px;
	background-image: url('../images/clientsLogos/telus.png');
}

body#relationships a#telus {
	width: 160px;
	height: 35px;
	top: 572px;
	left: 797px;
	position: absolute;
	background-position: -9px -40px;
	background-size: 360px;
}

body#relationships a#telus.clickable:hover{
	background-position:-189px -40px; 
}

#davidstea{
	height: 50px;
	background-position: -200px -45px;
	background-image: url('../images/clientsLogos/davids-tea.png');
}

body#relationships a#davidstea {
	width: 189px;
	height: 42px;
	top: 652px;
	left: -5px;
	position: absolute;
	background-position: -9px -49px;
	background-size: 420px;
}

body#relationships a#davidstea.clickable:hover{
	background-position:-219px -49px; 
}

#ysl{
	height: 50px;
	background-position: -200px -45px;
	background-image: url('../images/clientsLogos/ysl.png');
}

body#relationships a#ysl {
	width: 237px;
	height: 43px;
	top: 651px;
	left: 205px;
	position: absolute;
	background-position: -8px -60px;
	background-size: 500px;
}

body#relationships a#ysl.clickable:hover{
	background-position: -258px -60px; 
}

#rimmel{
	height: 50px;
	background-position: -200px -45px;
	background-image: url('../images/clientsLogos/rimmel-london.png');
}

body#relationships a#rimmel {
	width: 223px;
	height: 60px;
	top: 645px;
	left: 455px;
	position: absolute;
	background-position: -8px -50px;
	background-size: 458px;
}

body#relationships a#rimmel.clickable:hover{
	background-position: -237px -50px; 
}

#thenorthface{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/the-north-face.png');
}

body#relationships a#thenorthface {
	width: 100px;
	height: 75px;
	top: 630px;
	left: 674px;
	position: absolute;
	background-position: -3px 9px;
	background-size: 203px;
}

body#relationships a#thenorthface.clickable:hover{
	background-position: -105px 9px; 
}

#moet{
	height: 50px;
	background-position: -200px -45px;
	background-image: url('../images/clientsLogos/moet.png');
}

body#relationships a#moet {
	width: 180px;
	height: 75px;
	top: 630px;
	left: 779px;
	position: absolute;
	background-position: -4px -25px;
	background-size: 390px;
}

body#relationships a#moet.clickable:hover{
	background-position: -199px -25px; 
}

#yellowpages{
	height: 50px;
	background-position: -200px -45px;
	background-image: url('../images/clientsLogos/yellow-pages.png');
}

body#relationships a#yellowpages {
	width: 235px;
	height: 57px;
	top: 725px;
	left: -5px;
	position: absolute;
	background-position: 0px -50px;
	background-size: 481px;
}

body#relationships a#yellowpages.clickable:hover{
	background-position: -240px -50px; 
}

#marcelle{
	height: 50px;
	background-position: -200px -45px;
	background-image: url('../images/clientsLogos/marcelle.png');
}

body#relationships a#marcelle {
	width: 233px;
	height: 35px;
	top: 735px;
	left: 367px;
	position: absolute;
	background-position: 0px -60px;
	background-size: 480px;
}

body#relationships a#marcelle.clickable:hover{
	background-position: -240px -60px; 
}

#biolage{
	height: 50px;
	background-position: -200px -45px;
	background-image: url('../images/clientsLogos/biolage.png');
}

body#relationships a#biolage {
	width: 262px;
	height: 85px;
	top: 716px;
	left: 48%;
	position: absolute;
	background-position: 0px -30px;
	background-size: 555px;
}

body#relationships a#biolage.clickable:hover{
	background-position: -276px -30px; 
}

#ea{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/EA.png');
}

body#relationships a#ea {
	width: 99px;
	height: 85px;
	top: 720px;
	left: 865px;
	position: absolute;
	background-position: -9px 0px;
	background-size: 233px;
}

body#relationships a#ea.clickable:hover{
	background-position: -126px -1px; 
}

#indigo{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/indigo.png');
}

body#relationships a#indigo {
	width: 95px;
	height: 60px;
	top: 400px;
	left: 734px;
	position: absolute;
	background-position: 0px 0px;
	background-size: 220px;
}

body#relationships a#indigo.clickable:hover{
	background-position: -109px 0px; 
}

#ivanhoe{
	height: 95px;
	background-position: -203px -20px;
	background-image: url('../images/clientsLogos/ivanhoe.png');
}

body#relationships a#ivanhoe {
	width: 204px;
	height: 65px;
	top: 817px;
	left: 300px;
	position: absolute;
	background-position: -8px -38px;
	background-size: 430px;
}

body#relationships a#ivanhoe.clickable:hover{
	background-position: -222px -38px; 
}

#aeroplan{
	height: 95px;
	background-position: -203px -20px;
	background-image: url('../images/clientsLogos/aeroplan.png');
}

body#relationships a#aeroplan {
	width: 120px;
	height: 70px;
	top: 720px;
	left: 242px;
	position: absolute;
	background-position: -18px -12px;
	background-size: 310px;
}

body#relationships a#aeroplan.clickable:hover{
	background-position: -173px -12px; 
}

#ferrari{
	height: 105px;
	background-position: -203px -15px;
	background-image: url('../images/clientsLogos/ferrari.png');
}

body#relationships a#ferrari{
	width: 74px;
	height: 77px;
	top: 814px;
	left: 195px;
	position: absolute;
	background-position: -39px -11px;
	background-size: 300px;
}

body#relationships a#ferrari.clickable:hover{
	background-position: -189px -11px; 
}

#littleburgundy{
	height: 105px;
	background-position: -203px -15px;
	background-image: url('../images/clientsLogos/little-burgundy.png');
}

body#relationships a#littleburgundy{
	width: 173px;
	height: 85px;
	top: 809px;
	left: -4px;
	position: absolute;
	background-position: 0px -10px;
	background-size: 350px;
}

body#relationships a#littleburgundy.clickable:hover{
	background-position: -174px -10px; 
}

#colliers{
	height: 105px;
	background-position: -203px -15px;
	background-image: url('../images/clientsLogos/colliers.png');
}

body#relationships a#colliers{
	width: 110px;
	height: 85px;
	top: 805px;
	left: 515px;
	position: absolute;
	background-position: 0px 8px;
	background-size: 230px;
}

body#relationships a#colliers.clickable:hover{
	background-position: -114px 8px; 
}




#cirque{
	height: 105px;
	background-position: -203px -15px;
	background-image: url('../images/clientsLogos/cirque.png');
}

body#relationships a#cirque{
	width: 110px;
	height: 85px;
	top: 805px;
	left: 630px;
	position: absolute;
	background-position: 0px 8px;
	background-size: 230px;
}

body#relationships a#cirque.clickable:hover{
	background-position: -114px 8px; 
}








#thenorthface1{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/the-north-face.png');
}

body#relationships div#thenorthface1 {
	cursor: default;
	width: 110px;
	height: 92px;
	top: 1096px;
	left: -20px;
	position: absolute;
	background-position: -3px 14px;
	background-size: 248px;
}

body#relationships div#thenorthface1.clickable:hover{
	background-position: -127px 14px; 
}

#hermanmiller{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/herman-miller.png');
}

body#relationships div#hermanmiller {
	width: 95px;
	height: 78px;
	top: 1108px;
	left: 110px;
	position: absolute;
	cursor: default;
	background-position: -40px -16px;
	background-size: 350px;
}

body#relationships div#hermanmiller.clickable:hover{
	background-position: -215px -16px; 
}

#salomon{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/salomon.png');
}

body#relationships div#salomon {
	width: 125px;
	height: 59px;
	top: 1123px;
	left: 370px;
	position: absolute;
	cursor: default;
	background-position: -10px -15px;
	background-size: 270px;
}

body#relationships div#salomon.clickable:hover{
	background-position: -144px -15px; 
}

#samsung{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/samsung.png');
}

body#relationships div#samsung {
	width: 134px;
	height: 75px;
	top: 1104px;
	left: 515px;
	position: absolute;
	cursor: default;
	background-position: -9px -4px;
	background-size: 305px;
}

body#relationships div#samsung.clickable:hover{
	background-position: -161px -4px; 
}

#intrawest{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/intrawest.png');
}

body#relationships div#intrawest {
	width: 144px;
	height: 65px;
	top: 1124px;
	left: 663px;
	cursor: default;
	position: absolute;
	background-position: 0px -22px;
	background-size: 290px;
}

body#relationships div#intrawest.clickable:hover{
	background-position: -145px -22px; 
}

#xbox{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/xbox.png');
}

body#relationships div#xbox {
	width: 138px;
	height: 52px;
	top: 1120px;
	left: 817px;
	position: absolute;
	cursor: default;
	background-position: -15px -30px;
	background-size: 340px;
}

body#relationships div#xbox.clickable:hover{
	background-position: -185px -30px; 
}

#bestbuy{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/best-buy.png');
}

body#relationships div#bestbuy {
	width: 105px;
	height: 80px;
	top: 1225px;
	left: -8px;
	cursor: default;
	position: absolute;
	background-position: 0px 0px;
	background-size: 220px;
}

body#relationships div#bestbuy.clickable:hover{
	background-position: -112px 1px; 
}

#aircanada{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/air-canada.png');
}

body#relationships div#aircanada {
	width: 103px;
	height: 75px;
	top: 1108px;
	left: 235px;
	cursor: default;
	position: absolute;
	background-position: -30px -12px;
	background-size: 317px;
}

body#relationships div#aircanada.clickable:hover{
	background-position: -189px -12px; 
}

#segway{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/segway.png');
}

body#relationships div#segway {
	width: 116px;
	height: 75px;
	top: 1223px;
	left: 110px;
	cursor: default;
	position: absolute;
	background-position: -12px -4px;
	background-size: 270px;
}

body#relationships div#segway.clickable:hover{
	background-position: -146px -4px; 
}

#converse{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/converse.png');
}

body#relationships div#converse {
	width: 124px;
	height: 75px;
	top: 1216px;
	left: 385px;
	position: absolute;
	cursor: default;
	background-position: -20px -13px;
	background-size: 315px;
}

body#relationships div#converse.clickable:hover{
	background-position: -178px -13px; 
}

#oakley{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/oakley.png');
}

body#relationships div#oakley {
	width: 135px;
	height: 59px;
	top: 1236px;
	left: 235px;
	cursor: default;
	position: absolute;
	background-position: -20px -29px;
	background-size: 348px;
}

body#relationships div#oakley.clickable:hover{
	background-position: -194px -29px; 
}

#dell{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/dell.png');
}

body#relationships div#dell {
	cursor: default;
	width: 123px;
	height: 75px;
	top: 1228px;
	left: 522px;
	position: absolute;
	background-position: 0px 0px;
	background-size: 265px;
}

body#relationships div#dell.clickable:hover{
	background-position: -133px 0px; 
}

#rayban{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/ray-ban.png');
}

body#relationships div#rayban {
	cursor: default;
	width: 115px;
	height: 62px;
	top: 1231px;
	left: 667px;
	position: absolute;
	background-position: -11px -12px;
	background-size: 265px;
}

body#relationships div#rayban.clickable:hover{
	background-position: -143px -12px; 
}

#kway{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/kway.png');
}

body#relationships div#kway {
	cursor: default;
	width: 71px;
	height: 75px;
	top: 1226px;
	left: 785px;
	position: absolute;
	background-position: -30px -9px;
	background-size: 263px;
}

body#relationships div#kway.clickable:hover{
	background-position: -162px -9px; 
}

#roots{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/roots.png');
}

body#relationships div#roots {
	cursor: default;
	width: 97px;
	height: 71px;
	top: 1225px;
	left: 863px;
	position: absolute;
	background-position: -21px -10px;
	background-size: 270px;
}

body#relationships div#roots.clickable:hover{
	background-position: -156px -10px; 
}

#cannondale{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/cannondale.png');
}

body#relationships div#cannondale {
	cursor: default;
	width: 115px;
	height: 69px;
	top: 1334px;
	left: 0px;
	position: absolute;
	background-position: -13px -12px;
	background-size: 275px;
}

body#relationships div#cannondale.clickable:hover{
	background-position: -150px -12px; 
}

#merchlar{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/merchlar.png');
}

body#relationships div#merchlar {
	cursor: default;
	width: 123px;
	height: 75px;
	top: 1570px;
	left: -27px;
	position: absolute;
	background-position: 0px 2px;
	background-size: 220px;
}

body#relationships div#merchlar.clickable:hover{
	background-position: -110px 2px; 
}

#palmhavas{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/palm-havas.png');
}

body#relationships div#palmhavas {
	cursor: default;
	width: 128px;
	height: 52px;
	top: 1583px;
	left: 80px;
	position: absolute;
	background-position: -19px -28px;
	background-size: 330px;
}

body#relationships div#palmhavas.clickable:hover{
	background-position: -183px -28px; 
}

#bellmedia{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/bell-media.png');
}

body#relationships div#bellmedia {
	cursor: default;
	width: 201px;
	height: 57px;
	top: 1581px;
	left: 232px;
	position: absolute;
	background-position: -23px -52px;
	background-size: 490px;
}

body#relationships div#bellmedia.clickable:hover{
	background-position: -268px -52px; 
}

#carat{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/carat.png');
}

body#relationships div#carat {
	cursor: default;
	width: 170px;
	height: 66px;
	top: 1576px;
	left: 453px;
	position: absolute;
	background-position: -16px -29px;
	background-size: 390px;
}

body#relationships div#carat.clickable:hover{
	background-position: -212px -29px; 
}

#taxi{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/taxi.png');
}

body#relationships div#taxi {
	cursor: default;
	width: 150px;
	height: 75px;
	top: 1558px;
	left: 628px;
	position: absolute;
	background-position: -37px -17px;
	background-size: 431px;
}

body#relationships div#taxi.clickable:hover{
	background-position: -252px -17px; 
}

#tank{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/tank.png');
}

body#relationships div#tank {
	cursor: default;
	width: 98px;
	height: 44px;
	top: 1675px;
	left: 0px;
	position: absolute;
	background-position: -39px -38px;
	background-size: 347px;
}

body#relationships div#tank.clickable:hover{
	background-position: -213px -38px; 
}

#bbdo{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/BBDO.png');
}

body#relationships div#bbdo {
	cursor: default;
	width: 124px;
	height: 44px;
	top: 1672px;
	left: 112px;
	position: absolute;
	background-position: -9px -21px;
	background-size: 280px;
}

body#relationships div#bbdo.clickable:hover{
	background-position: -149px -21px; 
}

#newad{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/newad.png');
}

body#relationships div#newad {
	cursor: default;
	width: 172px;
	height: 46px;
	top: 1581px;
	left: 783px;
	position: absolute;
	background-position: -23px -46px;
	background-size: 440px;
}

body#relationships div#newad.clickable:hover{
	background-position: -243px -46px; 
}

#mediaexperts{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/media-experts.png');
}

body#relationships div#mediaexperts {
	cursor: default;
	width: 195px;
	height: 65px;
	top: 1743px;
	left: 315px;
	position: absolute;
	background-position: -13px -40px;
	background-size: 440px;
}

body#relationships div#mediaexperts.clickable:hover{
	background-position: -233px -39px; 
}



#canspan{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/canspan.png');
}

body#relationships div#canspan {
	cursor: default;
	width: 212px;
	height: 37px;
	top: 1756px;
    left: 527px;
	position: absolute;
	background-position: -16px -58px;
	background-size: 470px;
}

body#relationships div#canspan.clickable:hover{
	background-position: -251px -58px; 
}







#gestev{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/gestev.png');
}

body#relationships div#gestev {
	cursor: default;
	width: 154px;
	height: 72px;
	top: 1660px;
	left: 554px;
	position: absolute;
	background-position: -37px -36px;
	background-size: 450px;
}

body#relationships div#gestev.clickable:hover{
	background-position: -262px -36px; 
}

#lg2{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/lg2.png');
}

body#relationships div#lg2 {
	cursor: default;
	width: 80px;
	height: 58px;
	top: 1668px;
	left: 883px;
	position: absolute;
	background-position: -13px -3px;
	background-size: 205px;
}

body#relationships div#lg2.clickable:hover{
	background-position: -115px -3px; 
}

#altitudeC{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/altitude-c.png');
}

body#relationships div#altitudeC {
	cursor: default;
	width: 159px;
	height: 53px;
	top: 1669px;
	left: 717px;
	position: absolute;
	background-position: -13px -32px;
	background-size: 366px;
}

body#relationships div#altitudeC.clickable:hover{
	background-position: -196px -32px; 
}

#cossette{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/cossette.png');
}

body#relationships div#cossette {
	cursor: default;
	width: 212px;
	height: 37px;
	top: 1677px;
	left: 255px;
	position: absolute;
	background-position: -16px -58px;
	background-size: 470px;
}

body#relationships div#cossette.clickable:hover{
	background-position: -251px -58px; 
}

#marketel{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/marketel.png');
}

body#relationships div#marketel {
	cursor: default;
	width: 212px;
	height: 37px;
	top: 1754px;
	left: 91px;
	position: absolute;
	background-position: -6px -49px;
	background-size: 420px;
}

body#relationships div#marketel.clickable:hover{
	background-position: -216px -49px; 
}

#fuse{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/fuse.png');
}

body#relationships div#fuse {
	cursor: default;
	width: 63px;
	height: 65px;
	top: 1664px;
	left: 478px;
	position: absolute;
	background-position: -38px -12px;
	background-size: 280px;
}

body#relationships div#fuse.clickable:hover{
	background-position: -178px -12px; 
}

#bbr{
	height: 95px;
	background-position: -200px -20px;
	background-image: url('../images/clientsLogos/bbr.png');
}

body#relationships div#bbr {
	cursor: default;
	width: 64px;
	height: 66px;
	top: 1745px;
	left: 2px;
	position: absolute;
	background-position: -56px -24px;
	background-size: 350px;
}

body#relationships div#bbr.clickable:hover{
	background-position: -230px -24px; 
}

/* ------------------------------ */
		/* SECONDARY LOGOS */
/* ------------------------------ */

body#projects div#airFrance img#AF351{
	width: 110px;
	left: 55px;
	position: relative;
	margin-top: 20px;
}

body#projects div#airFrance img#lumiere-festival{
	width: 150px;
	left: 130px;
	margin-top: -5px;
}

body#projects div#airFrance img#osheaga{
	width: 120px;
	margin-top: 15px;
	left: 150px;
}

body#projects div#airFrance img#mastercard{
	width: 100px;
	left: 150px;
	margin-top: 13px;
}

body#projects div#aldo img#f1-promotion{
	width: 100px;
	left: 150px;
	margin-top: 15px;
}

body#projects div#aldo img#locale{
	width: 65px;
	left: 175px;
	margin-top: 25px;
}

body#projects div#bell img#NHL{
	width: 100px;
	margin-top: 30px;
	left: 160px;
}

body#projects div#bell img#tiff{
	margin-top: -15px;
}

body#projects div#bell img#fan-zone{
	width: 55px;
	margin-top: 40px;
	left: 182px;
}

body#projects div#bell img#cinema-quebec{
	width: 120px;
	margin-top: 35px;
	left: 152px;
}

body#projects div#bell img#sony{
	width: 100px;
	margin-top: 30px;
	left: 158px;
}

body#projects div#bombardier img#tiff{
	margin-top: -20px;
}

body#projects div#matrix img#luminato{
	width: 90px;
	margin-top: 20px;
	left: 160px;
}

body#projects div#matrix img#aba{
	width: 100px;
	margin-top: 20px;
	left: 155px;
}

body#projects div#smuckers img#europes-best-smoothie{
	width: 90px;
	margin-top: 30px;
	left: 163px;
}

body#projects div#smuckers img#sobe-fest{
	width: 115px;
	margin-top: 25px;
	left: 145px;
}

body#projects div#telus img#Mont-Ste-Anne{
	width: 130px;
	margin-top: 22px;
	left: 154px;
}


body#projects div#telus img#Tremblant {
	width: 100px;
	left: 157px;
	margin-top: 20px;
}

body#projects div#ubisoft img#Tremblant {
	width: 100px;
	left: 157px;
	margin-top: 35px;
}

body#projects div#telus img#grandPrix {
	width: 100px;
	left: 157px;
	margin-top: 15px;
}


body#projects div#telus img#bestBuyRetail{
	width: 85px;
	margin-top: 25px;
	left: 170px;
}

body#projects div#telus img#skiResort{
	width: 120px;
	margin-top: 20px;
	left: 153px;
}

body#projects div#telus img#broadband{
	width: 130px;
	margin-top: 25px;
	left: 143px;
}

body#projects div#telus img#lounge,img#skinsGame {
	width: 100px;
	margin-top: 19px;
	left: 160px;
}

body#projects div#telus img#hockey{
	width: 80px;
	margin-top: 20px;
	left: 175px;
}

body#projects div#telus img#CSF{
	width: 80px;
	margin-top: 25px;
	left: 170px;
}

body#projects div#telus img#leucanTournament{
	width: 105px;
	margin-top: 25px;
	left: 159px;
}

body#projects div#telus img#QMJHL{
	width: 65px;
	margin-top: 25px;
	padding-left: 65px;
}

body#projects div#telus img#AQESSS{
	width: 105px;
	margin-top: 19px;
	left: 168px;
}

body#projects div#telus img#TELUSSpin{
	width: 100px;
	margin-top: 20px;
	left: 163px;
}

body#projects div#telus img#skiSnowboardFestival{
	width: 60px;
	margin-top: 23px;
	left: 180px;
}

body#projects div#vichy img#health-fitness{
	width: 55px;
	margin-top: 30px;
	left: 175px;
}

body#projects div#vichy img#luminato{
	width: 90px;
	margin-top: 30px;
	left: 160px;
}

body#projects div#vichy img#sdm{
	width: 140px;
	margin-top: 30px;
	left: 137px;
}

body#projects div#vichy img#tec{
	width: 100px;
	margin-top: 30px;
	left: 155px;
}

body#projects div#volkswagen img#Tremblant{
	width: 100px;
	left: 157px;
	margin-top: 40px;
}

body#projects div#volkswagen img#blues{
	width: 100px;
	margin-top: 20px;
	left: 157px;
}

body#projects div#volkswagen img#crankworx{
	width: 120px;
	margin-top: 40px;
	left: 150px;
}

body#projects div#volkswagen img#bluesFestival{
	width: 65px;
	margin-top: 38px;
	left: 172px;
}

/* --------------------------------------------------------------------------------------- */
									    /* WORK */
/* --------------------------------------------------------------------------------------- */

h1#titleWork{
	margin-left: 0.5%;
	margin-top: 40px;
/* 	font-size: 53px; */
	line-height: 1.2;
	font-size: 50px;
	text-align: center;
}

#workList{
	color:#707070;
	font-size: 20px;
	text-transform: uppercase;
}

#work .mainWrapper{
	text-align: left !important;
}

ul.workList li{
	list-style-position: outside;
}
/* --------------------------------------------------------------------------------------- */
									   /* CONTACT */
/* --------------------------------------------------------------------------------------- */

h1#titleContact{
	margin-left: 1%;
	margin-top: 40px;
	font-size: 50px;
	line-height: 0.9;
}

body#contact font#phone{
	margin-left: 10px;
	color: #707070;
}

body#contact font#fax{
	margin-left: 34px;
	color: #707070;
}

body#contact a#mail{
	margin-left: 20px;
	cursor: pointer;
	color: #707070;
}

body#contact font#phone:hover{
	color:#ff9933;
}

body#contact font#fax:hover{
	color:#ff9933;
}

body#contact a#mail:hover{
	color:#ff9933;
}

#contactText{
	font-size: 12px; 
	line-height: 1.4;
	text-align: justify;
}

.contactInfo{
	font-size:22px;
}

font#addressCa{
	font-size: 13px;
	color: #707070;
	margin-left: 62px;
	float: left;
	margin-top: 23px;
}

font#addressUsa{
	font-size: 13px;
	color: #707070;
	margin-left: 62px;
	float: left;
	margin-top: -10px;
}

#locateUs{
	top:-20px;
}

body#contact #arrowL{
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 20px;	
	cursor: pointer;
	height: 45px;
}

body#contact #arrowR{
	top: 50%;
	position: absolute;
	right: 15px;
	margin-top: -30px;
	right: 20px;
	height: 45px;
	cursor: pointer;
}

/* --------------------------------------------------------------------------------------- */
					     					/* ICONS */
/* --------------------------------------------------------------------------------------- */


@font-face {
	font-family: 'iconi';
	src:url('fonts/iconi.eot');
	src:url('fonts/iconi.eot?#iefix') format('embedded-opentype'),
		url('fonts/iconi.ttf') format('truetype'),
		url('fonts/iconi.woff') format('woff'),
		url('fonts/iconi.svg#iconi') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('fontsArrow/icomoon.eot');
	src:url('fontsArrow/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fontsArrow/icomoon.ttf') format('truetype'),
		url('fontsArrow/icomoon.woff') format('woff'),
		url('fontsArrow/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {
	font-family: 'iconi';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
/* 	font-size: 60px; */
	position: relative;
	top: 15px;
	cursor: pointer;
	color: #707070;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-pow"], [class*=" icon-pow"] {
	font-family: 'iconi';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 60px;
	position: relative;
	top: 15px;
	cursor: pointer;
	color: #707070;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


[class^="icon-arr"], [class*=" icon-arr"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	top: 5px;
	left: -12px;
	padding-left: 150px;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'social';
	src:url('fontsSocial/social.eot');
	src:url('fontsSocial/social.eot?#iefix') format('embedded-opentype'),
		url('fontsSocial/social.woff') format('woff'),
		url('fontsSocial/social.ttf') format('truetype'),
		url('fontsSocial/social.svg#social') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'video';
	src:url('fontsVideo/video.eot');
	src:url('fontsVideo/video.eot?#iefix') format('embedded-opentype'),
		url('fontsVideo/video.woff') format('woff'),
		url('fontsVideo/video.ttf') format('truetype'),
		url('fontsVideo/video.svg#video') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="iconsocial-"], [class*=" iconsocial-"] {
	font-family: 'social';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 28px;
	position: relative;
	top: 15px;
	margin-left: -10px;
	cursor: pointer;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


[class^="icon-play"], [class*=" icon-play"] {
	font-family: 'video';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 23px;
	position: relative;
/* 	top: 26px; */
	left: -187px;
	color: rgba(112, 112, 112, 0.86);
	top: -23px; left: 206px; font-size: 34px;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-play:before {
	content: "\e609";
}

.icon-play:hover {
	color:#ff9933;
}

.iconsocial-facebook:before {
	content: "\e608";
}
.iconsocial-instagram-2:before {
	content: "\e607";
}

.icon-location:before {
	content: "\e603";
	font-size: 34px;
	top: 48px;
	position: relative;
	margin-left: -5px;
	padding-right: 200px;
}
.icon-pow:before {
	content: "\e601";
	position: relative;
	top: 45px;
	left: -43px;
	color: #00adef;
	margin-left: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.icon-pow:hover {
	font-size: 70px !important;
/* 	top: 11px; */
	
}

.icon-arr:before {
	content: "\e604";	
}

.iconsocial-facebook:hover {
	color:#ff9933;
}

.iconsocial-instagram-2:hover {
	color:#ff9933;
}

.icon-location:hover {
	color:#ff9933;
}

.icon-arr:hover {
	color:#ff9933;	
}


/* --------------------------------------------------------------------------------------- */
									   /* PROJECTS */
/* --------------------------------------------------------------------------------------- */

div#projectsSubMenu{
	font-size: 13px;
	float: left;
	margin-top: 5px;
	width: 400px;
	text-align: left;
}

a#relationshipsSubMenu:hover{
	color: #ff9933;
}

.clientName{
	text-transform: capitalize;
}

body#projects .page{
	display: table-cell;
	vertical-align: middle;
	animation: animate .4s ease-in-out ;
	-webkit-animation: animate .6s ease-in-out; 
	-moz-animation: animate .6s ease-in-out; 
	padding-bottom: 20px;
}


@keyframes animate
{
	from {top:150px;}
	to {top:15px;}
}

@-webkit-keyframes animate /* Safari and Chrome */
{
	from {top:150px;}
	to {top:15px;}
}

@-moz-keyframes animate/* Safari and Chrome */
{
	from {top:150px;}
	to {top:15px;}
}

div.leftBar{
	width: 310px;
	border-right: 2px solid #d4d4d4;
	position: relative;
	top: 45px;
	display: table;
	left: -400px;
}

div.rightBar{
	width: 650px;
	position: absolute;
	margin-left: 312px;
	top: 45px;
	height: 100;
	overflow: hidden;
	display: table;
}

div#leftContainer{
	position: absolute;
	top: 50%;
	margin-top: -55px;
}

body#projects div.clientLog{
	position: relative;
/* 	display: table-cell; */
	vertical-align: middle;
	background-repeat: no-repeat;
	top: 50%;
	position: absolute;
/* 	margin-top: -125px; */
	background-size: 420px auto;
	width: 210px;
	background-position-x: 100%;
}

body#projects div .active{
	top: 45%;
	animation: animateClientLogoUp .4s ease-in-out ;
	-webkit-animation: animateClientLogoUp .4s ease-in-out; 
	-moz-animation: animateClientLogoUp .4s ease-in-out; 
	-o-animation: animateClientLogoUp .4s ease-in-out; 	
}

body#projects div .noActive{
	
	animation: animateClientLogoDown .4s ease-in-out ;
	-webkit-animation: animateClientLogoDown .4s ease-in-out; 
	-moz-animation: animateClientLogoDown .4s ease-in-out;
	-o-animation: animateClientLogoDown .4s ease-in-out;

	top: 50%; 	
}

@keyframes animateClientLogoUp
{
	from {top:50%;}
	to {top:45%;}
}

@-webkit-keyframes animateClientLogoUp /* Safari and Chrome */
{
	from {top:50%;}
	to {top:45%;}
}

@-moz-keyframes animateClientLogoUp /* Safari and Chrome */
{
	from {top:50%;}
	to {top:45%;}
}

@-o-keyframes animateClientLogoUp /* Safari and Chrome */
{
	from {top:50%;}
	to {top:45%;}
}

@keyframes animateClientLogoDown
{
	from {top:45%;}
	to {top:50%;}
}

@-webkit-keyframes animateClientLogoDown /* Safari and Chrome */
{
	from {top:45%;}
	to {top:50%;}
}

@-moz-keyframes animateClientLogoDown /* Safari and Chrome */
{
	from {top:45%;}
	to {top:50%;}
}

@-o-keyframes animateClientLogoDown /* Safari and Chrome */
{
	from {top:45%;}
	to {top:50%;}
}

body#projects li{
	list-style-type: none;
}

.divProject{
	width: 650px;
	height: 115px;
	position: relative;
	display: table;
	cursor: pointer;
	display: none;
	margin-top: -13px;
}

img#projects{
	width: 190px;
	height: 110px;
	float: left;
	margin-left: 20px;
}

body#projects p{
	font-size: 14px;
	text-indent: 1.5em;
	margin-top: 0px;
	line-height: 1.5;
	font-weight: 100;
	position: relative;
	top: 30px;
}

body#projects p.video{
	top: 20px;
}

img.projectLogo{
	width: 100%;
	height: auto;
	position: absolute;
	z-index: -1;
	opacity: 0;
	margin-left: -50%;
	
/* 	top: -15px; */
}

html[data-useragent*='MSIE 10.0'] img.projectLogo{
	margin-left: 0px !important;
}

img.activeProjectLogo{
/* 	opacity: 1; */
	animation: animateProjectLogo .4s ease-in-out .3s forwards;
	-webkit-animation: animateProjectLogo .4s ease-in-out .3s forwards; 
	-moz-animation: animateProjectLogo .4s ease-in-out .3s forwards; 
/* 	display: inherit !important; */
}

@keyframes animateProjectLogo
{
	from {top:-30px;opacity: 0;}
	to {top:80%;opacity: 1;}

}

@-webkit-keyframes animateProjectLogo /* Safari and Chrome */
{
	from {top:-30px;opacity: 0;}
	to {top:80%;opacity: 1;}

}

@-moz-keyframes animateProjectLogo /* Safari and Chrome */
{
	from {top:-30px;opacity: 0;}
	to {top:80%;opacity: 1;}
}


div#line{
	border-bottom: 2px solid #d4d4d4;
	left: 0%;
	width: inherit;
	margin-top: 138px;
	z-index: 1000;
	position: absolute;
	opacity: 0;	
}

html[data-useragent*='MSIE 10.0'] div#line{
	display: none;
}
div#line.activeLine{
	animation: animateLine .4s ease-in-out .01s forwards;
	-webkit-animation: animateLine .6s ease-in-out .01s forwards;
	-moz-animation: animateLine .6s ease-in-out .01s forwards; 
}

@keyframes animateLine
{
	from {width:0px; left: 50%; opacity: 0;}
	to {width:inherit; left: 0%; opacity: 1;}
}

@-webkit-keyframes animateLine /* Safari and Chrome */
{
	from {width:0px; left: 50%; opacity: 0;}
	to {width:inherit; left: 0%; opacity: 1;}

}

@-moz-keyframes animateLine /* Safari and Chrome */
{
	from {width:0px; left: 50%; opacity: 0;}
	to {width:inherit; left: 0%; opacity: 1;}
}

@font-face {
	font-family: 'arrowProjects';
	src:url('fontsArrowProject/arrowProjects.eot');
	src:url('fontsArrowProject/arrowProjects.eot?#iefix') format('embedded-opentype'),
		url('fontsArrowProject/arrowProjects.ttf') format('truetype'),
		url('fontsArrowProject/arrowProjects.woff') format('woff'),
		url('fontsArrowProject/arrowProjects.svg#arrowProjects') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-arrow"], [class*=" icon-arrow"] {
	font-family: 'arrowProjects';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	padding-left: 0px;
	margin-right: 0px;	
	font-size: 33px;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.icon-arrow-down:before {
	content: "\e605";
	top: -3px;
	position: relative;
	font-size: 31px;
}

.icon-arrow-up:before {
	content: "\e606";
	font-size: 30px;
	margin-left: 0px;
	position: relative;
	top:-10px;
	z-index: 1000;
}

.icon-arrow-down:hover {
	color: #ff9933;
}

.icon-arrow-up:hover {
	color: #ff9933;
}

body#projects .downArrow{
	position: absolute;
	top: 99%;
	width: 100%;
	margin: -46px auto 0 auto;
	height: 25px;
	cursor: pointer;
	left: 0px;
}

body#projects .upArrow{
	position: absolute;
	width: 100%;
	height: 25px;
	cursor: pointer;
	left: 0px;

}

.disableArrow{
	color: #d3d3d3;
}

.disableArrow:hover{
	color: #d3d3d3;
	pointer-events: none;
}

/* --------------------------------------------------------------------------------------- */
									   /* VIEWER: PROJECTS */
/* --------------------------------------------------------------------------------------- */

body#fullProjectViewer div#slider{
	width: 100%;
	height: 100%;
	margin:0 auto;
	display:block;
	position:fixed;
	text-align:center;	
	background-repeat: no-repeat;
	border-radius: 0px;
	background-position: center center !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	
	
}

body#fullProjectViewer #slider div.sliderInner{
	width: 100%!important; 
	height: 100% !important;
	margin:0 auto;
	display:block;
	position:fixed;
	text-align:center;	
	background-repeat: no-repeat;
	border-radius: 0px;
	background-position: center center !important;
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
}

body#fullProjectViewer .mcSlc{
	width: 100%!important; 
	height: 100% !important;
	margin:0 auto;
	display:block;
	position:fixed;
	text-align:center;	
	background-repeat: no-repeat;
	border-radius: 0px;
	background-position: center center !important;
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
}

body#fullProjectViewer div#sliderFrame{
	width: 100%;
	height: 100%;
	margin-top: 0px;
	background-repeat: no-repeat;
}

img.lazyImage{
	width: 100px;
	height: 100px;
}

body#fullProjectViewer #slider div.navBulletsWrapper{
	position:absolute;
	top:91%;
	width: 100%;
	margin: 0px auto 0 auto;
	min-height: 29px;
	height: auto !important;
	height: 100%;
/* 	z-index: 0; */
}

body#fullProjectViewer #projectContainer{
	position:fixed;
	right: 0%;
	bottom: 100px;
	width: 350px;
	height: 80px;
	margin: -46px auto 0 auto;
	background-color: #ffffff;
	opacity: 0.8;
	box-shadow: -1px 1px 5px #a3a3a3;
}


@keyframes animateLine2{
	from {right: -40%;}
	to {right: 0%;}
}

@-webkit-keyframes animateLine2 /* Safari and Chrome */{
	from {right: -40%;}
	to {right: 0%;}
}

@-moz-keyframes animateLine2 /* Safari and Chrome */{
	from {right: -40%;}
	to {right: 0%;}
}


body#fullProjectViewer p{
	font-size: 13px;
	text-indent: 1.5em;
	margin-top: 0px;
	line-height: 1.4;
	position: relative;
	letter-spacing: -0.5;
	top: 20%;
}

body#fullProjectViewer #closeFullProject{
	position:fixed;
	right: 0%;
	top: 35px;
	right: 40px;
}

body#fullProjectViewer #fullViewLogo{
	position:fixed;
	top: 35px;
	left: 40px;
	opacity: 0.8;
}

body#fullProjectViewer #infoContainer{
	width: 100%;
	height: 60px;
	position: relative;
	top: -175px;
	left: 145px;
	border-left: 1px solid  #d4d4d4;
}

body#fullProjectViewer{
	overflow: hidden;
}

body#fullProjectViewer #arrowL{
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 20px;	
	cursor: pointer;
}

body#fullProjectViewer #arrowR{
	top: 50%;
	position: fixed;
	right: 0%;
	margin-top: -30px;
	right: 20px;
	cursor: pointer;
}

body#fullProjectViewer iframe#mcVideoslider{
	background-size: cover;
	width: 100%;
	height: 100%;
}

body#fullProjectViewer a.video{
	height: 100% !important;
}

body#fullProjectViewer a.video div{
	height: 100% !important;
}