@import url(/benl/global/styles/blackout.css);

html, body { background-color: #ececec; }

#productheader h2 a { display: inline; text-indent: 0; }

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

#whatsnew  #pn-whatsnew a,
#whatis    #pn-whatis a,
#action    #pn-action a,
#howto     #pn-howto a,
#resources #pn-resources a,
#specs     #pn-specs a { color: #999 !important; text-shadow: #fff 0 1px 0; cursor: default; }

.content { position: relative; margin: 0 auto; padding: 0 50px 36px; width: 880px; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; background: #fff; *border:1px solid; *border-color:#e5e5e5 #dbdbdb #d2d2d2; }
.content .grid2col .column { width: 415px; }

.content,
.rounded,
.article .box { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
.graybox,
.callout { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px; }
.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; }

/* adapted from base */
.content .sidebar { font-size: 10px; line-height: 18px; color:#686868; }
.content img.right.reflection, .content img.left.reflection { margin-bottom: 0; }
.content .sublist { font-size:10px; line-height:18px;}

img.fpo { -moz-outline: 1px solid red; }
.fpo { color: red !important; }

.content .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; }

.content .piped a { margin: 0 0.75em 0 0; padding: 0 0.75em 0 0; border-left: none; border-right: 1px solid #797c80; }
.content .piped a.last { margin: 0; padding: 0; border: none; _float: none !important; }

.content p.backtotop { clear:both; text-align: right; margin-bottom: 0; }
.content p.backtotop a { padding-right: 10px; text-align: right; background: url(/euro/global/elements/arrows/uparrow_08c.gif) no-repeat 100% 50%; }

.content p.bigmore { margin-bottom: 18px; text-align: center; font-size: 22px; }
.content p.bigmore a { text-decoration: none; padding-right: 12px; background-image: url(/euro/global/elements/arrows/morearrow_big_08c.gif); }
.content p.bigmore a:hover { text-decoration: underline; }

.content a 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; }
.content a:hover em.more { text-decoration: underline; }

/* graybox */
.whatis .content .graybox { width: auto; margin-top: 60px; padding: 18px 30px 18px; background: #f0f3f5 url(/euro/logicstudio/images/callout_bg20090106.gif) repeat-x; border: 1px solid #dcdcdc; border-width: 2px 1px 1px; }
.whatis .content .graybox img.right { margin-left: 12px; margin-bottom: 8px; }
.whatis .content .graybox h3 { line-height: 18px; }


/*--- callout ---*/
.callout { float: left; _float: none; position: relative; width: 365px; padding: 14px 15px 18px 14px; background: #f0f3f5 url(/euro/logicstudio/images/callout_bg20090106.gif) repeat-x; border: 1px solid #dcdcdc; border-width: 2px 1px 1px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; zoom: 1; }
.callout:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.callout a.thumb { display: block; position: relative; float: left; margin: 8px 10px 0 8px; padding: 4px; background: url(/euro/logicstudio/images/callout_thumbbg20090106.png) no-repeat; }
.callout a.thumb img { position: relative; top: -9px; left: -9px; padding: 6px 7px; z-index: 2; background: url(/euro/logicstudio/images/callout_thumbbg20090106.png) no-repeat; }
.callout a.thumb .play { cursor: pointer; display: block; position: absolute; width: 97px; height: 71px; top: 0; left: 0; z-index: 3; background: url(/euro/ilife/images/overlay_thumb_play20090106.png) no-repeat; behavior: url(/global/scripts/lib/iepngfix.htc); }
.callout a.more { white-space: normal; text-align: left; }
.callout h4 { margin-left: 137px; margin-top: 0.3em; font: 16px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight: normal; }
.callout p { line-height: 1.3; margin-bottom: 0; margin-left: 137px !important; margin-right: 0 !important; width: auto !important; }
.callout h4 + p { margin-bottom: 8px; }
.callout img.left { margin-bottom: 0; }
.callout .enlarge { display: block; position: absolute; top: -12px; left: -12px; width: 22px; height: 21px; z-index: 4; background: url(/euro/global/elements/buttons/icon-enlarge.png) no-repeat; behavior: url(/global/scripts/lib/iepngfix.htc); }
.callout.video .enlarge { background-image: url(/euro/global/elements/buttons/icon-play.png); }


/* pagenav */
#pagenav { margin:36px -50px -32px; padding: 18px 50px 14px; width: 880px; border-top: 1px solid #eee; background:url(/euro/logicstudio/images/pagenav_bg20090721.png) repeat-x; zoom:1; behavior: url(/global/scripts/lib/iepngfix.htc); }
#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; }
#pagenav div.next a { padding-right: 20px; background: url(/euro/global/elements/arrows/arrow_next.gif) no-repeat 100% 50%; }

/* site-specific buy now promo */
#promofooter #promos li.buy { width:232px; padding-left:12px; color: #959595; background: url(/euro/logicstudio/images/promo_image20090721.png) no-repeat; behavior: url(/global/scripts/lib/iepngfix.htc); }
#promofooter #promos li.buy h4 { font-size:15px; font-weight:normal; padding-top: 17px; }
#promofooter #promos li.buy h4 span { display: block; font-size: 11px; color:#666666; }
#promofooter #promos li.buy ul { margin-top:7px; padding:0; }
#promofooter #promos li.buy ul li strong { color: #252525; font-weight: normal; }
#promofooter #promos li.buy .buy-button { margin: 4px 0 10px -2px; }
#promofooter #promos li.buy .no-padding { padding: 0; }
#promofooter #promos li.buy .no-padding:hover { text-decoration: none; }


/*---- overview ----*/
#logicstudio .content { padding: 0; width: 980px; }
#logicstudio #hero { margin-bottom: 10px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 1px; background: #fff url(/euro/logicstudio/images/overview_hero_navbg20090721.png) repeat-x 0 100%; }
#logicstudio #hero #hero-content { height: 520px; background: url(/euro/logicstudio/images/overview_hero_20090721.jpg) no-repeat; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,0.25) 0 1px 2px; }
#logicstudio #hero #hero-content .hero { position: absolute; margin-top: -9px; padding: 0; width: 100%; text-align: center; }
#logicstudio #hero #hero-content .hero img { margin-bottom:-8px; }
#logicstudio #hero #hero-content .hero p { font-size: 17px; margin: 0 auto; /*width: 600px;*/ }
#logicstudio #hero #hero-content .hero p.intro a.more { background-image: url(/euro/global/elements/arrows/morearrow_med_08c.gif); }
#logicstudio #hero #hero-content .hero h1 { margin-top: -36px; margin-bottom: 0; position: relative; line-height: 1; }
#logicstudio #hero #hero-content .hero h1 img { margin: 0 auto; display: block; }
#logicstudio #hero #hero-content .hero1 { margin-top: 0; padding: 0; }
#logicstudio #hero #hero-content .hero1 h1 { margin-top: -35px; }

#logicstudio #hero #hero-nav { position: relative; z-index: 1; padding: 12px 0 11px 315px; height: 30px; *width:100%;}
#logicstudio #hero #hero-nav h5 { float: left; padding: 8px 0; font-size: 11px; line-height: 13px; color: #8c8c8c; text-shadow: #fff 0 1px 0; }
#logicstudio #hero #hero-nav ul { float: left; margin-top: -13px; _margin-left: -10px;}
#logicstudio #hero #hero-nav ul li { float: left; margin-left: 10px; }
#logicstudio #hero #hero-nav ul li a { display: block; position: relative; width: 45px; height: 45px; outline: none; overflow: hidden; }
#logicstudio #hero #hero-nav ul li a img { display: block; position: absolute; top: 13px; left: 0; }
#logicstudio #hero #hero-nav ul li a:hover img { top: -32px; }
#logicstudio #hero #hero-nav ul li a.active img { top: -77px !important; }
#logicstudio #hero #hero-nav h5.inthebox { margin-left: 30px; padding: 2px 0; text-align: right; }

#logicstudio #features { zoom: 1; }
#logicstudio #features:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#logicstudio #features li { float:left; width: 245px; }
#logicstudio #features li a { display:block; position:relative; padding:25px 20px 180px; height:167px; border-left:1px solid #e5e5e5; text-decoration:none; color:#252525; }
#logicstudio #features li a.roundedleft { border-left: none; }
#logicstudio #features li h3 { line-height: 18px; color: #000; }
#logicstudio #features li p { margin:0; }
#logicstudio #features li img { display:block; position: absolute; bottom: 0; left: 0; }
#logicstudio #features li a:hover { background: url(/euro/logicstudio/images/overview_features_hoverbg20090721.png) repeat-x; }

#logicstudio #buystrip { margin: 10px auto 0; width: 980px; line-height: 16px; zoom: 1; }
#logicstudio #buystrip:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#logicstudio #buystrip .content { height: 10.5em; padding: 20px 0 0; width:auto; background-color: #fff; }


#logicstudio #buystrip #leftpromo { float: left; width: 216px; padding: 20px 9px 0 15px; _padding-bottom: 0; }
#logicstudio #buystrip #leftpromo a { display:block; padding-top:5px; text-decoration:none; }
#logicstudio #buystrip #leftpromo img.left { margin:0 8px 0 -15px; }
#logicstudio #buystrip #leftpromo h4 { padding-top: 2px; }
#logicstudio #buystrip #leftpromo h4 img { display: block; }
#logicstudio #buystrip #leftpromo p { font-size: 13px; line-height: 20px; word-spacing: -1px; }
#logicstudio #buystrip #all200 { float: left; padding:15px 20px 5px; width: 200px; _padding: 9px 10px 2px; }
#logicstudio #buystrip #all200 h3 img { margin: 0 0 -95px -20px; }
#logicstudio #buystrip #all200 p { width: 130px; height: 80px; padding-left: 61px; }

#logicstudio #buystrip #buy { float: right; width: 729px; }
#logicstudio #buystrip #buy img.left { margin: -5px 20px 0 18px; position: relative; }
#logicstudio #buystrip #buy dl { float: left; width: 295px; }
#logicstudio #buystrip #buy dd p { line-height: 20px; }
#logicstudio #buystrip #buy h4 { padding-top: 18px; }
#logicstudio #buystrip #buy h4 img { display: block; }
#logicstudio #buystrip #buy ul { float: right; margin-top: -8px; margin-right: 30px; width: 215px; line-height: 1.5; display: inline; }
#logicstudio #buystrip #buy ul img { margin-top: 4px; }


/*--- whats new ----*/
#whatsnew .content { background: #fff url(/euro/logicstudio/whats-new/images/hero_bg20090721.png) repeat-x; }
#whatsnew .content #hero { padding: 40px 50px; text-align: center; }

#whatsnew .content #hero h1 { margin-bottom: 0; line-height: 1; }
#whatsnew .content #hero #nav { text-align: center; }
#whatsnew .content #hero #nav a { display: inline-block; margin-left: 30px; text-align: center; font-size: 14px; font-weight: bold; line-height: 1; color: #000; }
#whatsnew .content #hero #nav a:hover { text-decoration: none; color: #08c; }


/*---- what is ----*/
.whatis #header { margin: 0 -50px; padding: 0; width: 980px; position: relative; background: url(/euro/logicstudio/images/header_grad_20090721.gif) repeat-x 0 100%; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }
.whatis #header h2 img { margin: -36px auto 12px; display: block; }
.whatis .content #header h2 { margin-bottom: 0; }

#studionav { margin-top: -14px; padding: 0 22px; line-height: 16px; }
#studionav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#studionav li, 
#studionav li img, 
#studionav li strong { display: block; }
#studionav li { float: left; width: 156px; }
#studionav li a { position: relative; display: block; margin-bottom: -14px; padding: 14px 10px 0 20px; color: #333; word-spacing: -2px; }
#studionav li a img { padding: 4px; margin-bottom: 6px; border: 1px solid #ccc; background-color: #fff; }
#studionav li a h4 { line-height:1.4; word-spacing: -1px; color: inherit; }
#studionav li a p { margin: 0; }
#studionav li a:hover { color: #08c; text-decoration: none; }

#whatis        #studionav li#sn-whatis,
#logicpro      #studionav li#sn-logicpro,
#plugins       #studionav li#sn-plugins,
#mainstage     #studionav li#sn-mainstage,
#soundtrackpro #studionav li#sn-soundtrackpro,
#utilities     #studionav li#sn-utilities { background: url(/euro/logicstudio/images/studionav_on_20090721.jpg) no-repeat 0 100%; }

#whatis        #studionav li#sn-whatis a,
#logicpro      #studionav li#sn-logicpro a,
#plugins       #studionav li#sn-plugins a,
#mainstage     #studionav li#sn-mainstage a,
#soundtrackpro #studionav li#sn-soundtrackpro a,
#utilities     #studionav li#sn-utilities a { padding-bottom: 34px; _margin-bottom:-10px; color: #999 !important; text-shadow: #fff 0 1px 0; background: url(/euro/logicstudio/images/studionav_arrow_20090721.gif) no-repeat 50% 100%; cursor: default; }

.whatis .content h2 { margin-bottom: 36px; font-size: 22px; border-bottom: 1px solid #ccc; }
.whatis #header h2,
.whatis #hero h2 { border: 0; }
.whatis #hero h1, 
.whatis #hero h2 { margin-bottom: 0; line-height: 1em; }
.whatis #hero p.intro { font-size: 20px; line-height: 24px; margin-bottom: 2px; }

.whatis .grid2col { padding-top: 36px; }
.whatis img.flushleft { margin-left: -50px; position: relative; }
.whatis img.flushright { margin-right: -50px; position: relative; }
.whatis img.flushboth { margin-left: -50px; margin-right: -50px; position: relative; }

.whatis .content .sosumi { margin-top: 50px; margin-bottom: -10px; }

#whatis .content h2 { margin-bottom: 36px; }
#whatis .content h3 { margin-top: 45px; }
#whatis #hero { width: 685px; margin: 36px auto 0; text-align: center; }
#whatis #hero p { margin-bottom: 0; }
#whatis #hero p.intro { font-size: 16px; line-height: 1.4; }

#whatis .studionav-footer.grid5col { padding-top: 5px; }
#whatis .studionav-footer.grid5col .column { margin-left:7%; width:14.4%; }


/*---- logic pro ----*/
#logicpro #hero .last img { margin-top: 28px; }

#logicpro #edit h2 { border: 0; margin-bottom: 18px; }
#logicpro .content .grid2col img.surround { margin-bottom: 0; }
#logicpro .content img.tempo-icon { margin: 8px 18px 20px 0; }
#logicpro .content img.drum-tracks { margin-top: 20px; margin-left: 10px; }
#logicpro .content .no-top-margin { margin-top: -25px; }
#logicpro .content .graybox .column { width: 250px; margin-left: 35px; }
#logicpro .backtotop, #soundtrackpro .backtotop { margin: 20px 0 -10px !important; }


/*---- mainstage ----*/
#mainstage .callout { width: 380px; padding-bottom: 0; }
#mainstage .callout h4 { line-height: 1em; }
#mainstage .mac-v-machine { margin-top: 50px; }
#mainstage .mac-v-machine .column.last,
#mainstage .solo-artist .column.first,
#mainstage .keyboardist .column.last { padding-top: 40px; }
#mainstage .efficient { margin-top: 15px; }
#mainstage .efficient .column.last img.right { margin-top: -15px; margin-bottom: -5px; }
#mainstage .simple-setup .column.last { width: 345px; }
#mainstage .simple-setup .column.last img.left { margin-bottom: 60px; }
#mainstage img.center { display: block; margin: auto; }
#mainstage .rewire { margin-bottom: 0px; }
#mainstage .loops { padding-top: 20px; }
#mainstage .loops .column.first { width: 260px; padding-top: 30px; }
#mainstage .loops .column.last { width: 580px; }
#mainstage .controls img.center { padding-top: 10px; margin-bottom: -30px; }
#mainstage .keyboardist { padding-top: 35px; margin-bottom: -15px; }
#mainstage .solo-artist { padding-bottom: 40px; }
#mainstage .solo-artist .column.last img { margin-top: 10px; }
#mainstage .drummer { padding-bottom: 20px; }
#mainstage .drummer .column.last { padding-top: 75px; }
#mainstage img.aiif { margin-left: 10px; }


/*---- soundtrackpro ----*/
#soundtrackpro #hero h1 img { margin-left: -10px; position: relative; }
#soundtrackpro .content h2 { margin-bottom: 38px; }
#soundtrackpro .content h3 { font-size: 1em; }
#soundtrackpro .graybox .column { width: 385px; }
#soundtrackpro .right-tools { margin: -2px 12px -10px 0; }
#soundtrackpro .conform { margin: 13px 5px -10px 15px; }
#soundtrackpro .easy-edits { margin-top: 10px; }
#soundtrackpro .space-designer { margin-top: 25px; }
#soundtrackpro .surround-panner { display: block; width: 241px; margin: auto; }
#soundtrackpro .customize { margin: 30px -17px 20px 12px; }


/*---- production utilities ----*/
#utilities img.impulse { margin-bottom: 0; }


/*---- resources ----*/
.resources .content .grid2cola .grid2col .column { width: 48% !important; }
.resources .content h1 { padding: 40px 0 25px; font-size: 26px; line-height: 1em; }
.resources .content h2 { font-size: 1em; line-height: 1.4em; margin-bottom: .2em; font-weight: bold; }
.resources .content ul { margin-bottom: 2em; }
.resources .content .box ul { margin-bottom: .5em; }
.resources .content ul.spaced li { margin-bottom: .5em; }
.resources .content .sidebar { font-size: 1em; }
.resources .content .box { margin-bottom: 10px; padding: 15px 23px 10px; background-color: #f6f6f7; border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
.resources .content .box img.right { margin-left: 5px; margin-top: -2px; }
.resources .content a.more.yeswrap { white-space: normal; }
.resources .content .border-top, #resources .content .box { padding-top: 15px; }
.resources .content .border-top { border-top: 1px solid #c3c3c3; }
.resources .content .no-bottom-margin { margin-bottom: 0; }
.resources .content .padded-bottom { padding-bottom: 2em; }
.resources .content label { width: 60px; margin-top: 5px; display: block; float: left; }
.resources .content select { width: 166px; margin-top: 5px; }
.resources .content .box input { margin: 10px 0 0 60px; }


/*---- tech specs ----*/
#specs .content { padding-top: 36px; }
#specs .content h1 { font-size: 24px; margin-bottom: 36px; }
#specs .content h3 { line-height: 18px; }

#specs #sixtyfourbit { background: #f6f6f6; border: 1px solid #e7e7e7; margin: 0 auto; padding: 10px 30px 21px 10px; width: 648px; }
#specs #sixtyfourbit h3 { font-size: 1.2em; padding-top: 6px; }
#specs #sixtyfourbit img.left { margin: 0 10px 7px 0; }

/*---- thank you ----*/
#thankyou .content h1 { padding: 40px 0 25px; font-size: 26px; line-height: 1em; }
#thankyou .content h2 { font-size: 1.2em; line-height: 1.4em; margin-bottom: .2em; font-weight: bold; }