/* heroes */
#hero { position:relative; margin:-4em -40px 30px; width:735px; *width: 734px; _width: 736px; background: #fff url(http://images.apple.com/euro/ipodtouch/features/images/hero_bg20090909.png) repeat-x 0 0; }
#hero:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

#hero #swap { position:relative; text-align:center; height:355px; margin-bottom:35px; }

#hero .image { position:absolute; top:1px; left:0; height:355px; }

#hero .movie { display:none; position:absolute; top:0; left:46px; *left:0px; padding:35px 0 35px; }
#hero .movie .controllerPanel { left:0px; }
#hero #swap .movie { display:block; }
#hero .movie,
#hero .movie .movie-loading,
#hero .movie .endState { position:relative; width:640px; height:360px; }
#hero .movie a.swap.close { position:absolute; top:15px; right:auto; left: 0; bottom:auto; width:auto; padding-left:18px; color:#888; text-transform:lowercase; background:url(http://images.apple.com/euro/ipodtouch/features/images/close20090909.png) no-repeat 0 50%; }
#hero .movie a.swap.close:hover { color:#08c; }

#hero h1 { position:relative; margin:0 0 -25px 38px; width:494px; height:77px; background-repeat:no-repeat; background-position:0 0; behavior:url(/global/scripts/lib/iepngfix.htc); }
#hero p.intro { position:relative; margin-left:38px; width:485px; }

#hero a.swap { cursor:pointer; position:absolute; right:20px; bottom:24px; width:180px; text-align:center; text-decoration:none; }
#hero a.swap img { display:block; width:97px; height:71px; margin:0 auto 5px; padding:5px; background:#fff; }
#hero a.swap b { font-weight:normal; color:#888; }
#hero a.swap .more { padding-right:10px; background:url(http://images.apple.com/euro/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 60%; }
#hero a.swap:hover .more { text-decoration:underline; }

#hero a.swap.active { opacity:.2; -moz-opacity:.2; -ms-filter:"alpha(opacity=0)"; filter:alpha(opacity=0); cursor:default; }
#hero a.swap.active .more { text-decoration:none; }

/* endstate */
#hero .movie .endState { background:url(http://images.apple.com/euro/iphone/images/features-endstate-20090608.gif) repeat-x 0 0; }
#hero .movie .endState ul { background:rgba(0,0,0,0.1); float:left; margin:100px 50px 0; padding:25px 10px 15px; width:520px; }
#hero .movie .endState li { float:left; width:172px; }
#hero .movie .endState li a { display:block; text-align:center; }
#hero .movie .endState li a span { display:block; }
#hero .movie .endState li img.shadow { background-color:#fff; padding:5px; position:relative; }


/* page specific
------------------------*/

/* features */
#features .maincap { *z-index: -1; }

#features #content #hero .image img { position: absolute; top: -8px; left: 53px; z-index: 5; }
#features #content #hero h1 { margin-bottom: -32px; }
#features #content #hero p.intro { width: 600px; }

#features #content .grid3col { padding-top: 10px; }
#features #content .grid3col.last { margin-bottom: 30px; }
#features #content .grid3col.last .column.last img { margin-left: -20px; margin-right: -20px; position: relative; }

/* music */
#music #content .grid2col img.flushright { margin-left: -1px; *margin-left: -2px; _margin-left: 2px; _margin-right: -41px; position: relative; }
#music #content .grid2col.touch { margin-top: -20px; }
#music #content .grid2col.touch .column.last h2 { margin-top: 65px; }
#music #content .grid2col.touch .column.last p { margin-bottom: 85px; }

#music #content .grid2col.genius-mixes .column.first h2 { margin-top: 70px; }
#music #content .grid2col.genius-mixes .column.first h2 img { margin-bottom:-1px; }
#music #content .grid2col.genius-mixes .column.first img.geniusicon { margin:4px -15px 20px 15px; position: relative; }
#music #content .grid2col.genius-mixes .callout h3 { padding-top: .6em; }

#music #content .grid2col.fill-shake .column.first h2 { margin-top: 100px; }
#music #content .grid2col.fill-shake .column.first img { margin-top: 45px; margin-bottom: -15px; }
#music #content .grid2col.fill-shake .column.first img.right { margin: 3px 15px 0 10px; }
#music #content .grid2col.fill-shake .column.last h2 { padding-top: 65px; }
#music #content .grid2col.fill-shake .column.last p { margin-bottom: 95px; }
#music #content .grid2col.fill-shake .column.last img.right { margin: 0 0 0 -50px; *margin-bottom: -95px; position: relative; }

#music #content .grid2col.genius { min-height: 339px; _height: 339px; background: url(http://images.apple.com/euro/ipodtouch/features/images/music_playlists20090909.jpg) no-repeat 0 bottom; }
#music #content .grid2col.genius .column.last h2 { margin-top: 55px; }

/* video */
#video #hero .image { left:64px; }
#video #content .grid2col.must-see h2 { margin-top: 10px; }
#video #content .grid2col.in-control h2 { margin-top: 30px; }
#video #content .grid2col.to-go { margin-top: -15px; }
#video #content .grid2col.to-go h2 { margin-top: 40px; }

/* appstore */
#appstore #hero .image { left:67px; }
#appstore #hero p { width:520px; }
#appstore #content .grid2col.browse-genius .column.first h2 { margin-top: 20px; }
#appstore #content .grid2col.browse-genius .column.first img.geniusicon { margin:-7px -6px 0 10px; }
#appstore #content .grid2col.browse-genius .column.last h2 { margin-top: 60px; }
#appstore #content .grid2col.browse-genius .column.last p { margin-bottom: 140px; }

#appstore #content .grid2col.update-download { margin-top: 36px; }
#appstore #content .grid2col.update-download .column.first h2 { margin-top: 30px; }
#appstore #content .grid2col.update-download .column.last h2 { margin-top: 55px; }
#appstore #content .grid2col.update-download .column.last p { margin-bottom: 100px; }

/* itunes */
#fitunes #hero .image { left:141px; }
#fitunes .grid2col { margin-right: -40px; margin-bottom: 18px; padding-right: 40px; *padding-right: 39px; *margin-right: -39px; _padding-right: 42px; _margin-right: -42px; background: url(http://images.apple.com/euro/ipodtouch/features/images/itunes_sync20090909.jpg) no-repeat bottom right; }
#fitunes .grid2col .column.first { padding-bottom: 160px; }
#fitunes .grid2col .column.first h2 { padding-top: 10px; }
#fitunes .grid2col .column.last { padding-top: 20px; }

/* voicecontrol */
#voicecontrol #hero .image { left:134px; }
#voicecontrol #content .grid2col.say-play .column.first h2 { margin-top: 40px; }
#voicecontrol #content .grid2col.say-play .column.last h2 { margin-top: 75px; }
#voicecontrol #content .grid2col.mic { margin-top: 24px; padding-right: 40px; margin-right: -40px; *padding-right: 39px; _padding-right: 41px; background: url(http://images.apple.com/euro/ipodtouch/features/images/voicecontrol_mic20090909.jpg) no-repeat right top; }
#voicecontrol #content .grid2col.mic .column.first h2 { padding-top: 10px; }
#voicecontrol #content .grid2col.mic .column.first img { margin: 26px 0 77px 43px; }
#voicecontrol #content .grid2col.mic .column.last h2 { padding-top: 205px; margin-bottom: 5px; }
#voicecontrol #content .grid2col.mic .column.last ul li { color: #777; }

/* photos */
#photos #hero { margin-bottom: 20px; }
#photos #hero .image { left:67px; }
#photos #content .grid2col .column.first h2 { margin-top: 25px; }
#photos #content .grid2col .column.first p { padding-bottom: 50px; }
#photos #content .grid2col .column.last h2 { margin-top: 25px; }
#photos #content .grid2col .column.last .mobileme h2 { margin-top: 90px; }
#photos #content .grid2col .column.last .mobileme p { margin-bottom: 60px; }
#photos #content .grid2col .column.last .mobileme img { margin: -25px -15px 0 15px; *margin-top: 75px; position: relative; }

/* homescreen */
#homescreen #content #hero img.hero { margin-left: 24px; }
#homescreen #content img,
#more #content img,
#youtube #content img { _position: relative; }
#homescreen #content .grid2col.customize-home .column.first img.customize { margin-left: -40px; }
#homescreen #content .grid2col.customize-home .column.first h2 { margin-top: 20px; }
#homescreen #content .grid2col.customize-home .column.last img.homebtn { margin: 65px 0 0 75px; }
#homescreen #content .grid2col.customize-home .column.last h2 { margin-top: 60px; }

#homescreen #content .grid2col.spotlight-add .column.first img.spotlight { margin: -25px 0 0 75px; }
#homescreen #content .grid2col.spotlight-add .column.first h2 { margin-top: 45px; }
#homescreen #content .grid2col.spotlight-add .column.last img.add { margin: 70px 0 0 20px; }
#homescreen #content .grid2col.spotlight-add .column.last h2 { margin-top: 40px; }

/* safari */
#safari #hero .image { left:100px; }
#safari #content img.center { margin-bottom: -15px; }
#safari #content .browse p { margin-bottom: 40px; }
#safari #content .clips,
#safari #content .zoom { margin-bottom: 3em; }


/* mail */
#mail #hero .image { left:70px; }
#mail #hero p.intro { width:518px; }
#mail #content .view .column { padding-top:1.5em; }
#mail #content .view img.left { margin-left:20px; }
#mail #content .access .column { padding-top:2em; }
#mail #content .access img.right { margin-right:20px; }
#mail #content .search img.left { margin-left:5px; }

/* maps */
#maps #hero .image { left:198px; }
#maps #content img.center { margin-bottom: -20px; }
#maps #content .views,
#maps #content .traffic { margin-top:2em; margin-bottom: 3em; }

/* youtube */
#youtube #hero .image { left:66px; }
#youtube #content .share .column { padding-top:1.5em; }
#youtube #content .watch .column { padding-top:2em; }
#youtube #content .watch img.right { margin-top:-77px; margin-right:32px; }

/* nike */
#nike #hero .image { left:17px; }
#nike #content .tune img.left { margin-left:30px; }
#nike #content .sync img.right { margin-left:-400px; *margin-right: -39px; _margin-right: -41px; }
#nike #content .sync .column.first { position:relative; padding-top:80px; z-index:10; }
#nike #content .sync .column.first p { padding-right: 30px; }

/* memos */
#memos #hero .image { left:135px; }
#memos #content .recordedit .column { padding-top:2em; }
#memos #content .recordedit img.left { margin-left:24px; }
#memos #content .manageshare .column { padding-top:4em; }
#memos #content .manageshare img.right { margin-right:24px; }

/* more */
#more #content .grid2col,
#more #content .grid3col { margin-top: 30px; }

#more #content .grid3col h3 { font-size: 14px; }
#more #content .grid3col .column { margin-left: 5%; width: 30%; }
#more #content .grid3col.first .column.last img { margin-left: -45px; _margin-right: -25px; }
#more #content .grid3col.second .column.center img,
#more #content .grid3col.third .column.last img,
#more #content .grid3col.fourth .column.first img,
#more #content .grid3col.fourth .column.last img { margin-left: -8px; }

#more #content .grid2col.first { margin-top: 35px; }
#more #content .grid2col .first,
#more #content .grid3col .first { margin-top: 0; }
#more #content .grid3col.first { margin-top: 30px; }
#more #content .grid3col.second { margin-top: 0px; }
#more #content .grid3col.third { margin-top: 40px; }
#more #content .grid3col.fourth { margin-top: 10px; margin-bottom: 50px; }

#technology h1,
#more h1 { margin-bottom: 0; }

#more .icon { margin-top: 20px; }
#more .icon .column { width: 39%; font-size: 11px; }
#more .icon .column, #more icon-full { padding-left: 70px; font-size: 11px; }
#more .icon .column p { padding-right: 20px; }
#more .icon .column h4, #more icon-full h4 { font-size: 13px; }
#more .icon .column img.left, #more icon-full img.left { margin-left: -70px; }
#more .icon .accessiblity img.left { margin-left: -72px; }
#more .icon .bluetooth { _position: relative; }
#more .icon .bluetooth img { _position: absolute; _top: 0; _left: -24px; }

#more .icon-full { margin-top: 20px; margin-bottom: 35px; padding-bottom: 25px; border-bottom: 1px solid #d9d9d9; }
#more .icon-full p { padding-top: 4px; margin-bottom: 35px; }

/* technology */
#technology #content p.intro { padding-bottom:30px; }

#technology #content .multitouch img.flushleft { margin-right: -20px; position: relative; }

#technology #content .accelerometer .column { padding-top:2em; }
#technology #content .accelerometer img.right { margin-top:-3em; }
#technology #content .accelerometer img.flushright { *margin-right: -39px; _margin-right: -40px; position: relative; }
#technology #content .wireless .column { padding-top:2em; }

#technology #content .bluetooth { margin-top: 30px; padding-bottom: 13px; }
#technology #content .bluetooth img.right { margin: 0 -5px 10px 10px; position: relative; }
#technology #content .bluetooth img.flushright { *margin-left: -2px; _margin-left: -1px; }

#technology #content .design { min-height: 276px; _height: 276px; margin-bottom: 50px; margin-left: -40px; padding-left: 40px; background: url(http://images.apple.com/euro/ipodtouch/features/images/technology_design20090909.jpg) no-repeat left 0px; }
#technology #content .design h2 { padding-top: 55px; }