#main { background:none; margin-top: -15px; }

/* hero
------------------------*/
#overview .gallery { position: relative; margin: 0 auto 15px; padding: 0 !important; width: 980px; overflow: hidden; background: url(http://images.apple.com/dk/iphone/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(http://images.apple.com/dk/iphone/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 ease-out; }
#overview .gallery #herogallery.dragging { -webkit-transition: none; }
#overview .gallery #herogallery.resetting {  }
#overview .gallery #herogallery .heroimage { width: 980px; height: 660px; 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; }

#overview .gallery #herogallery #heroimage1 img.title { left: 241px; top: 39px; }
#overview .gallery #herogallery #heroimage2 img.title { top: 158px; left: 57px; }
#overview .gallery #herogallery #heroimage3 img.title { top: 201px; right: 52px; }
#overview .gallery #herogallery #heroimage4 img.title { top: 203px; right: 88px; }
#overview .gallery #herogallery #heroimage5 img.title { top: 205px; right: 83px; }

/* 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(http://images.apple.com/dk/iphone/images/hero-nav-20100607.png) no-repeat 0 -13px; _background-image:url(http://images.apple.com/dk/iphone/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(http://images.apple.com/dk/iphone/images/nav-next-prev-20100607.png) no-repeat; _background-image:url(http://images.apple.com/dk/iphone/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%; }

/* content, routing
------------------------*/
#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: 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(http://images.apple.com/dk/iphone/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(http://images.apple.com/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: 195px; 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(http://images.apple.com/dk/iphone/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(http://images.apple.com/dk/iphone/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(http://images.apple.com/dk/iphone/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; }

/* software update callout
------------------------*/
#main .softwareupdate { background: url(http://images.apple.com/dk/iphone/images/os4-bg-20100607.jpg) no-repeat; margin: 18px -2px 0; padding: 14px 2px 0; zoom: 1; height: 74px; }
#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; }
