/* debug */
/*img[alt=""] { border: 1px solid #f00; margin-left: -1px; margin-right: -1px; }*/
a[href="#"] { color: red !important; font-weight: bold; }

#productheader a.buynow { background-image:url(/euro/global/elements/buttons/buynowblue.png); width:72px; }

html,
body { background: #f0f0f0; min-height: 100%; }
h2 { font-size: 22px; font-weight:normal; }
h3 { font-size: 115%; margin-bottom: 0.2em; color: #000; }

.content a { color: #08c; text-decoration: none; }
.content a:hover { text-decoration: underline; }

#content .intro { color: #777; font-size: 16px; font-weight: normal; line-height: 1.3; }
.replaced { display: block; height: 10px; overflow: hidden; text-indent: -9999px; text-align: left; width: 10px; }
.rounded, .callout, .content { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
.shadow, .content { -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }
.shadow { *outline: 1px solid #d2d2d2; }
.outlined { border: 5px solid #fff; margin-bottom: 1em; }

.roundedtop { border-radius: 4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; }
.roundedbottom { border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; }
.roundedright { border-radius: 0 4px 4px 0; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; }
.roundedleft { border-radius: 4px 0 0 4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; }

.center { margin-right:auto; margin-left:auto; }
img.center { display:block; }
.left,
.flushleft { float: left; position: relative; }
.right,
.flushright { float: right; position: relative; }

/*---- productheader overrides ----*/
#productheader { border: none; }
#productheader h2 a { background-image: url(/euro/finalcutserver/images/title-productheader-20090722.gif); width: 210px; }

body.whatsnew	#pn-whatsnew a,
body.features	#pn-features a,
body.resources	#pn-resources a,
body.specs		#pn-specs a,
body.resources	#pn-resources a { color: #999; text-shadow: #fff 0 1px 0; }

body#whatsnew	#pn-whatsnew a:hover,
body#features	#pn-features a:hover,
body#resources	#pn-resources a:hover,
body#specs		#pn-specs a:hover,
body#download	#pn-resources a:hover { color: #999 !important; text-shadow: #fff 0 1px 0; cursor: default; }

/*---- layout ----*/
#hero { position: relative; }
#main { margin: 0 auto; width: 980px; }

.content { background-color:#fff; clear: both; margin: 0 auto; padding: 0 20px; width: 940px; *border:1px solid; *border-color:#e5e5e5 #dbdbdb #d2d2d2; }

/* video callout */
.content .callout { position:relative; padding:18px; min-height:80px; border:1px solid #dcdcdc; border-width:2px 1px 1px; background:#f0f3f5 url(/euro/finalcutserver/images/callout-background20081014.gif) repeat-x top left; }
.content .callout a.thumb { position:relative; display:inline; float:left; *border:1px solid #ccc; }
.content .callout a.thumb img.frame { display:block; margin:0; border:4px solid #fff; box-shadow:rgba(0,0,0,0.3) 0 1px 5px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 5px; -moz-box-shadow:0 1px 5px rgba(0,0,0,0.3); }
.content .callout a.thumb .enlarge { position:absolute; top:-8px; left:-8px; width:22px; height:21px; z-index:10; background:url(/euro/global/elements/buttons/enlarge_icon.png) no-repeat top left; }
.content .callout a.thumb .play { width:23px; height:24px; background-image:url(/euro/global/elements/buttons/icon-play.png); }
.content .callout h3 { margin-top:0.3em; margin-left:123px; font-weight:normal; font:16px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; }
.content .callout p { margin-bottom:0; margin-left:125px; line-height:1.4; }

/* -- overview -- */
#overview #content { padding: 0 0 18px; }
#overview .content { background: #f0f0f0; border: none; padding: 0 0 4px; width: 100%; *border:1px solid; *border-color:#e5e5e5 #dbdbdb #d2d2d2; }
#overview #hero { background: #fff url(/euro/finalcutserver/images/overview-bg-hero-20090722.gif) repeat-x 0 100%; min-height: 406px; padding-left: 50px; padding-top: 100px; position: relative; width: 930px; *height: 400px; }
#overview #hero h1 { background-image: url(/euro/finalcutserver/images/overview-title-20090722.png); height: 124px; margin: 0 0 20px; width: 350px; }
#overview #hero .intro { width: 350px; }
#overview #hero img.hero { position: absolute; top: 0; right: 0; margin-bottom: 1em; }

#overview #hero .callout { width: 280px; }

#overview #buckets { margin-bottom: 18px; padding: 0; zoom: 1; background:#fff; }
#overview #buckets:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#overview #buckets li { float:left; width: 245px; }
#overview #buckets li a { display:block; position:relative; padding:25px 20px 171px; height:137px; border-left:1px solid #e5e5e5; text-decoration:none; color:#252525; }
#overview #buckets li a.roundedleft { border-left: none; }
#overview #buckets li h3 { line-height: 18px; color: #000; }
#overview #buckets li p { margin:0; }
#overview #buckets li em.more { font-style:normal; color: #08c; white-space: nowrap; padding-right: 10px; background: url(/euro/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; zoom: 1; cursor: pointer; }
#overview #buckets li img { display:block; position: absolute; bottom: 0; left: 0; }
#overview #buckets li a:hover { background:url(/euro/finalcutserver/images/overview-buckets-hoverbg-20090721.png) repeat-x; }
#overview #buckets li a:hover em.more { text-decoration:underline; }

#overview .grid2cola .column { background: #fff url(/euro/finalcutserver/images/overview-more-bg-20090722.gif) repeat-x 0 100%; font-size: 90%; padding: 0; }
#overview .grid2cola .column h4 { font-size: 125%; }
#overview .grid2cola .column .left,
#overview .grid2cola .column .right { margin-bottom: 0; }
#overview .grid2cola .column.first.content { min-height: 147px; *height: 100px; *width:650px; }
#overview .grid2cola .column.last.content { clear: none; min-height: 117px; padding: 12px 18px 18px; width: 277px; *width: 265px; }

#overview .grid2cola .grid2col { width: 66%; *width: 63%; }
#overview .grid2cola .grid2col .column { background: none; margin: 25px 0; width: 323px; *margin: 0; }
#overview .grid2cola .grid2col .column.first { border-right: 1px solid #dadbde; padding: 0 40px 0 15px; width: 258px; *padding-right: 10px; *width: 283px; *padding-top:5px; *margin-top:30px; *height:80px;  }
#overview .grid2cola .grid2col .column.last { padding: 0 30px 0 20px; width: 273px; *width: 270px; *padding-top:35px;  }

/* grid */
.content .grid2colc .grid2col .column { width: 290px; }

/* -- left sub nav -- */
#main .sidebar { position: relative; display: inline; float: left; margin: 0 0 0 -20px; padding: 2px 26px 0; width: 193px; font-size:12px; }

#featuresnav { margin: 0 -16px 2em; }
#featuresnav li { display: block; margin: 0; padding: 10px 0; border-bottom: 1px solid #d9d9d9; }
#featuresnav li .feature-link { position: relative; display: block; text-decoration: none; outline: none; color: #666; background: url(/euro/finalcutserver/images/fn_arrow_grey.gif) no-repeat 100% 50%; }
#featuresnav li .feature-link:hover { color: #08c; background: url(/euro/finalcutserver/images/fn_arrow_blue.gif) no-repeat 100% 50%; }
#featuresnav li img { float: left; margin: -7px 5px 0 0; }

#features #featuresnav #fn-features .feature-link, 
#cataloging #featuresnav #fn-cataloging .feature-link,
#search #featuresnav #fn-search .feature-link, 
#workflow #featuresnav #fn-workflow .feature-link, 
#collaboration #featuresnav #fn-collaboration .feature-link, 
#delivery #featuresnav #fn-delivery .feature-link, 
#configuration #featuresnav #fn-configuration .feature-link { color: #000 !important; cursor: default; background: url(/euro/finalcutserver/images/fn_arrow_black.gif) no-repeat 100% 50%; }

/* -- features -- */
.features #hero h1 { font-size: 300%; font-weight: normal; }
.features #hero,
.features .main { display: inline; border-left: 1px solid #d9d9d9; float: right; }
.features #hero { margin-right: -20px; padding:0 34px; width: 666px; }
.features .main { margin-right: -20px; padding: 36px 34px 0; width: 666px; }
.features .main .column { width: 48%; }

.features .main h1 { margin:0; }
.features .main .flushright { margin-right:-34px; }
.features .main .flushleft { margin-left:-34px; }

.features #content { padding-top: 0; padding-bottom: 0; }

#workflow #content .flushright { margin-left: 0; }

/*---- pagenav ----*/
#pagenav a { *border:none; }
#pagenav { border-top: 1px solid #eee; clear: both; margin: 0; padding-top: 1.5em; padding-bottom: 1.5em; width: 655px; }
#pagenav:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
#pagenav img { display: none; }
#pagenav div { width: 50%; }
#pagenav div.previous { float: left; }
#pagenav div.previous a { padding-left: 20px; background: url(/euro/global/elements/arrows/arrow_prev.gif) no-repeat 0 50%; }
#pagenav div.next { float: right; text-align: right; *margin-top:-18px; }
#pagenav div.next a { padding-right: 20px; background: url(/euro/global/elements/arrows/arrow_next.gif) no-repeat 100% 50%; }
#pagenav div.previous .replaced { background-position: 0 0; display: inline; height: auto; padding: 0; text-indent: 0; width: auto; }

/* features overview */
#features #hero { padding-top:360px; background: #f1f1f1 url(/euro/finalcutserver/features/images/overview-hero-20090722.jpg) repeat-x 0 0; }
#features #hero h1 { margin: 0 auto; text-align: center; }
#features #hero .intro { text-align: center; margin: 0 auto 1.5em; width: 660px; }
#features .main img.right { margin-bottom:3px; }

/* configuration */
#configuration #main img.across { margin-right:-4px; margin-left:-4px; }

/* -- what’s new -- */
#whatsnew #hero h1 { background: url(/euro/finalcutserver/images/whatsnew-title-20090722.png) no-repeat 0 0; height: 40px; margin: 0 auto 9px; width: 435px; }
#whatsnew #hero .intro { margin: 0 auto 1.5em; text-align: center; width: 645px; }
#whatsnew .content { padding: 40px 50px 0; width: 880px; }
#whatsnew .flushright { margin-right: -50px; }

#whatsnew .content .callout { width: 70%; }

#whatsnew img.hero { position: absolute; left: 0; z-index: 1; *top: 170px; }
#whatsnew #beside_hero { margin-bottom: 4em; min-height: 538px; position: relative; top: 26px; width: 412px; z-index: 2; *height: 538px; }

#whatsnew #sequences { float: left; margin: 0 0 2em 0; width: 100%; *margin-top: 570px; z-index: 2; }
#whatsnew #sequences .flushright { margin-left: 4em; }
#whatsnew #sequences .callout { margin-left: 15px; width: 280px; }

#whatsnew #production_hierarchy { margin-bottom: 2em; margin-top: 2em; width: 100%; }
#whatsnew #production_hierarchy .left { margin-right: 30px; }
#whatsnew #production_hierarchy .callout { float: left; width: 360px; }


#whatsnew .content .grid3col { padding-bottom: 1.5em; }
#whatsnew .content .grid3col img { border: #fff solid 5px; margin-bottom: 0.75em; }
#whatsnew .content .grid3col .column { margin-left: 50px; margin-bottom: 1em; width: 260px; }

/* -- resources -- */
#resources .content { padding-left: 50px; padding-right: 50px; width: 880px; }
#resources #main h1 { font-size: 220%; }
#resources #main h3 { border-top: 1px solid rgb(188,188,188); font-size: 150%; font-weight: normal; padding: 11px 0; }
#resources #main .top { border-top: none; }

/* -- specs -- */
#specs h1 { font-size: 220%; }
#specs .content h3 { font-size: 125%; }

/* -- download -- */
#download .content { padding: 30px 50px 18px 50px; width: 880px; }
#download .grid2cola .rounded { background: #f2f2f2; padding: 20px; width: 28%; }

/*---- typography ----*/
#main ol.sosumi, #main ul.sosumi, #main p.sosumi { padding-top: 2em; line-height: 1.4em; }

/* site-specific buy now promo */
#promofooter #promos li.buy { width:232px; padding-left:12px; position:relative; }
#promofooter #promos li.buy h4 { padding-top:15px; padding-bottom:23px; }
#promofooter #promos li.buy ul { margin-top:7px; padding:18px 0 0; }
#promofooter #promos li.buy ul li span { color:#000; }
#promofooter #promos li.buy .product { position:absolute; left:130px; top:20px; }

/* movies and overlays */
.overlaycontent { width:640px; padding:40px 50px; }
.movie, .movie-loading, .endState { width:640px; height:400px; }
.moviePanel.movie-loading { background-image:url(/euro/global/elements/quicktime/qt_loading640x400.gif); }
.endState { background-image:url(/euro/global/elements/quicktime/qt_endstate640x400.jpg); }

/* -- all IE PNG fixes -- */
.content .callout .enlarge,
.content .callout .play { behavior:url(/global/scripts/lib/iepngfix.htc); }