#main .features .intro { font-size: 14px; }
#main #hero { float: left; }
#main #hero .intro { font-size: 16px; line-height: 1.4; }
#main #feature { float: right; padding-top: 55px; position: relative; width: 633px; z-index: 1; }
#main #feature h1 { margin-bottom: 0.5em; position: relative; z-index: 2; }
#main #feature .flushright { margin-right: -50px; margin-bottom: 15px; }
.features #main.stripe { padding-right: 0; width: 980px; }
.features #main h2 { font-size: 16px; font-weight: bold; }
.features #main #feature { padding: 55px 0 0; position: relative; width: 773px; *margin-right: -3px; }
.features #main .section { position: relative; font-size: 14px; line-height: 21px; padding-left: 70px; padding-right: 70px; width: 633px; }
.features img.updated { position: absolute; left: 0px; top: 32px; }


.features #main .section p.rightmore { position: relative; font-size: 14px; padding-left: 335px; padding-right: 70px; width: 633px; }
.features #main .section a.more { white-space: nowrap; padding-right: 10px; padding-bottom: 1px; background: url(/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; zoom: 1; }


/* -- cta callout -- */
#main .cta { width: 335px; padding: 16px 16px 8px 16px; position: relative; background-color: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f6f6f6)); background: -moz-linear-gradient(0, #fff, #f6f6f6); z-index: 3; border-bottom: 1px solid #fff; *border-bottom: 1px solid #dbdbdb; *background-color: #f9f9f9; }
#main .cta p { font-size: 11px; line-height: 16px; }
#main .cta img.left { margin-right: 15px; }
#main .cta_left  { float: left; margin-right: 20px; }
#main .cta_right { float: right; margin-left: 20px; }


/* -- new gallery -- */
#main .gallery .gallery_swap { height: 510px; position: absolute; top: 0; left: 0; width: 773px; }
#main .gallery { height: 510px; margin: 0 -70px; position: relative; left: 0; width: 773px; }
#main .gallery img { position: absolute; left: 0; top: 0; }
#main .gallery .caption { color: #333; font-size: 11px; margin-bottom: 0; position: absolute; bottom: 16px; left: 0; right: 0; text-align: center; width: 773px; }
#main .gallery_nav { height: 44px; margin: 0 auto 24px; position: relative; width: 305px; z-index: 2; *width: 325px; }
#main .gallery_nav .nav_item { display: inline-block; margin-right: 20px; width: 64px; float: left; }
#main .gallery_nav .nav_item:last-child { margin-right: 0; }
#main .gallery_nav .nav_item .gallery_trigger { background-position: 0 0; background-repeat: no-repeat; display: block; height: 44px; outline: none; text-indent: -9999px; text-align: left; width: 64px; float: left; }
#main .gallery_nav .gallery_trigger.active { top: -2px; position: relative; _background-position-y: -88px !important; cursor: default; }
#main .gallery_nav .gallery_trigger.active:hover { _background-position-y: -88px !important; }
#main .gallery_nav .gallery_trigger:hover { _background-position-y: -43px; }
#main .gallery_nav .gallery_trigger.thumb-1			{ background-position: 0 0; }
#main .gallery_nav .gallery_trigger.thumb-1:hover	{ background-position: 0 -43px; }
#main .gallery_nav .gallery_trigger.thumb-1.active	{ background-position: 0 -88px; }
#main .gallery_nav .gallery_trigger.thumb-2			{ background-position: -64px 0; _background-position-x: -64px !important; }
#main .gallery_nav .gallery_trigger.thumb-2:hover	{ background-position: -64px -43px; }
#main .gallery_nav .gallery_trigger.thumb-2.active	{ background-position: -64px -88px; }
#main .gallery_nav .gallery_trigger.thumb-3			{ background-position: -128px 0; _background-position-x: -128px !important; }
#main .gallery_nav .gallery_trigger.thumb-3:hover	{ background-position: -128px -43px; }
#main .gallery_nav .gallery_trigger.thumb-3.active	{ background-position: -128px -88px; }
#main .gallery_nav .gallery_trigger.thumb-4			{ background-position: -192px 0; _background-position-x: -192px !important; }
#main .gallery_nav .gallery_trigger.thumb-4:hover	{ background-position: -192px -43px; }
#main .gallery_nav .gallery_trigger.thumb-4.active	{ background-position: -192px -88px; }
#main .gallery_nav .gallery_trigger.thumb-5			{ background-position: -256px 0; _background-position-x: -256px !important; }
#main .gallery_nav .gallery_trigger.thumb-5:hover	{ background-position: -256px -43px; }
#main .gallery_nav .gallery_trigger.thumb-5.active	{ background-position: -256px -88px; }
#main .gallery_nav .gallery_trigger.thumb-6			{ background-position: -320px 0; _background-position-x: -320px !important; }
#main .gallery_nav .gallery_trigger.thumb-6:hover	{ background-position: -320px -43px; }
#main .gallery_nav .gallery_trigger.thumb-6.active	{ background-position: -320px -88px; }
#main .gallery_nav .gallery_trigger.thumb-7			{ background-position: -384px 0; _background-position-x: -384px !important; }
#main .gallery_nav .gallery_trigger.thumb-7:hover	{ background-position: -384px -43px; }
#main .gallery_nav .gallery_trigger.thumb-7.active	{ background-position: -384px -88px; }


/*---- mail, contacts, calendar ----*/
#mcc #main h1 { float: left; margin-top: 12px; margin-bottom: 12px; width: 301px; margin-right: -9px; }
#mcc #hero { margin-bottom: 2em; width: 100%; }
#mcc #hero_image { margin-right: -20px; margin-left: -10px; position: relative; }
#mcc #hero .intro { float: left; margin-bottom: 0; position: relative; width: 293px; z-index: 2; }
#mcc #main #feature { padding-right: 70px; width: 633px; }
#mcc #main .section { border-top: 1px solid #d1d1d1; clear: both; font-size: 14px; margin-top: 36px; padding: 16px 0 6px; }

#mcc #main .gallery_swap { height: 424px; }
#mcc #main .gallery { height: 424px; *left: 0; }
#mcc #main .gallery .caption { bottom: 1.8em; }
#mcc #main .gallery_nav { margin-bottom: 2.2em; width: 400px; *width: 420px; *padding-left: 20px; _padding-left: 32px; }

#mcc #mail .gallery_trigger { background-image: url(/ca/fr/mobileme/features/images/mcc_mail_thumbs_20100622.jpg); }

#mcc #contacts .gallery_trigger { background-image: url(/ca/fr/mobileme/features/images/mcc_contacts_thumbs_20100622.jpg); }

#mcc #calendar img.updated { left: 208px; }
#mcc #calendar .gallery_trigger { background-image: url(/ca/fr/mobileme/features/images/mcc_calendar_thumbs_20101001.jpg); }

#mcc #desktop { padding-top: 54px; }

/*---- find my iphone ----*/
#findmyiphone #main h1 { font-size: 0; margin-bottom: 7px; text-align: center; }
#findmyiphone .intro { font-size: 16px; line-height: 1.4; margin: 0 auto 1.5em; position: relative; text-align: center; width: 633px; }
#findmyiphone #fmip-callout { text-align: center; margin-bottom: 36px;}
#findmyiphone #fmip-callout span { display: block;  width: 510px; margin: 0 auto; font-size: 14px; padding: 10px 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }

#findmyiphone .section { font-size: 14px; padding-bottom: 2em; }
#findmyiphone h2, #findmyiphone p { position: relative; z-index: 2; }
#findmyiphone #app { padding-bottom: 0; }
#findmyiphone #locate_image,
#findmyiphone #message_image,
#findmyiphone #app_image { margin-bottom: -1.5em; }
#findmyiphone #locate_image,
#findmyiphone #message_image { position: relative; z-index: 1; }
#findmyiphone #wipe_image { margin-bottom: 20px; }
#findmyiphone #display_message_image { margin-top: 12px; }

#findmyiphone .overlaypanel #MASKED-quicktour { width: 791px; height: 534px; }
#findmyiphone .cta { width: 326px; }


/*---- gallery ----*/
#gallery #main h1 { font-size: 0; margin-bottom: 7px; text-align: center; }
#gallery #main #feature { _margin-right: -68px; }
#gallery .intro { font-size: 16px; line-height: 1.4; margin: 0 auto 1.5em; position: relative; text-align: center; width: 690px; }
#gallery .section { padding-top: 2em; padding-bottom: 2em; }
#gallery .gallery,
#gallery .gallery .gallery_swap { height: 520px; }
#gallery .gallery_nav { *padding-left: 20px; _padding-left: 32px; }

#gallery #web .gallery_nav { width: 328px; *width: 348px; }
#gallery #albums .gallery_nav { width: 152px; *width: 172px; }
#gallery #sample_gallery { text-align: center; }

#gallery #web .gallery_trigger { background-image: url(/ca/mobileme/features/images/gallery_web_thumbs_20100622.jpg); }
#gallery #albums .gallery_trigger { background-image: url(/ca/mobileme/features/images/gallery_albums_thumbs_20100622.jpg); }

#gallery #app_image { margin-left: -3px; position: relative; _margin-right: -2px; }
#gallery #app { padding-bottom: 0; padding-top: 0; }
#gallery #app .cta { *margin-right: -3px; }

#gallery #callouts_right { float: right; width: 391px; }
#gallery #callout-galleryapp { float: right; margin: 10px 0 1.5em 25px; width: 326px; }
#gallery .overlaypanel #MASKED-gallery-app { height: 360px; padding: 30px; width: 640px; }

/*---- me.com ----*/
#medotcom #main h1 { font-size: 0; margin: 0 auto 7px; position: relative; text-align: center; }
#medotcom #feature { _margin-right: -4px; }
#medotcom .intro { margin: 0 auto 1.5em; position: relative; text-align: center; width: 673px; }
#medotcom .intro { font-size: 16px; line-height: 1.4; }
#medotcom .section { clear: both; padding-bottom: 2em; }
#medotcom .gallery,
#medotcom .gallery .gallery_swap { height: 531px; }
#medotcom .gallery_nav { *padding-left: 20px; _padding-left: 32px; }

#medotcom #web .gallery_nav { width: 592px; *width: 612px; }
#medotcom #web .gallery_trigger { background-image: url(/ca/mobileme/features/images/mdc_web_thumbs_20101001.jpg);  }

#medotcom #webmail .gallery_nav { width: 240px; *width: 260px; }
#medotcom #webmail .gallery_trigger { background-image: url(/ca/mobileme/features/images/mdc_webmail_thumbs_20100622.jpg);  }

#medotcom #mecal .gallery_nav { width: 485px; *width: 505px; }
#medotcom #mecal .gallery_trigger { background-image: url(/ca/fr/mobileme/features/images/mdc_mecal_thumbs_20101001.jpg);  }

#medotcom #webapps { padding-bottom: 0; }
#medotcom #callout-mdc,
#medotcom #callout-webmail { float: right; margin: 10px 0 0.6em 30px; width: 326px; }
.overlaypanel #MASKED-mdc-video,
.overlaypanel #MASKED-webmail-video { height: 400px; padding: 30px; width: 640px; }


/*---- idisk ----*/
#idisk #main h1 { font-size: 0; margin: 0 0 7px; position: relative; text-align: center; }
#idisk .intro { font-size: 16px; line-height: 1.4; margin: 0 auto 3em; position: relative; text-align: center; width: 673px; *width: 685px; }
#idisk .section { clear: both; padding-bottom: 2em; }
#idisk #share { padding-bottom: 0; }
#idisk .gallery,
#idisk .gallery .gallery_swap { height: 516px; }
#idisk .gallery_nav { width: 232px; *width: 252px; *padding-left: 20px; _padding-left: 32px; }

#idisk #disk .gallery_trigger { background-image: url(/ca/fr/mobileme/features/images/idisk_idisk_thumbs_20100622.jpg); }
#idisk #disk .cta { margin-left: 0; *margin-right: -3px; }
#idisk #disk p.adjust { width: 240px; _width: 235px; }

#idisk #share .gallery_trigger { background-image: url(/ca/fr/mobileme/features/images/idisk_share_thumbs_20100622.jpg); }

#idisk #callout-idisk { float: right; margin: 10px 0 18px; width: 326px; }
#idisk #callouts_right { float: right; width: 391px; }
#idisk .overlaypanel #MASKED-idisk-app { height: 400px; padding: 30px; width: 640px; }
body#idisk .cta { margin-bottom: 4em; }

/* devices */
.devices #main .intro { width:500px; margin-bottom:57px; }


/*---- iphone ----*/
#iphone #main.stripe { padding-right: 70px; width: 910px; }
#iphone #main #feature { width: 636px; }
#iphone #main h1 { font-size: 0; margin-bottom: 8px; text-align: center; }
#iphone #main .intro { font-size: 16px; line-height: 1.4; margin: 0 -20px 57px; position: relative; text-align: center; width: 650px; }
#iphone #main h2 { position: relative; z-index: 2; }
#iphone #feature .grid2col { padding-bottom: 18px; }
#iphone #feature .grid2col .column { font-size: 14px; width: 300px; }

#iphone .icon { margin-top: 36px; padding-left: 74px; position: relative; }
#iphone .icon.long { font-size: 12px; line-height: 14px; padding-left: 130px; }
#iphone .icon.medium { padding-left: 80px; }
#iphone .icon, 
#iphone .icon.long, 
#iphone .icon.medium { *padding-left: 0; }
#iphone .icon a.more { *padding-left: 74px; }
#iphone .icon.long a.more { *padding-left: 130px; }
#iphone .icon.medium a.more { *padding-left: 80px; }
#iphone .icon a.more img, 
#iphone .icon.long a.more img, 
#iphone .icon.medium a.more img { *position: absolute !important; }
#iphone .icon img { position: absolute; top: -7px; left: 0; *margin: 0; }

#iphone #main .hero_image { margin-bottom: -16px; position: relative; z-index: 0; }
#iphone #main h3 { position: relative; z-index: 1; }
#iphone #main .clearer { padding-bottom: 36px; }
#iphone #title-iphone-wipe,
#iphone #title-access-idisk { margin-top: -3px; margin-right: -10px; }
#iphone a.more.wrap { white-space: normal; *text-align: left; *white-space: nowrap; *background-position: 100% 85%; }

#iphone #gallery-app .callout { position: relative; z-index: 2; }

#iphone .overlaypanel #MASKED-idisk-app,
#iphone .overlaypanel #MASKED-gallery-app-overlay { width: 791px; height: 480px; padding-bottom: 5px; top: 0; position: absolute; }
#iphone .overlaypanel #MASKED-idisk-app h2,
#iphone .overlaypanel #MASKED-gallery-app-overlay h2 { position: absolute; top: 25px; left: 75px; }
#iphone .overlaypanel #MASKED-idisk-app .moviePanel,
#iphone .overlaypanel #MASKED-gallery-app-overlay .moviePanel { position: absolute; top: 30px; }

#iphone #gallery-app,
#iphone #idisk { position: relative; padding-bottom: 140px; }
#iphone .cta_fmip { margin-bottom: 30px; width: 266px; }
#iphone .cta_gallery,
#iphone .cta_idisk { position: absolute; bottom: 0; width: 266px; }


/*---- iPad ----*/
#ipad #main .section { clear: both; }
#ipad #main h1 { font-size: 0; margin-bottom: 7px; text-align: center; }
#ipad #main .intro { font-size: 16px; line-height: 1.4; margin-right: auto; margin-left: auto; text-align: center; width: 633px; }
#ipad #main #feature { _margin-right: -40px; }
#ipad #main #feature .column { margin-bottom: 0; }
#ipad #main .left,
#ipad #main .right { margin: 0; }
#ipad #apps .across { margin: 0 0 -20px -40px; position: relative; z-index: 0; }
#ipad #apps h2, #ipad #apps p { position: relative; z-index: 1; }
#ipad #apps .column { width: 48%; }
#ipad #bookmarks h2 { padding-top: 170px; }
#ipad #bookmarks { margin-bottom: -6px; position: relative; }
#ipad #bookmarks .left { margin-right: 21px; }
#ipad #find { padding-top: 2em; margin-bottom: 55px; }
#ipad #find .right { margin-left: 27px; margin-top: -2em; position: relative; }
#ipad #gallery { width: 650px; padding-right: 53px; }
#ipad #gallery img.left { margin-right: 32px; margin-bottom: 50px; }
#ipad #idisk img.right { margin:0 -28px 80px 42px; }

#ipad .cta { width: 265px; padding: 16px 16px 0 20px; margin: 0 -16px 0px 0; }
#ipad .cta p { margin-bottom: 14px; }
#ipad .cta img.left { margin: 0 14px 0 0 !important; }


/*---- mac ----*/
#mac #main .clearer.first { padding: 22px 0 0; }
#mac #main h1 { font-size: 0; margin-bottom: 7px; text-align: center; }
#mac #feature .intro { margin: 0 auto 57px; text-align: center; width: 633px; }
#mac #main .section { float: left; padding-bottom: 2em; width: 633px; }
#mac #main #sync,
#mac #main #idisk,
#mac #main #remote { padding-bottom: 3em; }

#mac #sync h2 { padding-top: 2.5em; }
#mac #publish h2 { padding-top: 1.5em; }
#mac #idisk h2,
#mac #idisk p { width: 290px; }
#mac #chat h2,
#mac #chat p { width: auto; }
#mac .flush_left { float: left; margin-left: -72px; margin-right: 40px; position: relative; }
#mac .flush_right { float: right; margin-right: -70px; margin-left: 40px; position: relative; }
#mac #idisk .flush_right { margin-top: 80px; }
#mac #share .flush_right { margin-top: 20px; }

p.sosumi {clear:both; margin:0 auto; padding:12px 20px 0; width:940px;}

/*---- pc ----*/
#pc #main h1 { font-size: 0; margin-bottom: 7px; text-align: center; }
#pc #feature .intro { margin: 0 auto 57px; text-align: center; width: 633px; }
#pc #main .grid2col .column { padding-bottom: 1.5em; width: 297px; }
#pc #hero_image { margin-left: -70px; position: relative; }
#pc #control_panel h2 { padding-top: 1.75em; }
#pc #main img.left { margin-right: 40px; }