#productheader { border-bottom:none; }
#main #content { padding-top:0; }

h2 em { font-weight:bold; font-style:italic; }

#in-action header.hero { width:1440px; height:746px; overflow:hidden; margin:0 -230px 50px; position:relative; }
header.hero .gallery { position:relative; width:11520px; }
header.hero figure { position:relative; float:left; }
#main header.hero figure a { display:block; width:1440px; height:746px; outline:none; }

#in-action ul.paddle-nav.variable-width { position:relative; margin:auto; max-width:1440px; min-width:980px; }
#in-action ul.paddle-nav.variable-width li { position:static; }
#in-action ul.paddle-nav.variable-width li .arrow { top:-836px; }
#in-action ul.paddle-nav.variable-width li .arrow.previous b { left:10px; }
#in-action ul.paddle-nav.variable-width li .arrow.next b { right:10px; }

#in-action header.hero figure figcaption { margin:85px 0 30px 230px; width:490px; height:426px; position:absolute; z-index:1001; top:0; left:0;
	opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	opacity:1\9;
}

@-webkit-keyframes fadeInOut {
	0% { -webkit-opacity:0; }
	20% { -webkit-opacity:1 }
	60% { -webkit-opacity:1; }
	80% { -webkit-opacity:0; }
	100% { -webkit-opacity:0; }
}

@-moz-keyframes fadeInOut {
	0% { opacity:0; -moz-opacity:0; }
	20% { opacity:1 -moz-opacity:1; }
	60% { opacity:1; -moz-opacity:1; }
	80% { opacity:0; -moz-opacity:0; }
	100% { opacity:0; -moz-opacity:0; }
}

@-moz-keyframes fadeIn {
	0% { opacity:0; -moz-opacity:0; }
	100% { opacity:1; -moz-opacity:1; }
}

@-webkit-keyframes fadeIn {
	0% { opacity:0; -webkit-opacity:0; }
	100% { opacity:1; -webkit-opacity:1; }
}

header.hero #hero-gallery[data-state="play"] figure figcaption.active {
	-webkit-animation:fadeInOut 6.2s .7s forwards;
	-moz-animation:fadeInOut 6.2s .7s forwards;
}

header.hero #hero-gallery[data-state="play"] figure .overlay.active {
	-webkit-animation:fadeInOut 7.8s .2s forwards;
	-moz-animation:fadeInOut 7.8s .2s forwards;
}

header.hero #hero-gallery[data-state="stop"] figure figcaption.active {
	-webkit-animation:fadeIn 1s .7s forwards;
	-moz-animation:fadeIn 1s .7s forwards;
}

header.hero #hero-gallery[data-state="stop"] figure .overlay.active {
	-webkit-animation:fadeIn .8s .2s forwards;
	-moz-animation:fadeIn .8s .2s forwards;
}

/* paddle-nav */
.paddle-nav li .arrow { height:746px; }
.paddle-nav li .arrow.previous b { left:210px; }
.paddle-nav li .arrow.next b { right:210px; }

/* outer dot nav */
.outer-dot-nav { position:absolute; z-index:1003; left:600px; bottom:54px; width:100%; margin:0; padding:0; text-align:left; line-height:1px; }
.outer-dot-nav li,
.outer-dot-nav li a { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; }
.outer-dot-nav li { position:relative; z-index:1; margin:0 9px; width:12px; height:24px; padding:0; line-height:0; }
.outer-dot-nav li a { position:absolute; z-index:1; bottom:6px; left:2px; width:6px; height:6px; background:#fff; outline:none; text-indent:-99999px; cursor:default;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.outer-dot-nav li a:hover { cursor:pointer; background:#bebebe; }
.outer-dot-nav li a.active { cursor:default; top:9px; left:0; width:9px; height:9px; border:1px solid #fff; background-color:transparent; }

#main .row { margin-bottom:90px; }
#main .grid3col.row { margin-bottom:21px; }
#main .articles { margin:0; padding:0 1px 0 0; width:326px; }
#main .articles.last { padding:0; }
#main .articles a { text-decoration:none; outline:none; }
#main .articles a:hover span.more { text-decoration:underline; }
#main .articles img { padding-bottom:11px; }
#main .articles h3 { margin-bottom:7px; color:#333; font-size:16px; line-height:1em; font-weight:bold; }
#main .articles h4 { margin-bottom:18px; color:#666; font-size:16px; line-height:1.333em; font-weight:normal; }
#main .articles p { width:300px; font-size:16px; line-height:27px; color:#333; }

.profile #main .row { margin-bottom:25px; }
.profile header.hero { width:980px; height:456px; margin:0 auto 50px; overflow:hidden; position:relative; }
.profile header.hero figure { height:456px; }
.profile header.hero figure img { margin-top:0px; }
.profile header.hero figure figcaption { position:absolute; z-index:1002; top:0; left:0; }
#profile-le-mans			header.hero figure figcaption { margin:29px 0 0 35px; }
#profile-phoenix        	header.hero figure figcaption { margin:228px 0 0 601px; width:490px; }
#profile-electric       	header.hero figure figcaption { margin:40px 0 0 40px; width:400px; }
#profile-radical        	header.hero figure figcaption { margin:252px 0 0 595px; width:400px; }
#profile-full-sail      	header.hero figure figcaption { margin:200px 0 0 600px; width:347px; }
#profile-globe-and-mail 	header.hero figure figcaption { margin:42px 0 0 37px; width:334px; }
#profile-detective-dee  	header.hero figure figcaption { margin:41px 0 0 34px; }
#profile-tv-azteca  		header.hero figure figcaption { margin:39px 0 0 37px; }

.profile .grid2cola .column.first { width:580px; }
.profile hgroup p.attribution { margin-bottom:46px; color:#707070; line-height:2.143em }
.profile .grid2cola .column.first section p { margin-bottom:28px; font-size:1em; line-height:1.357em; }
.profile .grid2cola .column.first section figure { margin-bottom:30px; }
.profile .grid2cola .column.first section figure img { margin-bottom:1px; }
.profile .grid2cola .column.first section figcaption { color:#666; font-size:0.857em; width:480px; }
.profile #main .grid2cola .column.first h2 { margin-bottom:10px; font-size:1.143em; font-weight:bold; line-height:1.25em; }
.profile span.blockquote { display:block; margin:35px 0; width:480px; font-size:1.3em; line-height:1.444em; color:#333; text-indent:-7px; }
.profile span.blockquote span.attribution { display:block; font-size:.68em; text-indent:0; }

.profile #main aside { width:309px; padding:0px 20px; background-color:#f7f7f7; font-size:.843em;; line-height:1.428em; color:#666; }
.profile aside section { padding:18px 0; border-bottom:solid 1px #e8e8e8; border-top:solid 1px #fff; }
.profile aside section.top { border-top-width:0; }
.profile aside section.bottom { border-bottom-width:0; }
.profile #main .grid2cola .column.last h2 { font-size:1.20em; line-height:1.428em; font-weight:bold; }

.profile #main .grid2cola .column.last h3,
.profile #main .grid2cola .column.last strong { font-size:1.015em; font-weight:bold; color:#666; }

.profile aside li { margin-left:19px; margin-bottom:7px; list-style-type:square; }
.profile aside ul.gallery-set li { display:inline-block; *display:inline; zoom:1; list-style:none; margin:0 10px 8px 0; width:94px; height:60px; background:url(/v/final-cut-pro/in-action/a/images/gallery_frame.png) no-repeat; }
.profile aside ul.gallery-set li.last { margin-right:0; }
.profile aside ul.gallery-set li img { margin:4px 0 0 5px; }
.profile aside .list-offset { margin-bottom:28px; }

/* Globe and Mail */
#profile-globe-and-mail ul.non-links { margin-top:20px; }
#profile-globe-and-mail section.top p { margin-bottom:0; }

/* Detective Dee */
#profile-detective-dee span.blockquote { margin:-5px 0 10px -5px; *display:inline; }
#profile-detective-dee span.blockquote img { float:right; margin-left:20px; }
#profile-detective-dee aside p.sub { margin:18px 0 0 0; font-weight:bold; }
#profile-detective-dee aside h2 + p.sub { margin-top:0; }
#profile-detective-dee aside ul.non-apple { margin-top:18px; }
#profile-detective-dee p.squeeze2 { width:470px; }

/* TV Azteca */
#profile-azteca aside p.sub { margin-bottom:7px; font-weight:bold; }

/* Le Mans */
#profile-le-mans aside p.sub { margin:0 0 7px 0; font-weight:bold; }
#profile-le-mans aside ul { margin-bottom:18px; }
#profile-le-mans aside ul.gallery-set li { margin:0 6px 8px 0; }
#profile-le-mans .le-mans-gallery { margin-left:-2px; }

/* Scripps */
#profile-scripps aside ul.gallery-set li { margin:0 6px 8px 0; }
#profile-scripps .scripps-gallery { margin-left:-2px; }
#profile-scripps .grid2cola .column.first { width:570px; }
#profile-scripps.profile aside li { margin-bottom:0px; }
#profile-scripps.profile aside li:last-child { margin-bottom:5px; }
#profile-scripps.profile aside p { margin-bottom:4px; font-weight:bold; }
#profile-scripps.profile aside#buystrip p { color:#afafaf; }
#profile-scripps span.blockquote { width:490px; }
#profile-scripps header.hero figure figcaption { margin:29px 0 0 35px; }
#profile-scripps aside section { padding:18px 0 0; }