.content #hero { margin-left: -50px; padding: 0 50px 30px; background: url(/euro/logicstudio/garageband-to-logic/images/content_bg20090721.png) repeat-x bottom left; }
.content #hero img.left { margin: 0 -300px 0 -50px;; }
.content #hero h1 { margin-top: 95px; }
.content #hero h1, #garageband .content #hero p.intro { width: 370px; margin-right: 4px; float: right; }
.content #hero h2 { padding-top: 10px; }
.content .grid2cola .column.first p { margin-right: 10px; }
.content .grid2cola .column.last .callout { width: 246px; height: 90px; background-color: #f6f7f8; border-color: #dfdfdf; border-top-color: #c1c1c1; border-bottom: none; }
.content .grid2cola .column.last .callout h4 { margin-top: 20px; }

.content .list-top-cap { height: 27px; margin: 0; padding-top: 43px; font-size: 22px; list-style: none; background: url(/euro/logicstudio/garageband-to-logic/images/list_top_cap20090721.gif) no-repeat 279px bottom; }
.content .list-bottom-cap { width: 100%; height: 57px; margin-bottom: -22px; background: url(/euro/logicstudio/garageband-to-logic/images/list_bottom_cap20090721.gif) no-repeat 279px bottom; }

.content .grid2colc { height: 350px; padding-top: 60px; border-top: 1px solid #fff; border-bottom: 1px solid #e5e5e5; background: url(/euro/logicstudio/garageband-to-logic/images/list_bg20090721.gif) repeat-y 279px 0; }
.content .grid2colc.first { border-top: none; padding-top: 70px; }
.content .grid2colc.last { border-bottom: none; }
.content .grid2colc .column.first { width: 259px; }
.content .grid2colc .column.last { width: 601px; }
.content .steps { width: 31px; height: 31px; margin: 0 0 4px -1px; text-indent: -9999px; background: url(/euro/logicstudio/garageband-to-logic/images/list_numbers20090721.gif); }
.content .steps.step-1 { background-position: 0 0; }
.content .steps.step-2 { background-position: 0 -31px; }
.content .steps.step-3 { background-position: 0 -62px; }
.content .steps.step-4 { background-position: 0 -93px; }
.content .steps.step-5 { background-position: 0 -124px; }
.content .steps.step-6 { background-position: 0 -155px; }
.content .steps.step-7 { background-position: 0 -186px; }
.content .steps.step-8 { background-position: 0 -217px; }
.content .steps.step-9 { background-position: 0 -248px; }
.content .steps.step-10 { background-position: 0 -279px; }
.content .img-caption { float: left; font-size: 10px; color: #8d8d8d; text-align: center; }
.content .img-caption img { margin-bottom: -5px; }
.content .img-caption.flushleft p.caption { margin-left: 15px; }

.content .padding-top-10 { padding-top: 10px; }
.content .padding-top-20 { padding-top: 20px; }
.content .padding-top-30 { padding-top: 30px; }
.content .padding-top-40 { padding-top: 40px; }
.content .padding-top-50 { padding-top: 50px; }

.content .img-caption.amps-pedals { width: 135px; padding-top: 23px; }
.content .img-caption.amps-pedals img { margin-bottom: -14px; }
.content .img-caption.amps-stompboxes { width: 453px; margin-left: 13px; }
.content .img-caption.amps-stompboxes img { margin-bottom: -20px; }

.content .img-caption.synths-1 { width: 122px; margin-left: 78px; padding-top: 64px; }
.content .img-caption.synths-1 img { margin-bottom: -21px; }
.content .img-caption.synths-2 { width: 375px; margin-left: 26px; }
.content .img-caption.synths-2 img { margin-bottom: -16px; }

.content .img-caption.keyboards-1 { width: 144px; margin-left: 0px; padding-top: 18px; }
.content .img-caption.keyboards-1 img { margin-bottom: -20px; }
.content .img-caption.keyboards-2 { width: 420px; margin-left: 37px; }
.content .img-caption.keyboards-2 img { margin-bottom: -22px; }
.content .keyboards-garage { padding-top: 5px; }

.content .img-caption.drums-1, .content .img-caption.drums-2 { margin-top: 16px; }
.content .img-caption.drums-1 { width: 169px; margin-left: 64px; padding-top: 77px; }
.content .img-caption.drums-1 img { margin-bottom: -20px; }
.content .img-caption.drums-2 { width: 319px; margin-left: 20px; }
.content .img-caption.drums-2 img { margin-bottom: -20px; }

.content .reverb,
.content .takes,
.content .automation,
.content .mixing { overflow: visible !important; }
.content .img-caption.reverb-1 { width: 168px; margin: 24px 0 0 54px; padding-top: 46px; }
.content .img-caption.reverb-1 img { margin-bottom: -20px; }
.content .img-caption.reverb-2 { width: 371px;  margin: 24px -35px 0 21px !important; }
.content .img-caption.reverb-2 img { margin-bottom: -19px; }

.content .img-caption.delay-1, .content .img-caption.delay-2 { margin-top: 31px; }
.content .img-caption.delay-1 { width: 208px; margin-left: 0px; padding-top: 79px; }
.content .img-caption.delay-1 img { margin-bottom: -21px; }
.content .img-caption.delay-2 { width: 367px; margin-left: 25px; }
.content .img-caption.delay-2 img { margin-bottom: -18px; }

.content .img-caption.takes { margin-top: 4px; position: relative; }
.content .img-caption.takes p { position: absolute; top: 267px; }
.content .img-caption .takes-1 { width: 226px; left: 0; }
.content .img-caption .takes-2 { width: 406px; left: 245px; }

.content .img-caption.editing { width: 573px; height: 288px; float: right; margin: -3px -50px 0 0; background: url(/euro/logicstudio/garageband-to-logic/images/editing_20090721.jpg) no-repeat 0 0; }
.content .caption.editing-1 { padding-top: 89px; }
.content .caption.editing-2 { padding-top: 152px; }

.content .img-caption.automation { width: 651px; height: 330px; margin-top: -16px; background: url(/euro/logicstudio/garageband-to-logic/images/automation_20090721.jpg) no-repeat 0 0; }
.content .caption.automation-1 { padding-top: 97px; }
.content .caption.automation-2 { padding-top: 190px; }

.content .img-caption.mixing { padding-left: 110px; margin-top: -7px; }
.content .mixing p, .content .mixing img { float: left; text-align: center; }
.content p.mixing-1 { width: 121px; margin-top: -29px; padding-bottom: 29px; }
.content p.mixing-2 { width: 310px; margin-top: -14px;}

.content .how-to-switch { margin:36px -50px -32px; padding:18px 50px 14px; border-top:1px solid #d9d9d9; background:transparent url(/euro/logicstudio/garageband-to-logic/images/how_to_switch_bg20090721.gif) repeat-x scroll 0 0; }
.content .how-to-switch h2 { margin: 25px 0 30px; font-size: 22px; }
.content .how-to-switch img.right { margin-left: 0; }
.content .how-to-switch .grid2col { padding-bottom: 60px; }
.content .how-to-switch .backtotop { padding-bottom: 10px; }

.content .how-to-switch p { padding-bottom: 1em; margin-bottom: 0; }
.content .how-to-switch a.more { font-size:16px; }

.content .sosumi { margin: 40px 0 -10px; }
