#main { background:none; margin-top: -15px; }
#main,
#globalfooter { -webkit-text-stroke: 1px transparent; } /* fixes Safari text rendering choppiness after slideshow animation */
@media only screen and (max-device-width: 480px) { 
	#main,
	#globalfooter { -webkit-text-stroke: 0 #000; } /* Change to default for iPhone */
}

/* hero
------------------------*/
#overview .gallery { position: relative; margin: 0 auto; padding: 0 !important; width: 980px; overflow: hidden; background: url(/iphone/home/images/overview_bg_20100607.jpg) no-repeat 0 15px; }
#overview .gallery #herocontent { width: 980px; height: 580px; position: relative; margin-top: 15px; }

#overview .gallery .hero1 { background: url(/iphone/home/images/overview_hero1_bg_20100607.jpg) no-repeat 0 0; }
#overview .gallery .hero1,
#overview .gallery .hero2,
#overview .gallery .hero3,
#overview .gallery .hero4,
#overview .gallery .hero5 { position: absolute; top:0; left:0; width: 980px; height: 580px; }

#overview .loading .gallery #herocontent .hero2,
#overview .loading .gallery #herocontent .hero3,
#overview .loading .gallery #herocontent .hero4,
#overview .loading .gallery #herocontent .hero5 { display: none; }

#overview .gallery h1 { text-indent: -100em; }

#overview .gallery #herogallery { position: absolute; top: 0; left: 0; padding: 0; height: 580px; width: 980px; margin-top: 15px; -webkit-transition: .4s -webkit-transform linear; }
#overview .gallery #herogallery.dragging { -webkit-transition: none; }
#overview .gallery #herogallery.resetting {  }
#overview .gallery #herogallery .heroimage { width: 980px; height: 580px; position: absolute; top: 0; left: 2px; }
#overview .gallery #herogallery .heroimage img.across,
#overview .gallery #herogallery .heroimage img.title { position: absolute; top: 0; margin: 0; }

#overview .gallery #herogallery #heroimage1 { left: 0px; }
#overview .gallery #herogallery #heroimage2 { left: 1721px; }
#overview .gallery #herogallery #heroimage3 { left: 2849px; }
#overview .gallery #herogallery #heroimage4 { left: 3915px; }
#overview .gallery #herogallery #heroimage5 { left: 5229px; }

#overview .gallery #herogallery #heroimage1 img.across { left: 0; top: 255px; }
#overview .gallery #herogallery #heroimage2 img.across { left: 379px; top: 0; }
#overview .gallery #herogallery #heroimage3 img.across { left: 21px; margin-top: -15px; }
#overview .gallery #herogallery #heroimage4 img.across { left: -100px; top: 0; }
#overview .gallery #herogallery #heroimage5 img.across { left: -104px; top: 23px; }
@media only screen and (max-device-width: 480px) { 
	#overview .gallery #herogallery #heroimage2 img.across,
	#overview .gallery #herogallery #heroimage4 img.across { top: 2px; }
}

#overview .gallery #herogallery #heroimage1 img.title { left: 314px; top: 39px; }
#overview .gallery #herogallery #heroimage2 img.title { top: 158px; left: 57px; }
#overview .gallery #herogallery #heroimage3 img.title { top: 201px; right: -2px; }
#overview .gallery #herogallery #heroimage4 img.title { top: 203px; right: 70px; }
#overview .gallery #herogallery #heroimage5 img.title { top: 205px; right: 83px; }

/* Top Left Cap - Fix for Gallery Image 4 */
#overview .gallery #herogallery div.top-left-rounded-cap { position:absolute; margin-top:-2px; left:3913px; width:6px; height:6px; background:url(/iphone/home/images/top-left-round-corner-20100607.gif) no-repeat; }

/* gallery triggers */
.gallery #gallery-triggers { position:absolute; bottom: 0; left: 0; width: 980px; height:42px; overflow:hidden; }

.gallery #gallery-triggers ul#dots li,
.gallery #gallery-triggers ul#dots li a { display:-moz-inline-stack; display:inline-block; *display:inline; }

.gallery #gallery-triggers ul#dots { width: 93px; position: absolute; top: 10px; left: 446px; }
.gallery #gallery-triggers ul#dots li a { margin-right: 7px; width:13px; height:13px; _overflow: hidden; outline:none; cursor:pointer; background:url(/iphone/home/images/hero-nav-20100607.png) no-repeat 0 -13px; _background-image:url(/iphone/home/images/hero-nav-20100607.gif); zoom:1; }
.gallery #gallery-triggers ul#dots li.last a { margin-right: 0; }
.gallery #gallery-triggers ul#dots li a:hover { background-position: 0 0; -moz-opacity:.8; filter:alpha(opacity=80); opacity:.80; }
.gallery #gallery-triggers ul#dots li a.active { cursor:default; background-position: 0 0 !important;  -moz-opacity:1 !important; filter:alpha(opacity=100) !important; opacity:1 !important; }

.gallery #gallery-triggers ul#nextprev { width: 950px; height: 42px; zoom: 1; position: absolute; top: 0; left: 15px; }
.gallery #gallery-triggers ul#nextprev:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gallery #gallery-triggers ul#nextprev li { width: 21px; height: 21px; margin-top: 10px; }
.gallery #gallery-triggers ul#nextprev li.prev { float: left; }
.gallery #gallery-triggers ul#nextprev li.next { float: right; }
.gallery #gallery-triggers ul#nextprev li a { width: 21px; height: 21px; display: block; -moz-opacity:0; filter:alpha(opacity=0); _filter:alpha(opacity=100); opacity:0; -webkit-transition: opacity 0.5s linear; background: url(/iphone/home/images/nav-next-prev-20100607.png) no-repeat; _background-image:url(/iphone/home/images/nav-next-prev-20100607.gif); }
.gallery #gallery-triggers:hover ul#nextprev li a { -moz-opacity:1; filter:alpha(opacity=100); opacity:1; }
.gallery #gallery-triggers ul#nextprev li.prev a {  }
.gallery #gallery-triggers ul#nextprev li.prev a:hover { background-position: 0 100%; }
.gallery #gallery-triggers ul#nextprev li.next a { background-position: 100% 0; }
.gallery #gallery-triggers ul#nextprev li.next a:hover { background-position: 100% 100%; }


/* videos
------------------------*/
#main #video-thumbs { position: relative; height: 38px; margin-bottom: 15px; padding-top: 11px; background: url(/iphone/home/images/video-bg-20100611.gif) repeat-x 0 0; -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-color: #fff; *border: 1px solid #dadada; *border-width: 0 1px 1px 1px; }
#main #video-thumbs ul { margin-left: 310px; width: 480px; font-size: 11px; line-height: 13px; }
#main #video-thumbs ul li { width: 135px; float: left; text-align: right; margin-right: 36px; }
#main #video-thumbs ul li.last { margin-right: 0 }
#main #video-thumbs ul li a { color: #666; }
#main #video-thumbs ul li a:hover { color: #08c; text-decoration: none; }
#main #video-thumbs ul li a.active { color: #000; cursor: default; }
#main #video-thumbs ul li img.right { position: relative; margin: -1px 0 0 2px; }
#main #hero .media,
#main #hero .moviePanel,
#main #hero .endState { height: 480px; width: 848px; }
#main #hero .media { position: relative; margin:15px auto 0; padding: 40px 0 60px; *padding: 55px 0 45px; }
#main #hero a.close { position: absolute; display: block; left: 66px; top: 28px; padding-left: 16px; text-transform: lowercase; text-decoration: none; color: #888; z-index: 1; background: url(/global/elements/buttons/close.png) no-repeat 0 0; _background: url(/iphone/home/images/close-20100611.gif) no-repeat 0 0; }
#main #hero a.close:hover { color: #08c; background-position: 0 -50px; }
#main #hero .moviePanel.movie-loading-panel_848x480 { *background-position: -480px 0px !important; }

/* content, routing
------------------------*/
#overview #featurettes { padding: 0; width: 980px; zoom: 1; clear: both; }
#overview #featurettes:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#overview #featurettes li { float:left; width: 245px; }
#overview #featurettes li a { display:block; position:relative; padding:25px 15px 225px 20px; min-height:144px; _height:144px; border-left:1px solid #e5e5e5; text-decoration:none; color:#252525; }
#overview #featurettes li a.roundedleft { border-left: none; }
#overview #featurettes li h3 { font-size: 18px; line-height: 21px; color: #000; font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-weight: 600; *letter-spacing: -.075em; *margin-right: -10px; }
#overview #featurettes li p { margin:0; font-size: 14px; line-height: 18px; color: #666; }
#overview #featurettes li img { display:block; position: absolute; bottom: -1px; left: 0; }
#overview #featurettes li a:hover { background: url(/iphone/home/images/index-featurette-hover-20100607.png) repeat-x; }

.content a em.more { font-style:normal; color: #08c; white-space: nowrap; padding-right: 10px; background: url(/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; zoom: 1; cursor: pointer; }
.content a:hover em.more { text-decoration: underline; }


/* buy now strip
------------------------*/
#main #buystrip { height: 205px; background: #fff; }
#main #buystrip h3 { margin-bottom: 12px; }
#main #buystrip p { font-size: 12px; }
#main #buystrip .column { padding-bottom: 0; }
#main #buystrip .column.first { position: relative; padding-top: 3px; height: 217px; width: 245px; margin-left: -20px !important; border-right: 1px solid #ebebeb; }
#main #buystrip .column .icon { display: block; float: none; padding: 0; }
#main #buystrip .column.last .icon { margin-bottom: -4px; }
#main #buystrip .column p { margin-left: 0; width: 200px; }
#main #buystrip .column a { font-size: 12px; }
#main #buystrip .column a:hover { text-decoration: none; }
#main #buystrip .column a:hover h3 { color: #08c; }
#main #buystrip .column a.more:hover { text-decoration: underline; }
#main #buystrip .column h3 { margin-bottom: 6px; }
#main #buystrip .column h3 span { color: #858585; }
#main #buystrip .pricing a:hover { text-decoration: none; }
#main #buystrip .pricing a p { color: #999; }

#main #buystrip .pricing-4 { display: block; padding-top: 25px; height: 112px; }
#main #buystrip .pricing-4 h2 { padding: 28px 0 0; margin: 0; background:none; }
#main #buystrip .pricing-4 h2 img { margin: 0; }
#main #buystrip .pricing-4 p { font-size: 13px; width: auto; }
#main #buystrip .pricing-4 img.left { margin: 0 10px 0 15px; }
#main #buystrip .pricing-4:hover { background: url(/iphone/home/images/buystrip-bg-4-20100607.gif) no-repeat 0 0; }

#main #buystrip .pricing-3gs { display: block; clear: both; height: 61px; padding-top: 12px; zoom: 1; *margin-top: 4px; }
#main #buystrip .pricing-3gs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main #buystrip .pricing-3gs h2 { display: inline; float: left; margin: 0 10px 0 25px; background:none; }
#main #buystrip .pricing-3gs p { display: inline; width: 90px; margin: 0; line-height: 26px; }
#main #buystrip .pricing-3gs p.sosumi { width:auto; display: block; }
#main #buystrip .pricing-3gs:hover { background: url(/iphone/home/images/buystrip-bg-3gs-20100607.gif) no-repeat 0 0; }

#main #buystrip #links,
#main #buystrip #links a { font-size: 18px; }
#main #buystrip #links { width: 734px; padding: 0; background: url(/iphone/home/images/buystrip-bg-bottom-20100607.png) repeat-x 0 0; color: #666; text-align: center; line-height: 2.1em; border: none; }
#main #buystrip p.sosumi { font-size: 9px !important; margin-bottom: 0; padding-right: 20px; text-align: center; }
#main #buystrip .column.last { *margin-right: -10px; position: relative; zoom: 1; }
#main #buystrip .column.last h3,
#main #buystrip .column.last p { *position: relative; }

#main #buystrip .grid2col .column.last { width:725px; padding:0; }
#main #buystrip .grid2col .column.last li { float:left; width:164px; _width:155px; margin:2px 0 0 13px; }
#main #buystrip .grid2col .column.last li p { width:auto; }
#main #buystrip .grid2col .column.last li img { margin-bottom:6px; }
#main #buystrip .grid2col .column.last li.first { margin-left:10px; _padding-left:30px; _border:none; }
#main #buystrip .grid2col .column.last li.first img { margin-top:2px; margin-bottom:4px; }
#main #buystrip .grid2col .column.last li.first a.more { _margin-left:0px; color:#0088CC; _background:url("/global/elements/arrows/morearrow_08c.gif") 100% 50% no-repeat; }
#main #buystrip .grid2col .column.last li.last img { margin-bottom:-2px }

/* software update callout
------------------------*/
#main .softwareupdate { background: url(/iphone/home/images/os4-bg-20100609.jpg) no-repeat; margin: 17px -2px; padding: 18px 2px 0; zoom: 1; height: 70px; }
#main .softwareupdate:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main a.softwareupdate img { margin-bottom: 0; }
#main a.softwareupdate h3,
#main a.softwareupdate p { padding-left: 310px; padding-right: 150px; line-height: 18px; }
#main a.softwareupdate h3 { margin-bottom: 0; font-size: 16px; }
#main a.softwareupdate p { margin-bottom: 0; font-size: 14px; color: #414141; }

#overview #featurettes li.pressconference { background: #e7e9ea url("/iphone/home/images/featurette-press-bg-20100715.png") repeat-x; }
#overview #featurettes li.pressconference a { background: url("/iphone/home/images/featurette-press-shadow-bg-20100715.png") no-repeat; }
#overview #featurettes li.pressconference a div.video-link { position: relative; margin: 35px 0 -160px 12px; }
#overview #featurettes li.pressconference img { margin: 0; border: 6px solid #fff; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.4); position: static; bottom: auto; left: auto; }
#overview #featurettes li.pressconference a span.play { display: block; width: 52px; height: 52px; background: url("/iphone/home/images/play-icon-20100715.png") no-repeat; position: absolute; top: 33px; left: 61px; -moz-opacity:0.6; _filter:alpha(opacity=60); opacity:0.6; -webkit-transition: .25s opacity linear; _behavior: url(/global/scripts/lib/iepngfix.htc); }
#overview #featurettes li.pressconference a:hover span.play { -moz-opacity:1; _filter:alpha(opacity=100); opacity:1; }