@charset "utf-8";
/* CSS Document */
body{background:#333;width: 100%; height: 100%;}
a:active, a:focus {
  outline: none;
}
@-webkit-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }

/* text */
h1, h2, h3, h4, h5, p, li, label{font-family: Helvetica, Arial, sans-serif;}

#header, #footer {color:#fff; font-size:0.6em;}

#front {color:#fff; padding:0 10px 0 40px; width:940px;}
#front h1{margin:50px 0 26px 0;}
#titlebg {padding:4px; background:url(images/fronth1bg.png); line-height:54px; font-size:42px; text-transform:uppercase;}
.frontStatement p { padding: 5px 7px 4px; margin:0 0 1px 0; background:url(images/fronth2bg.png); line-height:24px; height: 24px; font-size:24px; text-transform:uppercase; float: left; clear:both; color: #FFF;}
#sidequotebg {padding:4px 0; margin:0 0 5px 0; background:url(images/fronth2bg.png); line-height:31px; font-size:18px; text-transform:uppercase; font-weight:normal;}

#col1 h2, #col2 h2 {color:#c4007a; font-size:14px; padding:7px 0 6px 0; margin: 10px 0 16px 0; font-weight:bold; border-bottom:#b6b6b9 1px solid; border-top:#b6b6b9 1px solid;}
#contactform {overflow: hidden;}
#contactform h2, .formSuccess h2{font-size:12px;color:#c4007a; font-weight:bold;padding:12px 0 3px 0;}
.pullquote{font-size:14px;color:#c4007a; font-weight:bold;}
#contactcol1 p{ font-size:11px;}
#contactcol1 a{color:#85868a;}
#contactcol1 a:active, #contactcol1 a:hover{color:#c4007a;}

#sidequote h2{ margin-bottom:10px;}




#waffle .sideHoverNavInfo p, #nicepeople .sideHoverNavInfo p {color:#757a80; font-size:12px; line-height:18px; padding-bottom:10px;}
#waffle .sideHoverNavInfo a{color:#ca0088;}
#waffle .sideHoverNavInfo li, #nicepeople .sideHoverNavInfo li{ list-style-image:url(images/bullet.gif);font-size:12px; line-height:18px;color:#757a80; margin:0 0 0 13px;}
#waffle .sideHoverNavInfo ul{margin: 0 0 18px 0;}
#nicepeople .sideHoverNavInfo ul {margin: 0;}


/*waffle subnav*/
#wafflenav { position:absolute; bottom:0; right:20px;}
#wafflenav .wnworkimages li{ list-style: none; margin:0; padding:0 3px; display:inline;}
#wafflenav .sideHoverNavInfo a{color:#757a80;}
#wafflenav .current_page_item a{color:#ca0088; text-decoration:none; cursor:text;}
#wafflenav .wnworkimages li{font-size:12px; line-height:18px;color:#757a80;  padding:0 10px; border-left:#757a80 solid 1px;}
#wafflenav .wnworkimages li:first-child{ border:none;}



/*front*/


#waffle, #nicepeople {color:#fff; padding:50px 10px 40px 10px; width:940px;}

#col1, #col2 {
	color: #000;
}


*/




#sidequote {width:220px; padding:0 20px 0 0;}
#contentblock{ background:#fff; width:700px; padding-bottom:25px; margin: 0 0 0 20px;}
#contentblock p { font-size: 12px; color:#757a80; line-height: 1.3; padding: 0 0 10px 0;}
/*waffle*/
#col1{width:320px; padding:0 0 0 20px;}
#col2{width:320px; padding:0 0 0 20px;}

/*people*/
#peopleleft{width:200px; background:#fff; padding:10px; min-height:346px;}
#peopleleft p{ color:#C4007A; font-size: 16px; padding: 0 0 10px; line-height: 20px;}
#peopleabout h2{font-size:16px;color:#c4007a; margin:10px 10px 8px 10px; padding:0 0 9px 0; line-height:20px; border-bottom:#ababab 1px solid;}
#peopleblock2 p { color: #85868A; }
#peopleblock2 a { color: #ca0088; }

/*contact */
#contactcol1{width:200px; padding:20px 0 0 20px;}
#contactcol1 p{ font-size:11px;}
#contactcol1 a{color:#85868a;}
#contactcol1 a:active, #contactcol1 a:hover{color:#c4007a;}
#contactcol2{width:440px; padding:2px 0 0 10px;}

/*form*/
#formcol1{width:160px;}
#formcol1 input{width:160px; height:19px; background:url(images/formbg.gif); border:0; border-top:1px solid #c3c3c3; border-left:1px solid #c3c3c3; display:block;}
#formcol2{width:260px; margin:0 0 0 20px;}
#formcol2 textarea{width:250px; height:112px; background:#f2f2f2 url(images/messagebg.gif) top repeat-x; border:0; border-top:1px solid #c3c3c3; border-left:1px solid #c3c3c3; display:block;font-family: Helvetica, Arial, sans-serif;color:#757a80; font-size:11px; padding:5px;}
#googlemap{border:#fff solid 1px;
margin:20px 0 0 0;
width:440px; height:260px;
-moz-box-shadow: 0 0 7px 0 #ddddde;
-webkit-box-shadow: 0 0 7px 0 #ddddde;
box-shadow: 0 0 7px 0 #ddddde;}
#contactform label {color:#757a80; font-size:11px; padding:5px 0 4px 0; display:block;}
.inputbutton{border:0; border-top:1px solid #74767a; border-left:1px solid #74767a;padding:3px 5px 5px 5px;background:#82858b url(images/submitbg.gif) top repeat-x;font-family: Helvetica, Arial, sans-serif;color:#fff; font-size:11px; text-transform:uppercase; margin:5px 0 0 0; cursor: pointer;}

/* text links*/
a:active, a:hover {text-decoration:underline;}
#header a, #footer a{color:#fff;}

/*nav*/
.fu{margin:14px 11px 0 0;}
.sb{text-indent: -10000px; margin:11px 9px 0 0;}
#social a{background-position: top;height:19px;display:block;}
#socfb a{height:19px;width:19px;background-image:url(images/socfb.png);}
#soctw a{height:19px;width:19px;background-image:url(images/soctw.png);}
#socli a{height:19px;width:19px;background-image:url(images/socli.png);}

#menu {margin:21px 28px 0 0;}
#menu li{display:inline; overflow: hidden;}

.mm{text-indent: -10000px; margin:0;}
.mm a:hover, .mm a:active{background-position: bottom;}
#soc1 a{height:19px;width:177px; background-image:url(images/corporate-waffle.png);display:block;}
#soc2 a{height:19px;width:106px; background-image:url(images/eye-candy.png);display:block;}
#soc3 a{height:19px;width:121px; background-image:url(images/nice-people.png);display:block;}
#soc4 a{height:19px;width:104px; background-image:url(images/go-social.png);display:block;}
#soc5 a{height:19px;width:124px; background-image:url(images/get-in-touch.png);display:block;}

#soc11 a{height:36px;width:197px; background-image:url(images/corporate-waffle-line.png);display:block;}
#soc21 a{height:36px;width:171px; background-image:url(images/eye-candy-line.png);display:block;}
#soc22 a{height:36px;width:155px; background-image:url(images/eye-candy-line2.png);display:block;}
#soc23 a{height:36px;width:162px; background-image:url(images/eye-candy-line3.png);display:block;}
#soc31 a{height:36px;width:197px; background-image:url(images/nice-people-line.png);display:block;}
#soc41 a{height:36px;width:197px; background-image:url(images/go-social-line.png);display:block;}
#soc51 a{height:36px;width:142px; background-image:url(images/get-in-touch-line.png);display:block;}

.submenuWrapper a {
	opacity: 0.8;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	-ms-transition: opacity .2s;
	transition: opacity .2s;
}

.submenuWrapper a:hover {
	opacity: 1;
}


/*people*/
#peopleblock{background:#fff; width:690px; padding:5px 5px 0 5px; min-height:494px; margin: 0 0 0 20px;}
#peopleblock2{background:#fff; width:690px; padding:5px 5px 10px 5px; min-height:185px; margin: 0 0 0 20px;}

#peoplehome{margin:0 16px 0 0; padding:0; width:100px;}
#npwordcloud{/*width:578px;*/ margin:0 0 0 10px;}
#npwordcloud a{ font-size:1.2em;font-family: Helvetica, Arial, sans-serif; line-height:1.15em; cursor:default; text-decoration: none;}
#peoplehome li{margin:0 0 8px 5px; padding:0; list-style:none;}
.pp{margin:0; padding:0; list-style:none;width:96px; cursor:pointer;}
.pp a:hover, .pp a:active{
opacity: .0;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
-transition: opacity 0.3s linear;}

#peoplejake {height:98px;width:98px; background-image:url(images/np-jake-on.jpg);display:block;}
#peoplejade {height:98px;width:98px; background-image:url(images/np-jade-on.jpg);display:block;}
#peoplemike {height:98px;width:98px; background-image:url(images/np-mike-on.jpg);display:block;}
#peopleandy {height:98px;width:98px; background-image:url(images/np-andy-on.jpg);display:block;}


#peoplejake a{height:98px;width:98px; background-image:url(images/np-jake.jpg);display:block;}
#peoplejade a{height:98px;width:98px; background-image:url(images/np-jade.jpg);display:block;}
#peoplemike a{height:98px;width:98px; background-image:url(images/np-mike.jpg);display:block;}
#peopleandy a{height:98px;width:98px; background-image:url(images/np-andy.jpg);display:block;}

#peopleinfo{margin:0; padding:0; height:122px;}
#peopleinfo li{margin:0 0 0 5px; padding:0; list-style:none; height:122px;}


#persontitle {margin:10px 10px 10px 10px;padding:0 0 10px 0;border-bottom:#ababab solid 1px;}
#persontitle h1{color:#c4007a;font-family: Helvetica, Arial, sans-serif; font-size:12px;margin:0;}
#persontitle h2{color:#85868a;font-family: Helvetica, Arial, sans-serif; font-size:12px; border-left:#85868a solid 1px; margin:0 0 0 10px; padding:0 0 0 10px;}
#persontwitter a{color:#5a287f;font-family: Helvetica, Arial, sans-serif; font-size:12px; background:url(images/people-twitter.gif) left top no-repeat; padding:0 100px 0 16px;}
#personvcard a{border:0; border-top:1px solid #74767a; border-left:1px solid #74767a;padding:2px 5px 2px 5px;background:#82858b url(images/submitbg.gif) top repeat-x;font-family: Helvetica, Arial, sans-serif;color:#fff; font-size:11px; text-transform:uppercase;}
#peoplecol1{margin:0 0 0 7px;}
#peoplecol2, #peoplecol3 {width:215px; margin:0 0 0 10px;}
#peoplecol2 p, #peoplecol3 p{font-size:11px; line-height:15px; padding:0 0 8px 0;}

/*Nice People*/
.npphotoon {
} 
.npphotoooff {opacity: 0.5;} 
.linkoff{color:#ccc; /*
 -webkit-transition: color .3s ease-in;
 -moz-transition: opacity 0.3s linear;
 -o-transition: color .3s ease-in;
 -transition: color .3s ease-in; }
.linkoff:active, .linkoff:hover {color:#c4007a; text-decoration:none;
-webkit-transition: color .3s ease-in;
-moz-transition: opacity 0.3s linear;
 -o-transition: color .3s ease-in;
 -transition: color .3s ease-in;}
.linkon{color:#c4007a;-webkit-transition: color .3s ease-in;
 -o-transition: color .3s ease-in;
 -transition: color .3s ease-in;
 */}

#npbackbutton a{position:absolute; right:10px; bottom:10px; background:url(/images/npbackbutton.gif); width:43px; height:16px; padding:4px 0 0 0; color:#fff; font-family: Helvetica, Arial, sans-serif; font-size:11px; text-align:center;}
/*nav rollovers*/

#linewrap{}
#menucw{position:absolute; left: 0;top: 0; }
#menuec{position:absolute; left: 35px;top: 0; width:500px;}
#menunp{position:absolute; left: 247px;top: 0; }
#menugs{position:absolute; left: 357px;top: 0; }
#menugit{position:absolute; left: 491px;top: 0; }

/* layout */
.wrap960{
width:960px; margin:0 auto;}
#header{
background-image:url(images/hdr_bg.png); min-height:110px;	z-index:10;}
#logo{padding:30px 0 0 10px; width:290px;}
#social li{display:inline;}

/* work footer */
#mainfooter{position: fixed; bottom: 0;left:0;
	right: 0; width:100%;}
#workfooter{ position:fixed;bottom:0; width:100%; z-index:50;background:url(images/footerworkbg.png);border-bottom:2px solid #bf027a;}
#workwrap{padding:0;margin:0; width:100%;}
#footer{height:14px; border-bottom:2px solid #bf027a;}
#footertext{margin:0 0 0 10px; position:fixed; bottom:7px;z-index:200;}
#footertext a{cursor: pointer;}

#workfooter li {
	position: absolute;
	width: 200px;
	margin: 0 0 30px 0;
}

.marquee {
	height: 152px;
	padding: 10px 0 0;
}

#workfooter img{
	border:solid 1px #fff; margin: 8px 0 0 10px ; 
	-moz-box-shadow: 0 0 20px 0 #000;
	-webkit-box-shadow: 0 0 20px 0 #000;
	box-shadow: 0 0 20px 0 #000;
	
    -o-transition: box-shadow .2s linear; 
    -moz-transition: -moz-box-shadow .2s linear; 
    -webkit-transition: -webkit-box-shadow .2s linear;
	transition: box-shadow .2s linear;
	z-index: 1;
}

#workfooter li a {
	color: #FFF;
	text-decoration: none;
}

#workfooter li a p {
	color: #FFF;
	z-index: 2;
	position: relative;
	font-size: 10px;
	padding: 0 0 5px 0;
}
.workfooterlabel{display:none;}
.workfooterlabel a:active, .workfooterlabel a:hover{display:block;}

#workfooter li a:hover img{
	/*
	width:180px;
	height:116px;
	margin:0;
	*/
	
	-moz-box-shadow: 0 0 60px 0 #000;
	-webkit-box-shadow: 0 0 60px 0 #000;
	box-shadow: 0 0 60px 0 #000;
	
}

#workfooter ul{margin:-10px 0 0 0;}

#footeropen{ position:absolute; left:469px;}


/*toggle*/





.wnsubnav h2.trigger {
	padding: 0;
	background:url(images/wn-footer-open.gif) no-repeat right top;
	height: 26px;
	width: 220px;
	cursor:pointer;
}
.wnsubnav h2.trigger a {
	height: 26px;
	width: 220px;
	display: block;
}
.wnsubnav h2.active {background-position: right bottom;}



#worktrigger{z-index:5;}
#workfooter h2.trigger {
	padding: 0;
	margin: 5px auto 5px auto;
	background:url(images/footer-open.png) no-repeat center top;
	height: 14px;
	width: 100%;
	text-indent:-99999px;
	cursor:pointer;
}
#workfooter h2.trigger a {
	height: 14px;
	width: 423px;
	display: block;
}
#workfooter h2.active {background-position: center bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/


/*Work Slider*/

.carousel {
    padding: 0;
    margin:0;
    position:fixed;   
	height:100%;
	width:100%;  
	z-index:5;
}
      
.jCarouselLite{
		width:100%; height:100%;}
		.jCarouselLite ul{width:100%; height:100%;}
.jCarouselLite li{width:100%; height:100%;}
.pfimage{
position:relative;
top:50%;
margin-top:-141px;
left:50%;
margin-left:-486px;}

.bayervideo{position:absolute;top:50%;
margin-top:-141px;
left:50%;
margin-left:-280px; z-index:50;}

.prev, .next{ position:absolute; height:30px; width:30px;  opacity:0.6;z-index:20;}
					.prev{ left:85px; background:url(images/sw-left.png) no-repeat left center; }
					.next{ right:85px; background:url(images/sw-right.png) no-repeat right center; }
						.prev:active, .next:active{ margin-top:2px; }
						.prev:hover, .next:hover{ cursor:pointer; }
						
/***********TERMS AND CONDITIONS**************/
.tandcContainer {
	position:fixed;
	top:50%;
	right:50%;
	margin:-290px -470px 0 0;
	padding:5px;
	width:930px;
	height:550px;
	background:#fff;
	z-index:1005;
	display: none;
	-moz-box-shadow: 0 0 15px 0 #111;
	-webkit-box-shadow: 0 0 15px 0 #111;
	box-shadow: 0 0 15px 0 #111;
}

.tandcInner {
	padding: 10px 12px 10px 10px;
}

.tandcContainer h2 {
	color: #676767;
	font-size: 16px;
	font-weight: bold;
	padding: 7px 0 0 10px;
}

.tandcContainer .legalCross {
	width: 34px;
	height: 34px;
	float: right;
	background-image: url(images/legal_cross.png);
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.8;
	cursor: pointer;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	-ms-transition: opacity .2s;
	transition: opacity .2s;
}

.tandcContainer .legalCross:hover {
	opacity: 1;
}

.tandcContainer .tandcScroller {
	width:auto;
	height:500px;
	border:none;
}

.tandcwrap{width:890px;
	overflow: hidden;}
#tandccol1{float:left; width:410px; margin:0 70px 0 0;}
#tandccol2{float:left; width:410px; margin:0 0 0 0;}
.clear{clear:both;}
.tandcwrap h2, .tandcwrap h3, .tandcwrap p, .tandcwrap li{color:#676767; font-family: Helvetica, Arial, sans-serif;}
.tandcwrap h2{font-size:14px;}
.tandcwrap h3{font-size:11px; font-weight:bold;  margin: 11px 0;}
.tandcwrap p, .tandcwrap li{font-size:10px;}


/*Work Nav*/
#worknav{
width:200px;
padding:10px; 
background:#fff;
-moz-box-shadow: 0 0 5px 0 #333;
-webkit-box-shadow: 0 0 5px 0 #333;
box-shadow: 0 0 5px 0 #333;
color:#757a80; font-family:Helvetica, Arial, Sans-Serif;font-size:12px; z-index:10;}
#worknav a{color:#757a80; font-size:11px;}
#worknav ul{margin:0; padding:0;}
#worknav li{margin:0; padding:0;list-style:none; width:200px; display:block;}
.wnoption{ margin:0;border-bottom:#ababab 1px solid;} 
.wnoption a{width:200px; height:16px; display:block; padding:4px 0;}
.wnsubnav li{list-style:none; margin:0; padding:6px 0;border-top:#eeeeee 1px solid; border-bottom:none; text-indent:10px;width:200px;}
.wnsubnav li:hover, .wnsubnav li:active{background:#f3f3f3;}
.wnintro{margin-top:6px;padding:8px 0 8px 0;border-bottom:#ababab 1px solid;border-top:#ababab 1px solid;color:#757a80; font-family:Helvetica, Arial, Sans-Serif;font-size:11px;}
.wnwork{ padding:10px; width:460px; height:450px;
-moz-box-shadow: 0 0 5px 0 #000;
-webkit-box-shadow: 0 0 5px 0 #000;
box-shadow: 0 0 5px 0 #000; 
background: #fff;}
.wnwrap h2{font-size:12px;line-height:15px; color:#c4007a;font-family:Helvetica, Arial, Sans-Serif;}
.wnwrap{background:url(images/wnworkbg.gif) repeat-y center top; height:450px;}
.wnworkimages{position:absolute; bottom:10px; right:1px; width:228px;}
.wnworkimages li{display:block; padding:20px 5px 0 0; width:58px; height:59px;}
.wnworkimages img{border:#fff 1px solid;
-moz-box-shadow: 0 0 3px 0 #aaa;
-webkit-box-shadow: 0 0 3px 0 #aaa;
box-shadow: 0 0 3px 0 #aaa;
width:58px; height:59px;
}
#wnworkcol1{width:220px;}
#wnworkcol2{width:220px;margin:0 0 0 20px;}
#wnworkcol1 p, #wnworkcol2 p{font-size:11px; line-height:15px;}
.wnworkarrow{
	width:11px;
	margin: 0 0 0 -11px;
	height:18px;
	z-index:200;
	background-image: url(images/wnworkarrow.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

.sideHoverNavInfo {display:block;position:absolute; top:50px; left:227px; width:491px; padding:0 0 0 15px; z-index:1004; }

.wnworkscrollerwrap{margin:0 auto; height:100%; width:1100px; z-index:5; position:absolute; left: 50%;
    margin-left:-550px;}
.wnworkscrollerleft{margin:-300px 0 0 0; position:absolute; left:0; top:50%; width:30px; height:30px; padding:285px 85px;}
.wnworkscrollerright{margin:-300px 0 0 0; position:absolute; right:0; top:50%; width:30px; height:30px; padding:285px 85px;}
/*work examples*/


/*sideHoverNav*/
.sideHoverNav {
	width: 200px;
	padding: 0 10px; 
	background: #fff;
	-moz-box-shadow: 0 0 5px 0 #333;
	-webkit-box-shadow: 0 0 5px 0 #333;
	box-shadow: 0 0 5px 0 #333;
	color: #757A80;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size:11px;
	z-index:1003;
}

.sideHoverNav p.title {
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0;
}

.sideHoverNav .collapse {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.sideHoverNav p.description {
	padding: 10px 10px 10px 0;
	margin: 0;
	border-top: 1px solid #ABABAB;
}

.sideHoverNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.sideHoverNav ul li {
	line-height: 25px;
	padding: 0;
	margin: 0;
}

.sideHoverNav ul li.parent a {
	background-image:url(images/wn-footer-open.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.sideHoverNav ul li.parent.open a {
	background-position: right bottom;
}

.sideHoverNav ul li.parent li a {
	background-image: none;
}

.sideHoverNav ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #757A80;
	-webkit-transition: background-color .2s, color .2s;
	-moz-transition: background-color .2s, color .2s;
	-o-transition: background-color .2s, color .2s;
	-ms-transition: background-color .2s, color .2s;
	transition: background-color .2s, color .2s;
	border-top: 1px solid #ABABAB;
}

.sideHoverNav ul li a:hover {
	color: #000;
	background-color: #EEE;
}

.sideHoverNav ul li ul li a {
	text-indent: 10px;
	border-top: 1px solid #EEE;
}

ul.sideHoverUlTop {
	border-bottom: 1px solid #ABABAB;
	margin: 0 0 10px;
}

ul.sideHoverUlSub {
	overflow: hidden;
}

.galleryControls {
	height: 9px;
	margin: 850px 200px 0 0;
	float: right;
}

.galleryNode {
	background-image: url(images/gallery_nodes.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 9px;
	height: 9px;
	float: left;

	margin: 0 3px 0 0;
	padding: 0;
	cursor: pointer;
	
	opacity: 0.5;
	
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	-ms-transition: opacity .2s;
	transition: opacity .2s;

}

.galleryNode:hover, .galleryNode.on {
	opacity: 1;
}

.galleryNode.on {
	background-position: right top;
	cursor: default;
}

.videoWrapper {
	width: 560px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 1000;
	background-color: #000;
}

.videoInnerWrapper {
	width: 560px;
	overflow:hidden;
}

.theVideo {
	width: 560px;
}

.videoControllWrapper {
	width: 560px;
	height: 51px;
	margin: -51px 0 0;
	position: absolute;
	background-color: transparent;
}

.playBtn, .muteBtn {
	width: 50px;
	height: 51px;
	background-color: transparent;
	background-image: url(images/video_controls.png);
	cursor: pointer;
	opacity: 0.7;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	-ms-transition: opacity .2s;
	transition: opacity .2s;
}

.playBtn:hover, .muteBtn:hover {
	opacity: 1;
}

.playBtn {
	background-position: left bottom;
}

.playBtn.paused {
	background-position: right bottom;
}

.muteBtn {
	float: right;
	background-position: left top;
}

.muteBtn.on {
	background-position: right top;
}

.videoLoader {
	background-image: url(images/video_large_play.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 106px;
	height: 105px;
	margin: 0 auto;
	position: absolute;
	z-index: 1001;
}

.videoLoader .loadingGif {
	background-image: url(images/video_loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 106px;
	height: 105px;
}

.videoLoader.ready {
	background-position: right top;
	cursor: pointer;
}

.videoLoader.ready .loadingGif {
	display: none;
}

.formSuccess {
	display: none;
}

.languageBtnWrapper {
	width: 96px;
	height: 48px;
	position: absolute;
	z-index: 1002;
}

.languageBtn {
	width: 48px;
	height: 48px;
	cursor: pointer;
	opacity: 0.5;
	float: left;
	background-image: url(images/lang_toggle.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	-ms-transition: opacity .2s;
	transition: opacity .2s;
}

.languageBtn.french {
	background-position: -32px center;
}

.languageBtn.on, .languageBtn:hover {
	opacity: 1;
}

a.homepageLink {
	display: block;
	width: 100%;
	color: inherit;
	text-decoration: none;
}

/********jScrollPane Classes*************/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
}

.jScrollPaneContainer:focus {
	outline: 0;
}

.jScrollPaneContainer.off {
	padding: 0 0 0 0;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-image: url(images/legal_scroll_track.png);
	background-repeat: repeat-y;
	background-position: center;
}

.jScrollPaneDrag {
	position: absolute;
	background-color: #A9A9A9;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background-color: #EAEAEA;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background-color: #EAEAEA;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-image: url(images/legal_scroll_arrows.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 12px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-image: url(images/legal_scroll_arrows.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 12px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/********************************/