html { background:#fff; width:100%; height:100%; *overflow-x:hidden; }
body { background:#fff; min-width:1024px; min-height:100%; padding:0 0; position:relative; z-index:1;}

#main { width:100%; min-width:980px; margin:0 auto; position:static; overflow:hidden; }
#main #content { width:980px; margin:0 auto; padding:0; zoom:1; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; border-radius:0; }

.content { font-size:1.35em; line-height:1.6875em; }
.content .row { border-bottom:1px solid #d2d2d2; margin:0 auto; padding:70px 0 45px; zoom:1; }
.content .row:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.content .fullwidth { background:#e6e6e6; margin-left:-790px; margin-right:-790px; border-bottom:none; }
.content .fullwidth .fullwidth-center { width:980px; margin:0 auto; }
ol.sosumi { width:940px; margin:23px auto 0; padding:0 20px; }

h1 img,
h2 img { margin:0 auto 40px; display:block; }
p { margin:0 auto 18px; }

#hero { padding-top:50px; }
#hero .icon { margin-bottom:10px; }
#hero p { max-width:735px; text-align:center; font-size:1.1em; line-height:1.777em; color:#6d6d6d; }

#cable .hero { margin-left:-790px; }
#cable p { max-width:690px; }

#performance { border-bottom:none; }
#performance .hero { margin-top:40px; margin-bottom:50px; }
#performance p { max-width:930px; }
#performance p.pcie { max-width:690px; }
#performance .chart h3 { margin-top:2px; }
#performance .chart { width:440px; float:right; margin:0 10px 0 40px; height:600px; }

#display img.right { margin:6px 0 0 40px; }
#display p { max-width:690px; }
#project .hero { margin-top:-182px; position:relative; z-index:0; }
#project p { max-width:690px; position:relative; z-index:1; }
#project p.last { max-width:415px; margin-left:145px; }

#explore { padding-top:50px;  }
#explore .left { margin:0 0 0 113px; }
#explore .block { margin:23px 100px 0 0; width:402px; float:right; font-size:1.125em; }
#explore .block:hover { text-decoration:underline; }
#explore .block .more { background-image:url(/v/thunderbolt/c/images/more_18.png); background-size:7px 13px; background-position:100% 64%; }
@media only screen {
	#explore .block .more { background-image:url(/v/thunderbolt/c/images/more.svg); }
}

/* Chart */
#performance-chart { margin-top:40px; }
#performance-chart.animate .chart-item-thunderbolt2 .bar { width:100%; }
#performance-chart.animate .chart-item-thunderbolt .bar { width:50%; }
#performance-chart.animate .chart-item-usb3 .bar { width:25%; }
#performance-chart.animate .chart-item-firewire .bar { width:6%; }
#performance-chart.animate .chart-item-usb2 .bar { width:3.5%; }

.chart .chart-title { margin-bottom:15px; }
.chart .bars { width:440px; font-family: 'Myriad Set Pro', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; }
.chart .bars li { width:440px; }
.chart .bars li:after { clear:both; }
.chart .bars li:before { content:" "; display:table; }
.chart .bars .bar { width:0; height:3px; position:relative; z-index:1; margin-bottom:3px; background:#999; }
.chart .bars .bar.orange { background:#f37200; }
.chart .chart-label { float:left;  font-weight:200; color:#999; margin:0 10px 5px 0; width:120px; line-height:1; }
.chart .chart-label.label-orange { color:#f37200; }
.chart .chart-value, .chart .chart-unit { display:inline; }
.chart .chart-value { font-size:45px; }
.chart .chart-unit { font-size:27px; *font-size:20px; padding-left:5px; }
.chart .chart-data { overflow:hidden; margin-top:14px; }
.chart .bar { width:100%; }
.chart .chart-caption { color:#999; font-size:14px; line-height:18px; margin-top:6px; padding-bottom:25px; }

.chart .can-animate .chart-item { opacity:0; }
.chart .animate .chart-item {
	opacity:1;
	-webkit-transition:opacity 250ms cubic-bezier(0.28, 0.11, 0.32, 1);
	   -moz-transition:opacity 250ms cubic-bezier(0.28, 0.11, 0.32, 1);
	        transition:opacity 250ms cubic-bezier(0.28, 0.11, 0.32, 1);
}
.chart .animate .chart-item.chart-item-thunderbolt {
	-webkit-transition-delay:100ms;
	   -moz-transition-delay:100ms;
	        transition-delay:100ms;
}

.chart .animate .chart-item.chart-item-usb3 {
	-webkit-transition-delay:200ms;
	   -moz-transition-delay:200ms;
	        transition-delay:200ms;
}

.chart .animate .chart-item.chart-item-firewire {
	-webkit-transition-delay:300ms;
	   -moz-transition-delay:300ms;
	        transition-delay:300ms;
}

.chart .animate .chart-item.chart-item-usb2 {
	-webkit-transition-delay:400ms;
	   -moz-transition-delay:400ms;
	        transition-delay:400ms;
}

.chart .animate .bars .bar {
	-webkit-transition:width 600ms cubic-bezier(0.28, 0.11, 0.32, 1);
	   -moz-transition:width 600ms cubic-bezier(0.28, 0.11, 0.32, 1);
	        transition:width 600ms cubic-bezier(0.28, 0.11, 0.32, 1);
}