#main.content { padding: 0; margin-bottom: 18px; overflow: visible; width: 980px; background: #fff url(hero_bg_20100127.png) repeat-x 0 100%; }

#overview .gallery { width: 980px; height: 687px; margin: 0 auto; padding: 0; }

#overview #hero #swap { position: absolute; left: 411px; top: 0; margin-top: 0px; }
#overview #hero #swap a { position: absolute; }
#overview #hero h1 { padding-top: 104px; margin-bottom: 16px; line-height: 0.5em; }
#overview #hero h2 { margin-bottom: 28px; line-height: 0.5em; }
#overview #hero p { margin-bottom: 24px; }
#overview #hero h3,
#overview #hero p { font-weight: normal; color: #777; font-size: 16px; line-height: 16px; *line-height: 20px; word-spacing: -2px; }
#overview #hero h1,
#overview #hero h2,
#overview #hero h3,
#overview #hero p,
#overview #main ul { padding-left: 63px; width: 335px; }
#overview #hero p { line-height: 20px; }
#overview #hero p.last { margin-bottom: 0; }
#overview #hero p a { white-space: normal; text-align: left; }

#overview ul.video-link { padding-left: 66px; margin-bottom: 22px; }
#overview ul.video-link li a { display: block; width: 126px; font-size: 14px; line-height: 16px; }
#overview ul.video-link li a:hover { text-decoration: none; }
#overview ul.video-link li a em.more { text-center: left; padding-left: 4px; }
#overview ul.video-link li a:hover em.more { text-decoration: underline; }

#overview ul.video-links { padding-left: 66px; margin-top: 20px; }
#overview ul.video-links li a { display: block; padding: 17px 0 17px 105px; width: 88px; font-size: 14px; line-height: 16px; }
#overview ul.video-links li a:hover { text-decoration: none; }
#overview ul.video-links li a em.more { text-align: left; white-space: normal; }
#overview ul.video-links li a:hover em.more { text-decoration: underline; }
#overview ul.video-links li.tours-video a { width: 110px; background: url(tours_video_20100329.jpg) no-repeat 0 50%; }
#overview ul.video-links li.ipad-ad-video a { background: url(ipad_ad_video_20100512.jpg) no-repeat 0 50%; }
#overview ul.video-links li.keynote-video a { background: url(keynote_video_20100307.jpg) no-repeat 0 50%; }
#overview ul.video-links li.product-video a { background: url(video_20100307.jpg) no-repeat 0 50%; }

#overview #swapnav { display: none; }
#overview .gallery .gallery-content { width: 980px; height: 640px; position: absolute; left: 0; top: 95px; }
#overview .gallery .gallery-content .media,
#overview .gallery .gallery-content .moviePanel,
#overview .gallery .gallery-content .endState { top: 0; left: 0; width: 848px; height: 480px; }
#overview .gallery .gallery-view { position: relative; }
#overview .gallery .gallery-view .moviePanel,
#overview .gallery .gallery-view .endState { width: 848px; height: 480px; }
#overview .gallery .media { position: relative; margin: 0 auto; border: 1px solid #e5e5e5; }
#overview .gallery a.close { left: 66px; top: -26px; }
#overview #main .endState p { width: auto; padding-left: 0; }

#overview #featurettes { padding: 0; width: 980px; zoom: 1; }
#overview #featurettes:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#overview #featurettes li { float: left; width: 244px; border-left: 1px solid #e5e5e5; }
#overview #featurettes li h3 span { display: block; }
#overview #featurettes #features-bucket { width: 245px; border: 0; }
#overview #featurettes li a { display: block; position: relative; padding: 25px 20px 13.5em; height: 15.5em; text-decoration: none; color: #333; }
#overview #featurettes li a.roundedleft { border-left: none; }
#overview #featurettes li h3 { font-size: 14px; line-height: 18px; word-spacing: -2px; color: #000; }
#overview #featurettes li p { margin: 0; font-size: 12px; }
#overview #featurettes li img { display: block; position: absolute; bottom: 0; left: 0; _bottom: -1px; }
#overview #featurettes li a:hover { background: url(overview_featurette_hover_20100127.png) repeat-x; }

#buystrip { clear: both; padding-bottom: 15px; height: 120px; _padding-bottom: 0; }
#buystrip .column.first { height: 120px; }
#buystrip .column { height: 105px; *width: 223px; }
#buystrip .column.first img.right { margin-top: -10px; margin-right: 20px; position: relative; }
#buystrip .column.first h2 { font-size: 32px; line-height: 32px; margin: 0; width: 55px; }
#buystrip .column.first h2 img { margin: 0; }
#buystrip .column.first p { color: #777; font-size: 16px; line-height: 1.3; margin: 0 120px 0 0; *width: 65px; }
#buystrip .column h3 { margin-bottom: 9px; padding-top: 6px; }
#buystrip .column.last h3 { margin-bottom: 0; padding-top: 0; }
#buystrip .column.last p { position: relative; }

#overview #sdk { background: #fbfbfb url(sdk_bg_20100225.gif) repeat-x 0 100%; padding: 12px 30px; width: 920px; }
#overview #sdk a:hover { text-decoration: none; }
#overview #sdk a:hover span { text-decoration: underline; }
#overview #sdk span.more { background: url(morearrow_08c.gif) no-repeat 100% 50%; color: #08c; padding-right: 10px; white-space: nowrap; zoom: 1; }
#overview #sdk img.left { margin-right: 24px; margin-bottom: 0; position: relative; }
#overview #sdk h3 { font-size: 14px; /*font-weight: normal;*/ line-height: 18px; padding-top: 14px; margin: 0 0 4px 0; }
#overview #sdk p { color: #333; font-size: 12px; margin-bottom: 0; }
#overview #sdk .first img.left { margin-top: 10px; }
#overview #sdk .column.first { width: 440px; padding-right: 20px; border-right: 1px solid #e9e9e9; }
#overview #sdk .column.last { width: 420px;  }