/* content */
#content { padding: 0 50px; width: 880px; }
#content .grid2col .column { width: 48%; }

#content .icon_title { padding-bottom: 0; margin-bottom: 0; line-height: 1em; }
#content p { font-size: 14px; }

#content .narrow { width: 570px; }
#content p.sosumi { color:#888; font-size: 11px !important; line-height: 15px; margin-bottom:0; }


/* images */
#content img.flushright { margin-right:-50px !important; position: relative; }
#content .flushleft { margin-left:-50px !important; position: relative; }
#content .across { margin-left: -50px; margin-right: -50px; }
#content img.center { margin: 0 auto; display: block; }
#content img.bottom0 { margin-bottom:0; }
.features #OverlayPanel .howtooverlay .figure { display: block !important; }


/* callouts */
#content .callout { background: #fafafa; border:1px solid #ebebeb; font-size: 12px; position: relative; margin-bottom:30px; padding:17px 20px 1px; line-height:1.4; }


/* Image-Swaps */
#content .image-swap-container { float: right; position: relative; }
#content .image-swap-container #image-swap .image-swap-content { position: absolute; }
#content .image-swap-container .image-swap-triggers { position: absolute; bottom: 5px; left: 50%; margin-left: -100px; }
#content .image-swap-container .image-swap-triggers li,
#content .image-swap-container .image-swap-triggers li .image-swap-trigger { line-height: 1.3em; float: left; display: block; width: 113px; text-align: center; margin: 0; }
#content .image-swap-container .image-swap-triggers li .image-swap-trigger { text-shadow: 0 1px 0 #fff; height: 36px; padding-top: 5px; background: url(/iphone/features/images/imagecontent-trigger-bg-20100607.png) no-repeat; _background-image: url(/iphone/features/images/imagecontent-trigger-bg-20100607.gif); text-decoration: none; }
#content .image-swap-container .image-swap-triggers li.last .image-swap-trigger { width: 112px; background-position: 100% 0; }
#content .image-swap-container .image-swap-triggers li .image-swap-trigger:hover { background-position: 0 -82px; }
#content .image-swap-container .image-swap-triggers li.last .image-swap-trigger:hover { background-position: 100% -82px; }
#content .image-swap-container .image-swap-triggers li .image-swap-trigger.active,
#content .image-swap-container .image-swap-triggers li .image-swap-trigger.active:hover { text-shadow: 0 1px 0 rgba(225,255,255,.75); color: #999; background-position: 0 -41px; }
#content .image-swap-container .image-swap-triggers li.last .image-swap-trigger.active,
#content .image-swap-container .image-swap-triggers li.last .image-swap-trigger.active:hover { background-position: 100% -41px; }


/* Features pages Common Styles
------------------------------------*/
.features #main { background: #fff url(/iphone/features/images/features-bg-top-20100607.gif) no-repeat; }
.features #content { background: url(/iphone/features/images/features-bg-bottom-20100607.gif) no-repeat 0 100%; 
						-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; }
.features .section { clear: both; }
.features .section h3 { font-size: 16px; font-weight: bold; }

.features #title { height: 89px; margin: 33px 0 16px; border-bottom: 1px solid #dfdfdf; }
.features #title h1 { padding-top: 8px; margin-bottom: -5px; line-height: 10px; }
.features #title .icon { margin: 0 14px 0 0; }
.features #title p.intro { font-size: 22px; }

.features #hero { clear: both; }
.features #hero p.intro { font-size: 16px; line-height: 23px; color: #333; }
.features #hero h2 { font-weight: bold; font-size: 20px; line-height: 22px; margin-bottom: 8px; }
.features #content #hero { padding-left: 60px; }

.features #watch-video { width: 175px; text-align: center; }
.features #watch-video a { position: relative; }
.features #watch-video img { padding: 5px; background-color: #fff; margin-bottom: 2px; }
.features #watch-video span.more { text-align: center; font-size: 16px; line-height: 18px; }
.features #watch-video span.more.tall { *background-position: 100% 85%; }
.features #watch-video span.play { position: absolute; top: 16px; left: 52px; height: 71px; width: 71px; background: url(/iphone/features/images/play-icon-20100607.png) no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); }

/* Features Nav */
#nav-bar-top { height: 44px; padding: 10px 20px 0; margin-bottom: -1px; background: url(/iphone/features/images/nav-bar-bg-20100607.gif) repeat-x 0 100%; }
#nav-bar-top a { font-size: 16px; text-shadow: #fff 0 1px 0; }
#nav-bar-top a.browse-top { float: right; padding: 5px 0 0 40px; height: 38px; width: 165px; background: url(/iphone/features/images/nav-browse-bg-20100607.png) no-repeat; _background: url(/iphone/features/images/nav-browse-bg-20100607.gif) no-repeat; overflow: hidden; }
#nav-bar-top a.browse-top:hover { color: #0073c3; background-position: 0 -43px; text-decoration: none; }
#nav-bar-top a.browse-top.active,
#nav-bar-top a.browse-top.active:hover { color: #333; background-position: 0 -86px; }
#nav-bar-top a.back-to-features { float: left; padding-top: 5px; padding-left: 13px; background: url(/iphone/features/images/nav-lessarrow-20100607.gif) no-repeat 0px 11px; }

#nav-bar-bottom { height: 91px; padding: 0 50px; border-top: 1px solid #dedede; background-color: #fff; }
#nav-bar-bottom a { font-size: 14px; text-shadow: #fff 0 1px 0; padding-top: 19px; width: 220px; }
#nav-bar-bottom a.next { float: right; }
#nav-bar-bottom a.next span { float: right; margin-top: 16px; padding-right: 10px; background: url(/global/elements/arrows/morearrow_med_08c.gif) no-repeat 100% 50%; }
#nav-bar-bottom a.previous { float: left; }
#nav-bar-bottom a.previous span { float: left; margin-top: 16px; padding-left: 10px; background: url(/iphone/features/images/lessarrow_med_08c.gif) no-repeat 0% 50%; }
#nav-bar-bottom a img.left { margin-right: 13px; margin-bottom: 0; }
#nav-bar-bottom a img.right { margin-left: 13px; margin-bottom: 0; }
#nav-bar-bottom a.browse-bottom { position: relative; font-size: 16px; display: block; margin: -1px auto 0; padding: 34px 0 0 40px; height: 29px; width: 165px; background: url(/iphone/features/images/nav-bottom-browse-bg-20100607.png) no-repeat; _background: url(/iphone/features/images/nav-bottom-browse-bg-20100607.gif) no-repeat; overflow: hidden; }
#nav-bar-bottom a.browse-bottom:hover { color: #0073c3; background-position: 0 -63px; text-decoration: none; }
#nav-bar-bottom a.browse-bottom.active,
#nav-bar-bottom a.browse-bottom.active:hover { color: #333; background-position: 0 -126px; }

#features-nav-top { background:#707070 url(/iphone/features/images/nav-grid-bg-20100607.gif) no-repeat 50% 0; }
#features-nav-bottom { background:#707070 url(/iphone/features/images/nav-grid-bottom-bg-20100607.gif) no-repeat 50% 0; }

#features-nav-top.mobile,
#features-nav-bottom.mobile { width: 940px; height: 331px; position: absolute; right: 20px; -webkit-border-radius: 4px; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4); -webkit-animation-iteration: 1; -webkit-animation-duration: 0.3s; -webkit-transform: scale3d(0,0,0); z-index: 101; }
#features-nav-top.mobile { top: 50px; }
#features-nav-bottom.mobile { bottom: 80px; }
#features-nav-top.mobile.open,
#features-nav-bottom.mobile.open { -webkit-animation-name: popover-in; -webkit-transform: scale3d(1,1,0); }
#features-nav-top.mobile.closed,
#features-nav-bottom.mobile.closed { -webkit-animation-name: popover-out; }
#features-nav-top.mobile.active,
#features-nav-bottom.mobile.active { -webkit-transform: none; }

#features-nav-top.mobile:before,
#features-nav-bottom.mobile:before { content: ' '; position: absolute; top: -9px; right: 92px; background: blue; display: block; width: 18px; height: 9px; background: url(/iphone/features/images/nav-browse-bg-20100607.png) no-repeat 50% 100%; }
#features-nav-bottom.mobile:before { top: auto; bottom: -9px; right: 461px; background-image: url(/iphone/features/images/nav-bottom-browse-bg-20100607.png); background-position: 50% -126px; }

@-webkit-keyframes popover-in {
	0% { -webkit-transform: scale3d(0,0,0); -webkit-timing-function: ease-in; opacity: 0; }
	80% { -webkit-transform: scale3d(1.05,1.05,0); -webkit-timing-function: ease-in; opacity: 1; }
	100% { -webkit-transform: scale3d(1,1,0); opacity: 1; }
}

@-webkit-keyframes popover-out {
	0% { -webkit-transform: scale3d(1,1,0); -webkit-timing-function: ease-in; opacity: 1; }
	100% { -webkit-transform: scale3d(1,1,0); opacity: 0; }
}

.features-nav { width: 980px; height: 331px; position: relative; }
.features-nav .clear { height: 22px; }
.features-nav .grid4col { width: 863px; padding: 12px 59px 0 58px; background: none !important; }
.features-nav.mobile .grid4col { padding: 12px 39px 0 38px; }
.features-nav .grid4col .column { width: 212px; margin-left: 5px; }
.features-nav .grid4col .column.last { _width: 212px !important; _float: right !important; }

.features-nav .grid4col li { height: 48px; width: 212px; clear: both; margin-bottom: 2px; *margin-bottom: -1px; }
.features-nav .grid4col li a { height: 31px; width: 198px; padding: 10px 0px 7px 14px; _behavior:url(/global/scripts/lib/iepngfix.htc); }
.features-nav .grid4col li a:hover { text-decoration: none; background:url(/iphone/features/images/nav-hover-bg-20100607.png) no-repeat; _background:url(/iphone/features/images/nav-hover-bg-20100607.gif) no-repeat; }

.features-nav .grid4col li a,
.features-nav .grid4col li span { display: block; font-size: 14px; color: #fff; text-shadow: #000 0 1px 2px; }
.features-nav .grid4col li span { padding-top: 4px; }
.features-nav .grid4col li.adjust span { padding-top: 13px; padding-left: 13px; color: #ccc; }
.features-nav .grid4col li a img.left { margin: 0 9px 0 0; }

.features-nav #fn-more,
.features-nav .adjust,
.features-nav #fn-ibooks,
.features-nav #fn-imovie { margin-top: 13px; } 

#retina #fn-retina a,
#camera #fn-camera a,
#safari #fn-safari a,
#messages #fn-messages a,
#appstore #fn-appstore a,
#more #fn-more a,
#facetime #fn-facetime a,
#video #fn-video a,
#ipod #fn-ipod a,
#maps #fn-maps a,
#itunes #fn-itunes a,
#multitasking #fn-multitasking a,
#phone #fn-phone a,
#photos #fn-photos,
#keyboard #fn-keyboard a,
#accessibility #fn-accessibility a,
#folders #fn-folders a,
#mail #fn-mail a,
#voicecontrol #fn-voicecontrol a,
#search #fn-search a,
#homescreen #fn-homescreen a,
#search #fn-ibooks a,
#homescreen #fn-imovie a { cursor: default; background:url(/iphone/features/images/nav-active-bg-20100607.png) no-repeat; }


/*--- image galleries ---*/
#main .image-gallery { position:relative; clear:both; display:inline-block; width:326px; margin:0px 0px 70px 0; *margin:0; background: url(/iphone/features/images/retina-gallery-bg-20100607.png) no-repeat; _background:none; }
#main .image-gallery h3 { font-weight:normal; }
#main .image-gallery ul li { width:68px; height:55px; float:left; margin-right:25px; position:relative; text-align: center; }
#main .image-gallery ul li.last { margin-right: 0 !important; }
#main .image-gallery ul li.last span { _text-align:left !important; _margin-left:18px; }
#main .image-gallery ul li a { display:block; text-decoration:none; cursor:pointer; }
#main .image-gallery ul li a:hover { text-decoration:none; }
#main .image-gallery ul li a span { position:absolute; top:62px; left:0; font-size:16px; line-height:13px; color:#333; text-decoration:none; width:100%; }
#main .image-gallery ul li a:hover span { color:#0088cc; }
#main .image-gallery ul li a img { position:absolute; top:0; left:0; z-index:0; }
#main .image-gallery ul li a div { width:68px; height:55px; position:absolute; top:0; left:0; z-index:1; background:url(/iphone/features/images/image_thumbnail_mask_20100607.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/iphone/features/images/image_thumbnail_mask_ie_20100607.png",sizingMethod="image"); }
#main .image-gallery ul li a.active div { background-position: 0 -55px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/iphone/features/images/image_thumbnail_mask_ie_active_20100607.png",sizingMethod="image"); }
#main .image-gallery ul li a.active { cursor:default; }
#main .image-gallery ul li a.active span { color:#888; }
#main .image-gallery .imagecontent { height:679px; }
#main .image-gallery .imagecontent .screen { margin: 114px 0 0px -30px; }
#main .image-gallery .imagecontent .swapview-content { position: absolute; }


/* videos */
#video-swap { position: relative; }
#video-swap .video-swap { position: absolute; *overflow: hidden; }
#video-swap .video-swap .close { padding-left: 18px; background: url(/global/elements/buttons/close.png) no-repeat; height: 16px; line-height: 16px; position: absolute; top: 4px; left: 10px; font-size: 12px; color: #656565; z-index: 100; }
#video-swap .video-swap .close:hover { background-position: 0 -50px; color: #08f; text-decoration: none; }
#video-swap .video-swap .endState { width: 848px; height: 260px; padding-top: 200px; }
#video-swap .video-swap .moviePanel { width: 848px; height: 480px; margin-top: 35px; margin-left: 63px; z-index: 1; }

body.loading #facetime-video,
body.loading #retina-video,
body.loading #multitasking-video { display: none; }


/* overview page */
#features .caption { font-size: 12px; line-height: 15px; color: #999; }
#features .intro { padding: 0 0 35px; margin: 15px 0 26px; position: relative; background: url(/iphone/images/features-keyline-20100607.gif) 0 100% repeat-x; }
#features .intro h1 { margin-bottom: 0; }
#features .intro h2 { margin: -10px 265px 0 0; font-size: 18px; line-height: 22px; color: #333; }
#features #watch-video { position: absolute; top: 0; right: 18px; }

#features #video-swap { height: 235px; margin: 0 -20px; }
#features #video-swap .video-swap { width: 870px; }
#features #video-swap .video-swap .moviePanel { margin-left: 10px; margin-top: 25px; }
#features #video-swap .video-swap .endState { background-image:url(/iphone/overview-watch-posterframe.jpg); }

#features #content { padding: 33px 75px 0; width: 830px; }
#features #content img.flushright { margin-right:-75px !important; }
#features #content .flushleft { margin-left:-75px !important; }
#features #content .across { margin-left: -75px; margin-right: -75px; }

#features .feature { font-size: 14px; clear: both; zoom: 1; }
#features .feature:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#features #iphone-facetime { margin: 0; }
#features #iphone-facetime img.flushleft { margin-bottom: -25px; _position:relative; _z-index:2; }
#features #iphone-facetime h3,
#features #iphone-facetime p { margin-left: 437px; }
#features #iphone-facetime h3 { padding-top: 45px; }
#features #iphone-facetime .callout { width: 351px; padding: 15px 20px 0; margin-top: 5px; float: right; -webkit-border-radius: 0; -moz-border-radius: 0; border: none; background: url(/iphone/features/images/overview-facetime-callout-bg-20100607.gif) repeat-y; }
#features #iphone-facetime .callout .cap { position: absolute; left: 0; width: 391px; height: 6px; font-size: 0; }
#features #iphone-facetime .callout .cap.top { top: 0; background: url(/iphone/features/images/overview-facetime-callout-bg-top-20100607.gif) no-repeat; }
#features #iphone-facetime .callout .cap.bottom { bottom: 0; _bottom: -1px; background: url(/iphone/features/images/overview-facetime-callout-bg-bottom-20100607.gif) no-repeat; }
#features #iphone-facetime .callout h4 { font-size: 14px; line-height: 16px; margin-bottom: 8px; margin-top: 6px; }
#features #iphone-facetime .callout p { margin: 0 174px 18px 0; line-height: 16px; font-size: 12px; position: relative; }
#features #iphone-facetime .callout img.iphone { margin: 19px -19px 0 0; position: relative; z-index: 10; }
#features #iphone-facetime .callout img.switch { margin: 8px 30px 0 0; }

#features #iphone-retina { _position:relative; _z-index:3; }
#features #iphone-retina h3,
#features #iphone-retina p { margin-right: 447px; _position:relative; _z-index:3; }
#features #iphone-retina h3 { margin-top: 20px; }
#features #iphone-retina img.right { margin-right:-20px; margin-top:-35px; _position:relative; _z-index:3; }
          
#features #iphone-multitasking { margin: 0 0 0; }
#features #iphone-multitasking h3,
#features #iphone-multitasking p { margin-left: 392px; }
#features #iphone-multitasking h3 { padding-top: 115px; }
#features #iphone-multitasking img.flushleft { margin-top: -50px; _position:relative; }
          
#features #iphone-hd { position: relative; }
#features #iphone-hd p { width: 310px; }
#features #iphone-hd p.caption { width: 130px; position: absolute; }
#features #iphone-hd #always-with-you { top: -3px; right: -49px; }
#features #iphone-hd #polished { top: 345px; right: 264px; text-align: right; }
#features #iphone-hd h3 { padding-top: 60px; }
#features #iphone-hd img.flushright { margin-top: -41px; }

#features #iphone-camera { margin: 40px 0 71px; border-bottom: 1px solid #e4e4e4; }
#features #iphone-camera img.left { margin: -64px 0 24px -27px; _position:relative; }
#features #iphone-camera h3,
#features #iphone-camera p { margin-left: 392px; }
#features #iphone-camera h3 { padding-top: 112px; }

#features #nav-bar-bottom { *padding-left: 270px; }

/* overview all other features */
#features #content .grid4col { clear: both; background: url(/iphone/features/images/overview-features-other-bg-20100607.png) repeat-x 0 239px; margin-bottom: 10px; }
#features #content .grid4col .column { width: 190px; }
#features #content .grid4col .column img { margin: 0 0 18px 18px; }
#features #content .grid4col .column img.left { margin: 0 9px 5px 0; }
#features #content .grid4col .column h3 { font-weight: bold; padding-top: 12px; }
#features #content .grid4col .column h3.tall { padding-top: 0; }
#features #content .grid4col .column p { clear: both; color: #252525; font-size: 1.2em; }
#features #content .grid4col #feature-more img { margin: 0 -16px 18px -2px; }
#features #content .grid4col #feature-more img.left { margin: 0 9px 5px 0; } /* resets icon image position */
#features #content .grid4col #feature-imovie img.left { margin: 0 9px 5px 0; } /* resets icon image position */
#features #content .grid4col.short { width: 415px; }
#features #content .grid4col.short .column { margin-left: 24px; }