body { background: #fffdf1 url(/img/firefox/personas/wrapper-bg.jpg) repeat-x top center; }
h1, h2, h3 { margin: 0; }
#wrapper { background-image: none; }
#doc { width: 968px; padding-top: 84px; }
#content { margin: 0; width: 968px; background: url(/img/firefox/personas/content-bg.png) repeat-y; }
#content h2 { overflow: hidden; text-indent: -99999px; background: url(/img/firefox/personas/titles.png) no-repeat; }
#content .rbox .header, #content .rbox .footer { height: 12px; overflow: hidden; background-repeat: repeat-y; }
#content .rbox .header { background-position: top center; }
#content .rbox .footer { background-position: top right; }
#content .rbox .content { overflow: hidden; }
#content .rbox .content-inner { margin: 0 5px; padding: 8px 15px; background-position: bottom left; background-repeat: repeat-x; }
#content-header { position: relative; height: 404px; background: url(/img/firefox/personas/content-header-bg.jpg); text-indent: -99999px; }
#content-header .main-button a { position: absolute; bottom: 32px; left: 36px; display: block; width: 340px; height: 80px; overflow: hidden; }
#content-header .main-button a:hover { background-position: bottom left; }
#button-gallery a { background: url(/img/firefox/personas/main-button-gallery.jpg); }
#button-download a { background: url(/img/firefox/personas/main-button-download.jpg); }
#content-header .promo-button a { position: absolute; z-index: 2; bottom: 36px; left: 388px; display: block; width: 264px; height: 72px; overflow: hidden; }
#content-header .promo-button a:hover { background-position: bottom left; }
#button-hatena a { background: url(/img/firefox/personas/promo-button-hatena.png); }
#personas-demo { position: absolute; top: 40px; right: 4px; width: 470px; height: 516px; }
#personas-demo div { position: absolute; }
#personas-demo-placeholder, #personas-demo-frame { top: 0; left: 0; width: 470px; height: 516px; }
#personas-demo-placeholder div { top: 15px; right: 0; width: 453px; height: 485px; }
#personas-demo-frame { background: url(/img/firefox/personas/demo-frame.png) no-repeat; }
#personas-demo.win #personas-demo-placeholder { background: url(/img/firefox/personas/demo-win-bg.jpg); }
#personas-demo.win #personas-demo-img, #personas-demo.win #personas-demo-img-1 { background: url(/img/firefox/personas/demo-win-1.png); }
#personas-demo.win #personas-demo-img-2 { background: url(/img/firefox/personas/demo-win-2.png); }
#personas-demo.win #personas-demo-img-3 { background: url(/img/firefox/personas/demo-win-3.png); }
#personas-demo.win #personas-demo-img-4 { background: url(/img/firefox/personas/demo-win-4.png); }
#personas-demo.win #personas-demo-img-5 { background: url(/img/firefox/personas/demo-win-5.png); }
#personas-demo.win #personas-demo-img-6 { background: url(/img/firefox/personas/demo-win-6.png); }
#personas-demo.win #personas-demo-img-7 { background: url(/img/firefox/personas/demo-win-7.png); }
#personas-demo.win #personas-demo-img-8 { background: url(/img/firefox/personas/demo-win-8.png); }
#personas-demo.win #personas-demo-img-9 { background: url(/img/firefox/personas/demo-win-9.png); }
#personas-demo.win #personas-demo-img-10 { background: url(/img/firefox/personas/demo-win-10.png); }
#personas-demo.win #personas-demo-img-11 { background: url(/img/firefox/personas/demo-win-11.png); }
#personas-demo.win #personas-demo-img-12 { background: url(/img/firefox/personas/demo-win-12.png); }
#personas-demo.mac #personas-demo-placeholder { background: url(/img/firefox/personas/demo-mac-bg.jpg); }
#personas-demo.mac #personas-demo-img, #personas-demo.mac #personas-demo-img-1 { background: url(/img/firefox/personas/demo-mac-1.png); }
#personas-demo.mac #personas-demo-img-2 { background: url(/img/firefox/personas/demo-mac-2.png); }
#personas-demo.mac #personas-demo-img-3 { background: url(/img/firefox/personas/demo-mac-3.png); }
#personas-demo.mac #personas-demo-img-4 { background: url(/img/firefox/personas/demo-mac-4.png); }
#personas-demo.mac #personas-demo-img-5 { background: url(/img/firefox/personas/demo-mac-5.png); }
#personas-demo.mac #personas-demo-img-6 { background: url(/img/firefox/personas/demo-mac-6.png); }
#personas-demo.mac #personas-demo-img-7 { background: url(/img/firefox/personas/demo-mac-7.png); }
#personas-demo.mac #personas-demo-img-8 { background: url(/img/firefox/personas/demo-mac-8.png); }
#personas-demo.mac #personas-demo-img-9 { background: url(/img/firefox/personas/demo-mac-9.png); }
#personas-demo.mac #personas-demo-img-10 { background: url(/img/firefox/personas/demo-mac-10.png); }
#personas-demo.mac #personas-demo-img-11 { background: url(/img/firefox/personas/demo-mac-11.png); }
#personas-demo.mac #personas-demo-img-12 { background: url(/img/firefox/personas/demo-mac-12.png); }
#content-primary { margin: 0 4px; padding: 36px 36px 32px 36px; overflow: hidden; background: url(/img/firefox/personas/content-primary-bg.png) repeat-x; }
#sec-features { position: relative; z-index: 1; padding: 4px; width: 544px; float: left; }
#sec-features div { overflow: hidden; margin-bottom: 24px; }
#sec-features h2 { height: 30px; }
#sec-features p { margin: 15px 0 0 0; padding-left: 168px; min-height: 120px; background-image: url(/img/firefox/personas/feature-icons.png); background-repeat: repeat-y; }
#sec-feature-2 h2 { background-position: 0 -32px; }
#sec-feature-2 p { padding: 0 168px 0 0; background-position: right -160px; }
#sec-feature-3 h2 { background-position: 0 -64px; }
#sec-feature-3 p { background-position: 0 -320px; }
#sec-feature-4 { margin-bottom: 0 !important; }
#sec-feature-4 h2 { background-position: 0 -96px; }
#sec-feature-4 p { padding: 0 168px 0 0; background-position: right -480px; }
#sec-howto .content, #sec-howto .header, #sec-howto .footer { background-image: url(/img/firefox/personas/howto-bg.png); }
#sec-howto, #sec-featured { position: relative; width: 304px; float: right; }
#sec-howto h2 { width: 150px; height: 18px; background-position: 0 -128px; }
#sec-howto .content-inner { min-height: 440px; background-image: url(/img/firefox/personas/howto-bg-center-gradient.png); }
#sec-howto ol { margin: 0; padding: 0; }
#sec-howto li { margin: 12px 0 0 0; padding: 0 0 0 20px; list-style-type: none; background: url(/img/firefox/personas/howto-list.png) no-repeat; }
#sec-howto li.i2 { background-position: -264px 0; }
#sec-howto li.i3 { background-position: -528px 0; }
#sec-howto li.i4 { background-position: -792px 0; }
#sec-howto li.i5 { background-position: -1056px 0; }
#sec-howto li.i6 { background-position: -1320px 0; }
#sec-howto li span.wearit { display: block; padding-bottom: 164px; background: url(/img/firefox/personas/howto-screenshot.png) bottom left no-repeat; }
#sec-featured { text-indent: -99999px; }
#sec-featured ul, #sec-featured li { margin: 0; padding: 0; left: 0; list-style-type: none; display: block; background: none; }
#sec-featured a { display: block; width: 304px; height: 88px; overflow: hidden; }
#sec-featured a:hover { background-position: 304px 0; }
#content-secondary { margin: 0 4px; padding: 0 36px 32px 36px; }
#sec-faq, #sec-faq .header, #sec-faq .footer { background-image: url(/img/firefox/personas/faq-bg.png); }
#sec-faq h2 { width: 150px; height: 18px; background-position: -150px -128px; }
#sec-faq .content * { margin: 0; }
#sec-faq .content-inner { min-height: 240px; background-image: url(/img/firefox/personas/faq-bg-center-gradient.png); }
#sec-faq dl { margin-bottom: 12px !important; }
#sec-faq dl.l1 { float: left; }
#sec-faq dl.l2 { float: right; }
#sec-faq dt, #sec-faq dd { width: 416px; }
#sec-faq dt { margin-top: 12px !important; }
#sec-faq p { clear: both; text-align: right; }
#content-footer { height: 8px; overflow: hidden; background: url(/img/firefox/personas/content-bg.png) top right; }
#footer { background-image: url(/img/firefox/personas/footer-bg.png); }
* html #content-primary, #content .rbox .content { height: 1%; }
* html #sec-features p { height: 120px; }
* html #sec-howto .content-inner { height: 440px; }
* html #sec-faq .content-inner { height: 240px; }
* html #sec-howto .header { background: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/firefox/personas/howto-bg-top.png') !important; }
* html #sec-howto .content { background: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/firefox/personas/howto-bg-center-solid.png',sizingMethod='scale') !important; }
* html #personas-demo-frame { background: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/firefox/personas/demo-frame.png') !important; }
* html #button-hatena a { cursor: pointer; background: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/firefox/personas/promo-button-hatena.png',sizingMethod='crop') !important; }