@charset "utf-8";
/* Global Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus {outline:0;}
body {line-height:1.5;}
ol li, ul li {list-style: none;}
table {border-collapse:separate;border-spacing:0;}
caption,th,td {text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
/* Clearfix */
.clearfix:after {content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* Globals */
html, body {width:100%; height:100%;}
body {background: #fff; text-align: center; font: normal 13px/20px sans-serif;}
body:before {content:""; height:100%; float:left; width:0; margin-top:-32767px;/}
strong {font: normal 'Swis721CnBTBold', sans-serif;}
a {color: #fff;}

/* Backgrounds */
#bg {position: fixed; top: 0; left: 0; display: none;}
.bgwidth {width: 100%;}
.bgheight {height: 100%;}

/* Containers */
#allC-home {position: relative; width: 100%; height: 100%;}
#header {position: fixed; bottom: 75px; left: 0; width: 100%; height: 115px; min-width: 1046px; z-index: 100;}
#headerbg {position: absolute; top: 0; left: 0; width: 100%; height: 115px; z-index: -99; background: #000;}
.spacer50 {width: 50px; height: 115px; background: #000; display: block; float: left; margin: 0 5px 0 0; opacity: 0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25;}
#logo {width: 340px; height: 115px; float: left;}
	#logo h1, #logo h1 a {display: block; width: 340px; height: 115px;}
	#logo h1 a {background: url(../assets/logo.png) no-repeat top left; text-indent: -15000px;}
#spacerright-home {position: absolute; left: 805px; top: 0; right: 0; height: 115px; background: #000; opacity: 0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25;}
#controlsC {position: absolute; right: 0; top: 0; height: 79px; width: 205px; padding: 18px; background: url(../assets/black30.png) repeat; font: normal 12px/15px 'Swis721CnBTRoman', sans-serif; text-align: left; color: #fff;}
	.resetscrollC a {color: #ccc; text-decoration: underline;}
	.resetscrollC a:hover {color: #fff;}
	.scrolldirectionCF, .scrollpositionCF, .mousepositionCF {display: block; width: 100%;}
	.scrolldirectionCF p {float: left; font: normal 20px/30px 'Swis721CnBTRoman', sans-serif; padding-right: 10px;}
	.scrollpositionCF p, .mousepositionCF p, .scrollpositionC, .mousepositionC, .resetscrollC {float: left; font: normal 13px/20px 'Swis721CnBTRoman', sans-serif; padding-right: 5px; color: #ccc;}
	.scrolldirectionC {height: 35px; float: left;}
	.scrollpositionC, .mousepositionC {height: 20px; float: left; color: #ccc;}
	.scrolldirectionC a {display: block; float: left; text-indent: -15000px;}
	.updown {width: 17px; height: 30px; background: url(../assets/setscroll.png) no-repeat 0px -30px; margin-right: 10px;}
	.leftright {width: 32px; height: 30px; background: url(../assets/setscroll.png) no-repeat -21px 0px;}

/* Navigation */
#navigation {width: 400px; height: 115px; float: left; margin-left: 5px; background: url(../assets/black50.png) repeat;}
#menu {width: 400px; height: 115px; display: block; margin-left: 10px;}
	#menu li, #menu li a {height: 115px; display: block; float: left;}
	#menu li a {text-indent: -15000px;}
	#menu .nav-company a {width: 94px; background: url(../assets/navigation.png) no-repeat -10px 0px ;}
	#menu .nav-company a:hover, #menu .nav-company a.active { background: url(../assets/navigation.png) no-repeat -10px -115px ;}
	#menu .nav-innovation a {width: 103px; background: url(../assets/navigation.png) no-repeat -103px 0px ;}
	#menu .nav-innovation a:hover, #menu .nav-innovation a.active { background: url(../assets/navigation.png) no-repeat -103px -115px ;}
	#menu .nav-investors a {width: 95px; background: url(../assets/navigation.png) no-repeat -207px 0px ;}
	#menu .nav-investors a:hover, #menu .nav-investors a.active { background: url(../assets/navigation.png) no-repeat -207px -115px ;}
	#menu .nav-connect a {width: 88px; background: url(../assets/navigation.png) no-repeat -303px 0px ;}
	#menu .nav-connect a:hover, #menu .nav-connect a.active { background: url(../assets/navigation.png) no-repeat -303px -115px ;}

.companynav {width: 745px; height: 35px; margin-bottom: 5px; background: url(../assets/black50.png) repeat;}
	.companynav li, .companynav li a {float: left; display: block; height: 35px;}
	.companynav li a {text-indent: -15000px;}
	.companynav .companynav-company a {width: 71px; background: url(../assets/companynav.png) no-repeat top left;}
	.companynav .companynav-company a:hover, .companynav-company a.active {background: url(../assets/companynav.png) no-repeat 0px -35px;}
	.companynav .companynav-history a {width: 60px; background: url(../assets/companynav.png) no-repeat -71px 0px;}
	.companynav .companynav-history a:hover, .companynav-history a.active {background: url(../assets/companynav.png) no-repeat -71px -35px;}
	.companynav .companynav-mission a {width: 64px; background: url(../assets/companynav.png) no-repeat -131px 0px;}
	.companynav .companynav-mission a:hover, .companynav-mission a.active {background: url(../assets/companynav.png) no-repeat -131px -35px;}
	.companynav .companynav-peopleculture a {width: 107px; background: url(../assets/companynav.png) no-repeat -195px 0px;}
	.companynav .companynav-peopleculture a:hover, .companynav-peopleculture a.active {background: url(../assets/companynav.png) no-repeat -195px -35px;}
	.companynav .companynav-corporate a {width: 144px; background: url(../assets/companynav.png) no-repeat -302px 0px;}
	.companynav .companynav-corporate a:hover, .companynav-corporate a.active {background: url(../assets/companynav.png) no-repeat -302px -35px;}

/* Content */
#contentC {position: relative; width: 100%; height: 100%; overflow: hidden; background: url(../assets/blank.png) repeat;}
#contentdragC {position: relative; width: 100%; height: 100%; background: url(../assets/blank.png) repeat;}
#contentdragC:hover {cursor: move;}
#content {position: absolute; left: 0; top: 0; right: 0; padding-bottom: 120px; color: #fff; min-width: 990px; text-align: left;}

.splashsmallC {margin: 120px 0 0 245px; display: block; height: 30px; font: normal 24px/30px 'Swis721CnBTItalic', sans-serif; text-shadow: 1px 1px 1px #999;}
.splashlargeC {margin: 0 0 0 240px; display: block; padding: 0 0 105px 0; font: normal 90px/95px 'Swis721CnBTBold', sans-serif; text-shadow: 2px 2px 2px #999;}

.pageC {margin: 55px 0 0 55px;}
.pagetitle {margin: 0 0 0 -5px;display: block; height: 120px; font: normal 90px/90px 'Swis721CnBTBold', sans-serif; text-shadow: 2px 2px 2px #999;}

.introCF {width: 705px; padding: 20px; background: url(../assets/black50.png) repeat;}
.introCF h3 {font: normal 25px/32px 'Swis721CnBTBold', sans-serif; padding-bottom: 10px;}
.introCF > p {font: normal 25px/32px 'Swis721CnBTRoman', sans-serif; color: #fff;}
.introCF > div.left {width: 350px; padding-right: 5px; font: normal 20px/26px 'Swis721CnBTRoman', sans-serif; color: #fff; float: left;}
.introCF > div.right {width: 350px; font: normal 20px/26px 'Swis721CnBTRoman', sans-serif; color: #fff; float: left;}
.introCF .small {font: normal 13px/17px 'Swis721CnBTRoman', sans-serif;}
.introCF > strong {font: normal 25px/32px 'Swis721CnBTBold', sans-serif; letter-spacing: 1px; color: #fff;}
.disclaimer {font-size: 12px; line-height: 15px;}

.figure {font: normal 10px/13px 'Swis721CnBTItalic', sans-serif; text-align: right; display: block; background: url(../assets/borderwhite.png) repeat-x; padding: 5px 0; width: 100%;}

/* Company: History */
.company-history-box {width: 350px; margin-right: 5px; float: left; padding: 10px; background: url(../assets/black70.png) repeat;}
.company-history-box h3 {font: normal 28px/32px 'Swis721CnBTRoman', sans-serif; color: #fff; margin: 0 0 5px 0;}
.company-history-box p {font: normal 13px/17px 'Swis721CnBTRoman', sans-serif; color: #fff;}

/* Company: Mission */
.currentpipeline {display: block; font: normal 24px/32px 'Swis721CnBTBold', sans-serif; background: url(../assets/black30.png) repeat; padding: 10px; margin-bottom: 5px; color: #fff; text-decoration: none;}
.currentpipeline:hover {background: #000;}
#currentpipelineC {width: 705px; height: 0px; overflow: hidden;}
#currentpipelineC .currentpipelineitem {width: 100%; height: 60px; display: block; padding: 10px 0 0 0;}
	.currentpipelineitem .currentpipelineitemtitle {font: normal 18px/60px 'Swis721CnBTItalic', sans-serif; width: 170px; float: left; display: block; height: 60px; background: url(../assets/company/mission/currentpipelinebg.png) repeat-y top right;}
	.currentpipelineitem .currentpipelineitemresult {width: 535px; height: 60px; float: left; display: block;}
	.currentpipelineitemresult span {height: 60px;}
	.currentpipelineitemresult span p {display: none; font: normal 25px/60px 'Swis721CnBTBold', sans-serif; float: right; padding-right: 10px;}
	
/* Company: People & Culture */
.environment {display: block; font: normal 24px/32px 'Swis721CnBTBold', sans-serif; background: url(../assets/black30.png) repeat; padding: 10px; margin-top: 20px; color: #fff; text-decoration: none;}
.environment:hover {background: #000;}
#environmentfitC {min-width: 900px; width: 800px; overflow: hidden;}
#environmentC {width: 1600px; height: 800px; overflow: hidden; float: left; margin-left: 5px; display: none;}
.company-corporate-box {width: 350px; margin-right: 5px; float: left; padding: 20px; background: url(../assets/black70.png) repeat;}
.company-corporate-box h3 {font: normal 22px/28px 'Swis721CnBTBold', sans-serif; color: #fff; margin: 0 0 5px 0;}
.company-corporate-box p {font: normal 13px/17px 'Swis721CnBTRoman', sans-serif; color: #fff; padding: 0 0 20px 0;}

/* Innovation */
.innovationCF {width: 750px; height: 750px; margin: 5px 0 -5px 0; position: relative;}
.productC {width: 245px; height: 245px; display: block; margin: 0 5px 5px 0; float: left;}
.productC a {width: 245px; height: 245px; display: block; background: url(../assets/black50.png) repeat;}
.productC a h3 {width: 245px; height: 245px; display: block; text-indent: -15000px; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7;}
.productC a h3:hover {opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1;}
.product1 {background: url(../assets/innovation/products.png) no-repeat top left;}
.product2 {background: url(../assets/innovation/products.png) no-repeat -245px 0;}
.product3 {background: url(../assets/innovation/products.png) no-repeat -490px 0;}
.product4 {background: url(../assets/innovation/products.png) no-repeat 0 -245px;}
.product5 {background: url(../assets/innovation/products.png) no-repeat -245px -245px;}
.product6 {background: url(../assets/innovation/products.png) no-repeat -490px -245px;}
.product7 {background: url(../assets/innovation/products.png) no-repeat 0 -490px;}
.product8 {background: url(../assets/innovation/products.png) no-repeat -245px -490px;}
.product9 {background: url(../assets/innovation/products.png) no-repeat -490px -490px;}

.productdescC {width: 0; height: 0; position: absolute; top: 252px; left: 55px; z-index: 10; background: url(../assets/black80.png) repeat; display: none;}
.productdesc {display: none; padding: 20px;}
.productdesc h4 {font: normal 35px/35px 'Swis721CnBTBold', sans-serif; padding: 0 0 20px 0;}
.productdescinfo {width: 345px; padding: 0 15px 0 0; font: normal 14px/18px 'Swis721CnBTRoman', sans-serif; color: #fff; float: left;}
.productdescgraphic {width: 345px; float: left;}
.productdescblock {width: 705px;}
.productdescinfo p {padding: 0 0 20px 0;}
.closeproduct {position: absolute; top: 0; right: 0; margin: 20px 20px 0 0; padding: 8px 12px; font: normal 15px/15px 'Swis721CnBTBold', sans-serif; background: #fff; color: #000; text-decoration: none;}
.closeproduct:hover {background: #000; color: #fff;}
.productdescmask {width: 745px; height: 745px; position: absolute; top: 252px; left: 55px; z-index: 5; display: none;}

/* Investors */
.currentprice {width: 340px; font: normal 80px/100px 'Swis721CnBTBold', sans-serif; text-align: center; background: url(../assets/black70.png) repeat;}
.currentpricerefresh {width: 320px; margin: 10px 0 0 0; display: block; font: normal 24px/32px 'Swis721CnBTBold', sans-serif; background: url(../assets/black30.png) repeat; color: #fff; text-decoration: none; padding: 10px; text-align: center;}
.currentpricerefresh:hover {background: #000;}
#sharevalueC {margin: 10px 0 0 0; width: 350px; display: block;}
.sharevalue {padding: 10px; border: 0; margin: 0; display: block; float: left; width: 85px; font: normal 30px/30px 'Swis721CnBTBold', sans-serif; color: #fff; margin: 10px 10px 0 0; text-align: center; text-decoration: none;}
.totalprice {font: normal 38px/46px 'Swis721CnBTBold', sans-serif; text-align: center; display: block; width: 350px;}

#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../assets/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized a { z-index: -30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
			#supersized a.prevslide { z-index:-20; }
			#supersized a.activeslide { z-index:-10; }
			#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }