/* @group Basics */

@font-face {
	font-family: 'HelveticaNeueLT';
	src: url('LTe50259.ttf');
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}

@font-face {
	font-family: 'HelveticaNeueLT';
	src: url('LTe50261.ttf');
	font-weight: bold;
}

body {
	background-color: #f0f0f0;
	color: #000;
	font: 100%/1 'HelveticaNeueLT', 'Helvetica Neue', Helvetica, Arial;
}

a {
	color: #000;
	text-decoration: none;
}

/* @end */

/* @group Header & Nav */

#wrapper {
	width: 910px;
	background-color: #FFF;
	padding-right: 40px;
	padding-left: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-top: 40px;
}

#wrapper>header {
	height: 160px;
	overflow: hidden;
	position: relative;
}

#wrapper>header>h1 {
	display: inline;
	float: left;
}

#wrapper>header>nav {
	position: absolute;
	top: 53px;
	left: 252px;
	overflow: hidden;
}

#wrapper>header>nav>ul>li {
	float: left;
	width: 225px;
	height: 80px;
	font-weight: bold;
}

#wrapper>header>nav>ul>li.last {
	width: 175px;
}

#wrapper>header>nav>ul>li a {
	color: #b2b4b3;
	font-size: 1.88em;
	display: block;
}

#wrapper>header>nav>ul>li.active a {
	color: #747678;
}

#wrapper>header>nav nav {
	overflow: hidden;
	top: 45px;
	display: none;
	position: absolute;
	width: 300px;
}

#wrapper>header>nav nav li {
	float: left;
	margin-right: 20px;
	height: 30px;
}

#wrapper>header>nav>ul>li nav a,
#wrapper>header>nav>ul>li.active nav a {
	color: #b2b4b3;
	font-size: 1.5em;
}

#wrapper>header>nav>ul>li.active nav {
	display: block;
}

#wrapper>header>nav>ul>li.active nav li.active a {
	color: #747678;
}

#wrapper>header>nav li.active a:hover,
#wrapper>header>nav a:hover {
	color: #000;
}

/* @end */

/* @group Footer */

footer {
	background-color: #000;
	height: 340px;
	overflow: hidden;
}

footer>#supplementary {
	height: 260px;
	padding-left: 40px;
	position: relative;
}

footer>#supplementary strong {
	color: #747678;
	font-size: 1.13em;
}

footer>#supplementary>nav {
	width: 225px;
	float: left;
	padding-top: 40px;
	position: relative;
}

footer>#supplementary>nav.first{
	width: 210px;
}

footer>#supplementary>nav.last{
	width: 205px;
}

footer>#supplementary>nav ul {
	position: absolute;
  top: 80px;
  left:0px;
}

footer>#supplementary>nav li a {
	color: #b2b4b3;
	font-size: 1.5em;
}

footer>#supplementary>nav li.active a {
	color: #FFF;
}

footer>#supplementary>nav li a:hover {
	color: #FFF;
}

footer>#toolbar {
	border-top: 3px solid #FFF;
	height: 77px;
	padding-left: 40px;
}

footer>#toolbar ul li {
	float: left;
	color: #747678;
	width: 225px;
	list-style: none;
	font-size: 0.75em;
	padding-top: 33px;
}

footer>#toolbar ul li.first{
	width: 210px;
	padding-top: 36px;
}

footer>#toolbar ul li.last{
	width: 205px;
}

footer>#toolbar li.feed a {
	background: url(../img/sprite.png) no-repeat 0 0;
	padding-left: 20px;
	height: 14px;
}

footer>#toolbar li.language a {
	padding-right: 20px;
	font-size: 1.13em;
	float: left;
}

footer>#toolbar li a {
	height: 17px;
	display: block;
	color: #747678;
	padding-top: 3px;
}

footer>#toolbar li.active a {
	color: #FFF;
}

footer>#toolbar li a:hover {
	color: #FFF;
}

/* @end */

/* @group Main Section */

#main {
	border-top: 3px solid #000;
	padding-top: 77px;
	padding-bottom: 80px;
	
}


a.download {
	color: #b2b4b3;
	font-size: 1.5em;
	font-weight: bold;
	display: block;
	background: url(../img/sprite.png) no-repeat 0 -1558px;
	padding-left: 26px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 4px;
	text-decoration: none;
}

a.extern {
	color: #b2b4b3;
	font-size: 1.5em;
	font-weight: bold;
	display: block;
	background: url(../img/sprite.png) no-repeat 0 -1587px;
	padding-left: 26px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 4px;
	text-decoration: none;
}

/* @group page */

#main.page {
	padding-left: 255px;
}

#main.page h2 {
	color: #747678;
	font-size: 3em;
	margin-bottom: 25px;
}

#main.career article h2 {
	color: #b2b4b3;
	font-size: 2.25em;
	margin-bottom: 25px;
	line-height: 1.1em;
}

#main.career article h3 {
	color: #b2b4b3;
	font-size: 2.25em;
	line-height: 1.1em;
	margin-top: 25px;
}

#main.career article h4 {
	color: #b2b4b3;
	font-size: 1.83em;
	margin-bottom: 20px;
}

#main.career article ul {
	margin-top: 20px;
	margin-bottom: 40px;
}

#main.job article p {
  margin-bottom: 15px;
}

#main.page h2 a {
	color: #747678;
	font-size: 3em;
}

#main.page h2 a:hover {
	color: #000;
}

#main.page h3 {
	color: #9a9b9c;
	font-size: 3em;
	margin-bottom: 25px;
}

#main.page h4 {
	color: #b2b4b3;
	font-size: 3em;
	margin-bottom: 25px;
}

#main.page h5 {
	margin-top: 20px;
	margin-bottom: 20px;
}

#main.page ul {
	margin-top: 20px;
	margin-bottom: 40px;
}

#main.page li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	/*background: url(../img/sprite.png) no-repeat -89px -12px;
	padding-left: 16px;*/
}

#main.page li a {
	text-decoration: underline;
}

#main.page li a:hover {
	text-decoration: none;
}
#main.page article {
	line-height: 120%;
}

#main.page article a.back {
	color: #b2b4b3;
	font-size: 1.5em;
	font-weight: bold;
	display: block;
	background: url(../img/sprite.png) no-repeat 0 -62px;
	padding-left: 26px;
	margin-top: 40px;
	padding-top: 4px;
}

p a {
	text-decoration: underline;
}

p a:hover {
	text-decoration: none;
}

#main.page article a:hover {
	color: #000;
}

#main.page article ul.offices {
	display: block;
	overflow: hidden;
}

#main.page article ul.offices li {
	background: none;
	padding: 0;
	float: left;
	display: block;
	width: 205px;
	overflow: hidden;
	margin-right: 20px;
	font-size: 0.83em;
}

#main.page article ul.offices li.last {
	margin: 0px;
}

/* @end */

/* @group page-showcases */

#main.showcases article {
  overflow: hidden;
  position: relative;
  margin-bottom: 80px;
}
#main.showcases article.text {
  padding-left: 295px;
}

#main.showcases article.last {
	margin-bottom: 0px;
}

#main.showcases article figure {
	position: absolute;
	left: 295px;
}

#main.showcases article figure p {
	line-height: 120%;
}

#main.showcases article figure h2 {
	color: #747678;
	font-size: 2.25em;
}

#main.showcases article figure h2 a {
	color: #747678;
}

#main.showcases article figure h2 a:hover {
	color: #000;
}

#main.showcases article figure h3 {
	color: #b2b4b3;
	font-size: 1.13em;
}

#main.showcases article section.image {
	float: left;
	margin-right: 40px;
}

#main.showcases article figure section {
	margin-top: 20px;
	line-height: 120%;
}

#main.showcases article a.more {
	position: absolute;
	bottom: 0px;
	left: 295px;
	color: #747678;
	font-size: 1.5em;
	font-weight: bold;
	background: url(../img/sprite.png) no-repeat 0 -31px;
	padding-left: 26px;
	padding-top: 4px;
}

#main.showcases article a.more:hover {
	color: #000;
}

#main.showcases a {
	font-weight: bold;
}

#main.showcases a:hover {
	color: #000;
}

/* @end */

/* @group page-showcase */

#main.showcase {
	padding-top: 40px;
}

#main.showcase > article > figure {
	position: relative;
}

#main.showcase > article > figure > nav{
	position: absolute;
	height: 40px;
	left: 0;
	top: 552px;
}

#main.showcase > article > figure > nav a,
#main.showcase > article > figure > nav span{
	height: 40px;
	width: 40px;
	display: block;
	margin-right: 40px;
	float: left;
}

#main.showcase > article > figure > nav a.prev{
	background: url(../img/sprite.png) 0 -1369px;
}

#main.showcase > article > figure > nav a.next{
	background: url(../img/sprite.png) 0 -1413px;
}

#main.showcase > article > figure > div.video_wrap {
	position: relative;
	height: 512px;
	width: 910px;
	z-index: 1;
}

#main.showcase > article > figure > div.video_wrap video{
	height: 512px;
	width: 910px;
	display: block;
}

#main.showcase > article > figure > div.video_wrap video .vjs-flash-fallback{
	height: 512px;
	width: 910px;
	display: block;
}

#main.showcase > article > figure > div.video_wrap div.bigPlay {
	display: block;
	width: 151px;
	height: 150px;
	position: absolute;
	top: 181px;
	left: 385px;
	background: transparent url(../img/sprite.png) no-repeat 0 -983px;
	cursor: pointer;
	z-index: 2;
}

#main.showcase > article > figure > div.video_wrap div.prev {
	display: none;
	width: 160px;
	height: 472px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent url(../img/sprite.png) no-repeat 0 -127px;
	cursor: pointer;
	z-index: 2;
}

#main.showcase > article > figure > div.video_wrap div.next {
	display: none;
	width: 160px;
	height: 472px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: transparent url(../img/sprite.png) no-repeat 0 -547px;
	cursor: pointer;
	z-index: 2;
}

#main.showcase > article > figure video {
	background-color: #000;
}

#main.showcase > article > figure > header {
	padding-left: 255px;
	margin-top: 40px;
	margin-bottom: 40px;
}

#main.showcase > article > figure > section.facebook {
	position: absolute;
	top: 734px;
}

#main.showcase > article > figure > section.pageText {
	padding-left: 255px;
	line-height: 120%;
}

#main.showcase > article > figure h2 {
	color: #747678;
	font-size: 3em;
}

#main.showcase > article > figure h2 a {
	color: #747678;
	font-size: 3em;
}

#main.showcase > article > figure h3 {
	color: #9a9b9c;
	font-size: 3em;
}

#main.showcase > article > figure h4 {
	color: #b2b4b3;
	font-size: 3em;
}

/* @end */

/* @group page-news */

#main.news {
	background-color: #FFF;
	border: none;
	padding: 0 40px;
}

#main.news article {
	overflow: hidden;
	position: relative;
	width: 605px;
}

#main.news h2 {
	color: #747678;
	font-size: 3em;
}

#main.news h2 a {
	color: #747678;
}

#main.news h3 {
	color: #9a9b9c;
	font-size: 3em;
}

#main.news h4 {
	color: #b2b4b3;
	font-size: 3em;
}

#main.news article figure section {
	margin-top: 20px;
	margin-bottom: 40px;
	line-height: 120%;
}

#main.news article figure section.image {
	margin-bottom: 20px;
}

#main.news a {
	font-weight: bold;
	text-decoration: none;
}

#main.news a:hover {
	color: #000;
}

#main.news ul {
	overflow: hidden;
}

#main.news li {
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	width: 33%;
	background: none;
	float: left;
	padding: 0;
	display: block;
	text-align: center;
}

#main.news li.date{
	padding-top: 14px;
}

#main.news li a {
	font-size: 2em;
}

#main.news li#singlePrev {
	text-align: left;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
}

#main.news li#singlePrev a img{
	background: url(../img/sprite.png) no-repeat -4px -1511px;
}

#main.news li#singleNext {
	text-align: right;
}

#main.news li#singleNext a img{
	background: url(../img/sprite.png) no-repeat -4px -1457px;
}



/* @group newsbox */

#newsboxOverlay {
  display:none;
  background:#FFFFFF;
  opacity:0.9;
  filter:alpha(opacity=90);
  position:absolute;
  top:0px;
  left:0px;
  min-width:100%;
  min-height:100%;
  z-index:1000;
}
#newsbox {
  display:none;
  position:absolute;
  top: 66px;
  left:50%;
  margin-left:-368px;
  width:737px;
  padding:0;
  z-index:1001;
}

#newsboxTop {
	height: 46px;
	background: url(../img/newsbox-topbottom.png) no-repeat 0 0;
}

#newsboxClose {
	height: 23px;
	width: 23px;
	background: url(../img/sprite.png) no-repeat 0 -1615px;
	cursor: pointer;
	float: right;
	margin-right: 36px;
	margin-top: 21px;
}

#newsboxBottom {
	background: url(../img/newsbox-topbottom.png) no-repeat 0 bottom;
	padding-bottom: 48px;
	margin-bottom: 33px;
}

#newsboxContent {
	margin-left: 26px;
	width: 665px;
	margin-bottom: 14px;
}

#newsboxLoading {
	margin-left: 368px;
	padding-top: 100px;
	margin-bottom: 110px;
}


/* @end */

/* @end */

/* @end */

/* @group Form */

#main .cform {
	margin: 0 0 80px;
	padding: 0 !important;
	width: auto;
	font-size: 0.75em;
}

#main .cform fieldset {
	background: transparent;
	margin: 0;
	padding: 0;
	width: auto;
	border: none;
}

#main .cform fieldset ol {
	
}

#main .cform ol,
#main .cform li {
	padding: 0 !important;
	margin: 0 0 20px !important;
}

#main .cform li#li--2 label {
	width: 28px;
	padding: 0;
	margin: 0;
	float: left;
}

#main .cform li#li--2 span {
	text-align: left;
	display: block;
	width: 21px;
	padding-top: 5px;
}

#main .cform li#li--2 select {
	width: 179px;
}

#main .cform li#li--3 {
	float: left;
	margin-right: 10px !important;
	display: block;
}

#main .cform li#li--3 input {
	width: 205px;
}

#main .cform li#li--4 {
	text-align: left;
}

#main .cform li#li--4 input {
	margin-left: 10px;
	width: 190px;
}

#main .cform li#li--5 {
	clear: both;
}

#main .cform li#li--8 label {
	width: 112px;
}

#main .cform li#li--8 label span {
	width: 100%;
	text-align: left;
}

#main .cform select,
#main .cform input,
#main .cform textarea {
	height: 25px;
	border: 1px solid #747678 !important;
	font-size: 1.13em;
	width: 420px;
	padding: 3px 0 0 3px;
	margin: 0;
	vertical-align: middle;
	font-family:'HelveticaNeueLT', 'Helvetica Neue', Helvetica, Arial;
}

#main .cform select:hover,
#main .cform input:hover,
#main .cform textarea:hover {
	background: transparent;
}

#main .cform select:focus,
#main .cform input:focus,
#main .cform textarea:focus {
	background: transparent;
}

#main .cform textarea {
	height: 160px;
	border: 1px solid #747678 !important;
	font-size: 1.13em;
	width: 420px;
	padding-top: 3px;
}



#main .cform input#cf_field_8.cf-box-b {
	width: auto;
	float: left;
	margin-right: 10px;
	margin-top: -7px;
}



#main .cform legend {
	display: none;
}

#main .reqtxt,
#main .emailreqtxt {
	display: none !important;
}

#main .linklove,
#main .cform label#label--3,
#main .cform label#label--4,
#main .cform label#label--5,
#main .cform label#label--6,
#main .cform label#label--7 {
	display: none;
}

#main .cform p.cf-sb {
	text-align: left;
}

#main .cform #sendbutton {
	border: none !important;
	color: #747678;
	font-size: 1.5em;
	font-weight: bold;
	background: url(../img/sprite.png) no-repeat 0 -31px;
	padding-left: 26px;
	width: auto;
	padding-top: 4px;
}

#main .cform #sendbutton:hover {
	color: #000;
}

#main .cform li.cf_li_err {
	background: transparent!important;
	border: none!important;
}

#main .cform input.cf_error {
	background: #b2b4b3;
	border: 1px solid #747678 !important;
	color: #000;
}

#main #usermessageb.cf_info,
#main #usermessageb.failure {
	background: none !important;
	color: #b2b4b3;
	margin: 20px 0;
	padding: 0 !important;
	border: none !important;
	width: auto !important;
	font-size: 1.5em;
	font-weight: bold;
}

/* @group videoControls */

div#videoControls {
	border: 1px solid red;
	height: 40px;
	background-color: rgba(0,0,0,0.9);
	position: relative;
}

div#videoControls ul {
	position: absolute;
	top: 7px;
	left: 133px;
	margin: 0;
	padding: 0;
}

div#videoControls ul li {
	float: left;
	display: block;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	padding: 0;
	background: none;
	margin-right: 10px;
}

div#videoControls ul li a {
	display: block;
}

div#videoControls ul li.playpause a.pause {
	width: 22px;
	height: 20px;
	background: url(../img/sprite.png) 0 -1167px;
}

div#videoControls ul li.playpause a.play {
	width: 22px;
	height: 20px;
	background: url(../img/sprite.png) 0 -1137px;
}

div#videoControls ul li.timeline {
	width: 483px;
	height: 20px;
	background: url(../img/sprite.png) 0 -1214px;
}

div#videoControls ul li.timeline a {
	width: 10px;
	height: 20px;
	background: url(../img/sprite.png) 0 -1263px;
	margin-left: 97%;
}

div#videoControls ul li.time {
	font-size: 1.13em;
	color: red;
	background: none;
}

div#videoControls ul li.audio a.on {
	width: 27px;
	height: 20px;
	background: url(../img/sprite.png) 0 -1287px;
}

div#videoControls ul li.audio a.off {
	width: 27px;
	height: 20px;
	background: url(../img/sprite.png) 0 -1311px;
}

div#videoControls ul li.fullscreen a {
	width: 27px;
	height: 20px;
	background: url(../img/sprite.png) 0 -1335px;
}

/* @end */

/* @end */

.video-js-box {
	text-align: left;
	position: relative;
}

video.video-js {
	background-color: #000;
	position: relative;
}

.video-js-box.vjs-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}

.video-js-box.vjs-fullscreen video.video-js {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
}

.vjs-controls {
	display: none;
	background-color: rgba(255,254,255,0.4);
	position: absolute;
	margin: 0;
	padding: 0;
	border: none;
	left: 0;
}

.video-js-box.vjs-fullscreen .vjs-controls {
	z-index: 1002;
}

img.vjs-poster {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.video-js-box p {
	font-size: small;
}

/* DEFAULT SKIN */

/* Using all CSS to draw the controls. Images could be used to simplify the CSS if desired.

/* General controls styles */

.video-js-box.vjs-controls-below .vjs-controls {
	background-color: #000;
}

.vjs-controls {
	height: 35px;
	padding-top: 5px;
}

.vjs-controls > li {
	list-style: none;
	float: left;
	height: 25px;
	width: 25px;
	margin: 5px 5px 0 0;
	padding: 0;
	text-align: center;
	background: none;
}

.vjs-controls > li:first-child {
	margin-left: 185px;
}

.vjs-controls > li:last-child {
	margin-right: 0;
}

/* Play/Pause */

.vjs-play-control span {
	display: block;
	font-size: 0px;
	line-height: 0;
	text-decoration: none;
	cursor: pointer !important;
}

.vjs-play-control.vjs-play span {
	width: 22px;
	height: 20px;
	background: url(../img/sprite.png) 0 -1167px;
}

.vjs-play-control.vjs-pause span {
	width: 22px;
	height: 20px;
	background: url(../img/sprite.png) 0 -1137px;
}

/* Progress */

.vjs-progress-control ul {
	list-style: none;
	margin: 0;
	padding: 0;
	cursor: pointer !important;
}

.vjs-progress-control .vjs-progress-holder {
	list-style: none;
	position: relative;
	float: left;
	height: 9px;
	margin: 7px 0 0 5px;
	padding: 0;
	background-color: #747678;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.vjs-progress-control .vjs-play-progress {
	position: absolute;
	display: block;
	width: 0px;
	height: 9px;
	background: #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.vjs-progress-control .vjs-load-progress {
	position: absolute;
	display: block;
	width: 0px;
	height: 9px;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.vjs-progress-control .vjs-progress-time {
	list-style: none;
	float: left;
	padding: 0;
	padding-left:10px;
	font-size: 1em;
	color: #FFF;
	margin: 5px 0 0 5px;
}

/* Volume */

.vjs-volume-control {
	width: 50px !important;
	cursor: pointer !important;
}

.vjs-volume-control ul {
	display: block;
	margin: 0 5px;
	list-style: none;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.vjs-volume-control ul li {
	background: none;
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	list-style: none;
	width: 5px;
	height: 0px;
	border-bottom: 18px solid #555;
}

.vjs-volume-control ul li:last-child {
	margin-right: 0;
}

.vjs-volume-control ul li:nth-child(1) {
	border-bottom-width: 2px;
	height: 16px;
}

.vjs-volume-control ul li:nth-child(2) {
	border-bottom-width: 4px;
	height: 14px;
}

.vjs-volume-control ul li:nth-child(3) {
	border-bottom-width: 7px;
	height: 11px;
}

.vjs-volume-control ul li:nth-child(4) {
	border-bottom-width: 10px;
	height: 8px;
}

.vjs-volume-control ul li:nth-child(5) {
	border-bottom-width: 14px;
	height: 4px;
}

/* Fullscreen */

.vjs-fullscreen-control ul {
	list-style: none;
	padding: 0;
	width: 20px;
	height: 20px;
	text-align: left;
	vertical-align: top;
	cursor: pointer !important;
	margin-right: 0;
	margin-left: 5px;
	margin-bottom: 0;
}

.vjs-fullscreen-control ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	height: 22px;
	text-align: left;
	vertical-align: top;
	width: 27px;
	height: 20px;
	background: url(../img/sprite.png) no-repeat 0 -1335px;
}

.vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(1) {
	width: 27px;
	height: 20px;
	background: url(../img/sprite.png) no-repeat 0 -1335px;
}

/* @end */



/* ddb.js 

.showcases > article, .showcase > article, .page > article, .page > h2 {
	opacity:0;
	moz-opacity:0;
} */