/* LAYOUT */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img { behavior:url(/global/scripts/lib/iepngfix.htc); }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

#container { width: 980px; margin: 0 auto; position: relative; }
#main { width:100%; position: relative; }
#content { padding: 18px 20px; position: relative; color: #333; }
#breadcrumb { clear:both; text-align:center; margin:18px auto; clear:both; font-size:10px; color:#686868; }


.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width:auto !important; _float:none !important; }



/* TYPE */
body { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color:#000000; color:#333; }

a { color: #2971a7; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:10px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color:#76797c; _position:static !important; }
.sosumi { font-size: 10px !important; color:#76797c; }

#main p { margin-bottom: 18px; }
#main h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
#main h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
#main h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
#main h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
#main p.intro { font-weight: bold; }
#main .more { text-align: right; }

#main ul { margin-bottom: 18px; list-style: none outside; }
#main ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
#main ul.square,
#main ul.circle { margin-left: 2em; }
#main ul.square { list-style: square outside; }
#main ul.circle { list-style: circle outside; }
#main ul ul.circle,
#main ul ul.square { margin-top: 4px; margin-bottom: 5px; }
#main ol.sosumi { margin-left: 0; padding-left: 2em; }


#main .sidebar { font-size: 10px; line-height: 18px; color:#686868; }
#main .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; }
#main .last { margin-bottom: 0; }

/***** header *****/
#main #header { position:relative; height:133px; }
body.finalcutpro #main #header { background:url(images/header_finalcutserver20070415.jpg) no-repeat center bottom; }

body.color #main #header { background:url(images/header_finalcutserver20070415.jpg) no-repeat center bottom; }

#main #header div.overlay { position:absolute; width:100%; height:0px; background:#000; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); }
body.dvdstudiopro #main #header div.overlay { opacity:.45; -moz-opacity:.45; filter:alpha(opacity=45); }
body.finalcutpro #main #header div.overlay { opacity:.4; -moz-opacity:.4; filter:alpha(opacity=40); }
body.motion #main #header div.overlay { opacity:.3; -moz-opacity:.3; filter:alpha(opacity=30); }
body.soundtrackpro #main #header div.overlay { opacity:.25; -moz-opacity:.25; filter:alpha(opacity=25); }
#main #header h1#headertitle { margin:0; }
#main #header h1#headertitle a { position:absolute; top:0px; left:20px; display:block; width:247px; height:0px; text-indent:-99999px; background:url(http://images.apple.com/finalcutstudio/images/header_title20070414.png); cursor:pointer; behavior:url(/global/scripts/lib/iepngfix.htc); }

/***** main, content formatting *****/
#main { font-size:11px; line-height:1.6em; }
#content { background:#2a2a2a; }

#main h1, #main h2, #main h3, #main strong { color:#fff; }
#main h1 { margin-bottom:.2em; font-weight:normal; font-size:22px; } /*margin-bottom:.18em; }*/
#main h1 span { color:#a1a5a9; } 
#main h2 { font-size:15px; line-height:1.2em; margin-bottom:.3em; }
#main .inset h2 { font-size:13px; margin-bottom:1em; }
#main .inset h2.clear { padding-top:1.6em; }
#main .inset h2.band { font-size:15px; margin:-17px -18px 14px -18px; padding:8px 0 10px 18px; background:#1f1f1f; }
#main .inset h2.last, #main h2.last { margin-bottom:0; width:auto; float:none !important; }
#main h3 { margin-bottom:.3em; line-height:1.6em; }
#main h4 { font-size:1em; /*margin-bottom:.3em; line-height:1.6em;*/ }

#main p.intro { margin-bottom:3.8em; }
#main p.intro.first { margin-bottom:1.6em; float:none !important; width:auto !important; }



body#specs #main .sidebar div.box h2 { margin-bottom:.8em; }
#main .sidebar div.box div.top { height:1em; padding:0; }



#main #header h1#headertitle a { background:url(images/header_finalcutserver20070415.jpg) no-repeat; width:955px; height: 133px; }