/* V Styles Final Cut Pro X */
html, body { background:#fff; }
body { min-width:1024px; }
#main { position:relative; width:100%; min-width:980px; margin:0 auto; overflow-x:hidden; overflow-y:hidden; }

/* typography */
#main { font-size:1.333em; line-height:1.6875; word-spacing:-1px; color:#404040; } /* 16px/27px */

#main h1 { margin-bottom:10px; font-size:1.4567em; line-height:1.1666; font-weight:normal; color:#333; } /* 20px/28px */
#main h2,
#main th { margin-bottom:07px; font-size:1.2857em; line-height:1.3888; font-weight:normal; color:#333; } /* 18px/25px */
#main h3 { margin-bottom:07px; font-size:1.1428em; line-height:1.5000; } /* 16px/24px */
#main h4 { margin-bottom:07px; font-size:1em; }

#main h1 img,
#main h2 img,
#main h3 img,
#main h4 img { display:block; margin:0; }

#main p { margin-bottom:1.8em; }

#main .intro { line-height:1.6875; font-weight:normal; color:#404040; } /* 16px/27px */

#main .legal { font-size:.85em; color:#666; }

/* layout */
#main .block { display:block; }
#main .inline { display:inline; }
#main .left { float:left; }
#main .right { float:right; }
#main .center { display:block; margin-right:auto; margin-left:auto; text-align:center; }
#main .selfclear { display:block; clear:both; }

.flushpad,
.padright { padding-right:50px; }

.flushpad,
.padleft { padding-left:50px; }

.flushpad,
.flushright,
img.flushright { margin-right:-50px; }

.flushpad,
.flushleft,
img.flushleft { margin-left:-50px; }

.row,
.flushtop,
.flushbottom,
.flushright,
.flushleft,
#main .relative { *position:relative; *z-index:1; *zoom:1; }

.flushrow { overflow:hidden; *position:relative; }
.flushrow .row,
.row { margin:0 auto; width:980px; }

.black-bg { background-color:#000; }
.white-bg { background-color:#fff; }
.offblack { background-color:#202020; }

/* links */
#main a { cursor:pointer; }
#main a.block { color:#000; }
#main .black-bg a.block span,
#main .black-bg a.block em { color:#6CF; cursor:pointer; }
#main .black-bg a.block:hover span,
#main .black-bg a.block:hover em { color:#6CF; cursor:pointer; }
#main .black-bg a.block { color:#999; }

/* chevrons */
a.more,
em.more,
span.more { display:inline-block; padding-right:.7em; line-height:1.71; line-height:1\9; *line-height:1.5; background-image:url(/v/final-cut-pro/g/images/more_16.png); background-position:100% 55%; background-size:6px 11px; }

a.more.font-10,
em.more.font-10,
span.more.font-10 { background-image:url(/v/final-cut-pro/g/images/more_10.png); background-size:4px 7px; }

@media only screen {
	a.more,
	em.more,
	span.more,
	a.more.font-10,
	em.more.font-10,
	span.more.font-10 { background-image:url(/v/final-cut-pro/g/images/more.svg); }

}

a.more.light,
em.more.light,
span.more.light { background-image:url(/v/final-cut-pro/g/images/more_light_16.png); }

a.more.font-10.light,
em.more.font-10.light,
span.more.font-10.light { background-image:url(/v/final-cut-pro/g/images/more_light_10.png); }

@media only screen {
	a.more.light,
	em.more.light,
	span.more.light,
	a.more.font-10.light,
	em.more.font-10.light,
	span.more.font-10.light { background-image:url(/v/final-cut-pro/g/images/more_light.svg); }

}

/* divider */
.divider { width:880px; height:1px; margin:0 auto; border-top:1px solid #ddd; }
.divider-bottom { border-bottom:1px solid #333; }


/* Buttons
------------------------*/
.button,
.block .button { padding:1px; color:#fff; font-size:12px; line-height:18px;
	background:#137dc3;
	background:-webkit-linear-gradient(top, #1992da 0%, #0d6ab2 100%);
	background:-moz-linear-gradient(top, #1992da 0%, #0d6ab2 100%);
	background:linear-gradient(top, #1992da 0%, #0d6ab2 100%);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}

.button b { display:block; width:70px; padding:2px 0 2px; color:#fff; font-weight:normal; text-align:center;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#2293da;
	background:-webkit-linear-gradient(top, #37aaea 0%, #127fd2 100%);
	background:-moz-linear-gradient(top, #37aaea 0%, #127fd2 100%);
	background:linear-gradient(top, #37aaea 0%, #127fd2 100%);
}

.button:hover,
.block:hover .button { color:#fff; text-decoration:none !important; cursor:pointer;
	background:#138edc;
	background:-webkit-linear-gradient(top, #1ba3f2 0%, #0e7acc 100%);
	background:-moz-linear-gradient(top, #1ba3f2 0%, #0e7acc 100%);
	background:linear-gradient(top, #1ba3f2 0%, #0e7acc 100%); }

.button:hover b,
.block:hover .button b {
	background:#26a4f2;
	background:-webkit-linear-gradient(top, #3dbbff 0%, #158eeb 100%);
	background:-moz-linear-gradient(top, #3dbbff 0%, #158eeb 100%);
	background:linear-gradient(top, #3dbbff 0%, #158eeb 100%);
}

.button.stroke,
.block .button.stroke { border:1px solid #3ba5d6; background:none; color:#0088cc; cursor:default; }

.button.stroke b,
.block:hover .button.stroke b { background:none; color:#0088cc; }

.button.stroke:hover,
.block:hover .button.stroke { border-color:#3bb5ee; background:none; color:#009ceb; }

.main p + .button,
.main .button + .button { position:relative; z-index:1; top:-.75em; display:inline-block; margin-bottom:1.5em; text-align:left; }

.main .button + .button { margin-left:30px; }


/* Buystrip
------------------------*/
#buystrip { overflow:hidden; font-size:16px; background-color:#202020; }
#buystrip .border-divider { border-top:1px solid #333; }
#buystrip p { color:#afafaf; margin-bottom:8px; }

#buystrip .grid2col { width:980px; margin:0 auto; padding:55px 0 52px; }
#buystrip .grid2col .column { margin:0; padding:0; width:480px; }
#buystrip a.more { margin:0; padding:0; }
#buystrip .grid2col .left { margin:-8px 25px 0 0; }
#buystrip .grid2col h1,
#buystrip .grid2col p,
#buystrip .grid2col span { padding-left:82px; }
#buystrip a.block span { color:#6CF; cursor:pointer; }

#buystrip .grid2col .block { margin:0; }
#buystrip .grid2col .buynow-block { display:block; padding:0; }
#buystrip .grid2col .buynow-block .buynows { margin-top:10px; margin-left:82px; }

#buystrip .grid2colb { width:980px; margin:0 auto; padding:40px 0 45px; }
#buystrip .grid2colb .column { padding:0; margin:0; }
#buystrip .grid2colb .left { margin:-9px 30px 0 0; }
#buystrip .grid2colb .first { padding-top:14px; width:705px; }
#buystrip .grid2colb .first p { margin-top:-9px;  padding-left:128px; width:649px; *margin-top:-41px; }

#buystrip .grid2colb .fcp-more { margin-top:8px; padding-left:128px; }

#communities #buystrip,
#tech-specs #buystrip,
#trial #buystrip,
#thank-you #buystrip { background-color:#222; }


/* Sosumi
------------------------*/
.sosumi { margin:24px auto 18px; width:940px; padding:0 20px; }
#buystrip + .sosumi { margin-top:10px; padding-top:24px; border-top:1px solid #e2e2e2; }


/* Sections
------------------------*/
#hero { margin-top:65px; }
#hero h1 { margin-bottom:10px; }
#hero .intro { padding:0 120px; text-align:center; }

/* Feature Sections */
#main .section { margin-top:90px; }
#main .section .feature { margin:0 auto 90px; padding-top:110px; background-color:#000; color:#999; }
#main .section .feature h1 { margin:0 auto 30px; }
#main .section .feature .intro { margin:0 auto 60px; padding:0 50px; color:#999; }

#main .promo { width:860px; margin:60px auto; padding:70px 60px; }
#main .promo.black { background-color:#000; color:#999; }


/* Page Specific
------------------------*/

/* Final Cut Pro Specs */
#tech-specs #main th sup { bottom:1em; }

/* Motion Specs */
#motion-tech-specs #main .libraries.row.grid2col img { margin-top:7px; }
#motion-tech-specs #main #video-editing p.intro { padding:0 110px; }

#motion-tech-specs .sticky .ph-wrapper { width:1120px;}
#motion-tech-specs .ph-wrapper { width:100%; border-bottom:1px solid #e6e6e6; }
#motion-tech-specs .ph-wrapper #productheader { width:980px; padding:1em 0 0.2em; border-bottom:none; }

#motion-tech-specs #buystrip + .sosumi { border-width: 1px; border-color: #333; }

@media only screen and (max-device-width:768px) {
	#motion-tech-specs nav.ph-wrapper { margin-left:0; width:100%; }
	#motion-tech-specs .ph-wrapper #productheader { width:100%; padding:1em 0 0; margin: 0 auto; }
	#motion-tech-specs.sticky .ph-wrapper { padding-top:.5em; }
}

/* Compressor Specs */
#compressor-tech-specs #main .libraries.row.grid2col img { margin-top:7px; }
#compressor-tech-specs #main #video-editing p.intro { padding:0 110px; }

/* Trial */
#trial .row { padding:50px 0; }
#trial .badge { display:inline-block; *position:relative; *display:inline; padding:6px 33px 5px; font-size:16px; text-align:center; color:#999; border-radius:4px; border:1px solid #999; }
#trial .header { text-align:center; padding-bottom:35px; }
#trial .header h1 { padding-top:20px; }

#trial #main .grid2col .column { padding-top:35px; border-top:1px solid #c9c9c9; }
#trial #main .grid2col .column.first { width:34%; }
#trial #main .grid2col .column.last { width:58%; }

#trial #buystrip .grid2colb,
#trial #buystrip .border-divider { display:none; }

/* Trial ThankYou */
#thank-you .row { padding:30px 0 0 0; }
#thank-you .badge { display:inline-block; *position:relative; *display:inline; padding:6px 33px 5px; font-size:16px; text-align:center; color:#999; border-radius:4px; border:1px solid #999; }
#thank-you .header h1 { padding-top:20px; }
#thank-you .header { text-align:center; }

#thank-you iframe.iframeautodownload { width:100%; height:6em; }

#thank-you #main .grid2col .column { padding:25px 0; border-top:1px solid #c9c9c9; }
#thank-you #main .grid2col .column.first { width:256px; }
#thank-you #main .grid2col .column.last { width:620px; }

#thank-you #buystrip .grid2colb,
#thank-you #buystrip .border-divider { display:none; }

/* Tech Specs */
table.tech-specs { width:980px; margin:0 auto; table-layout:fixed; }
table.tech-specs th,
table.tech-specs td { vertical-align:top; border-top:solid 1px #e6e6e6; }

table.tech-specs th { padding-top:24px; width:250px; }
table.tech-specs td.divide { width:82px; padding:0; border-top:none; }
table.tech-specs td { padding:25px 0 45px; }

table.tech-specs td ul { padding-right:15px; width:285px; list-style-type:disc; }
table.tech-specs td ul li { padding-bottom:8px; margin-left:17px; }
table.tech-specs td ul li ul { list-style-type:circle; }

table.tech-specs #sosumi th,
table.tech-specs #sosumi td { padding:20px 0; border-top:none; }

#compressor-tech-specs #ac-globalfooter.ac-globalfooter-dark { background-color:transparent; }
#motion-tech-specs #ac-globalfooter.ac-globalfooter-dark { background-color:#202020; }