#main { background:none; }
#content { padding:0; }

/* hero
------------------------*/
#hero { position:relative; width:980px; height:450px; padding:0 2px; margin:0 -2px 12px; background:#fff url(/iphone/images/content-bg-20090608.gif) repeat-y; }
#hero .herocap { position:absolute; width:984px; height:7px; left:0; z-index:5; font-size:1px; behavior:url(/global/scripts/lib/iepngfix.htc); }
#hero .herocap.top { top:0; background:url(/iphone/images/content-cap-top-20090608.png) no-repeat; }
#hero .herocap.bottom { bottom:0; _bottom:-1px; background:url(/iphone/images/content-cap-bottom-20090608.png) no-repeat 0 100%; }

/* swap view */
#hero .section { display:none; }
#hero #swap { position:relative; width:980px; height:360px; top:1px; overflow:hidden;  background:#e5e5e6 url(/iphone/home/elements/hero-bg-20090608.jpg) no-repeat 50% 50%; }
#hero #swap .section { display:block; position:absolute; width:980px; height:360px; overflow:hidden; }

#hero #swap .section .guidedtour a { display:block; position:absolute; top:292px; left:0; width:100px; padding:50px 0 20px 111px; z-index:10; text-decoration:none; font-size:11px; line-height:1.3; }
#hero #swap .section .guidedtour a img { float:left; margin-top:-26px; margin-left:-81px; }
#hero #swap .section .guidedtour a .more { padding-right:10px; text-align:left; background:url(/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; }
#hero #swap .section .guidedtour a:hover span span { text-decoration:underline; }

#hero .section p.sosumi { position:absolute; bottom:8px; right:60px; width:430px; font-size:10px !important; text-align:center; }

#hero .section .caption { position:absolute; top:236px; left:183px; width:180px; }
#hero .section .caption * { margin-bottom:0; font-size:14px; line-height:1.3; }
#hero .section .caption a.more { padding-right:10px; background:url(/global/elements/arrows/morearrow_med_08c.gif) no-repeat 100% 60%; }
#hero .section .caption sup,
#hero .section .caption sup a { font-size:11px; }

#hero .section#gallery-speed .caption,
#hero .section#MASKED-gallery-speed .caption { width:220px; }

/* hero nav */
#slidesContainer { position:relative; height:43px; padding:10px 0 0 9px; font-size:11px; line-height:1.2em; background:#f8f8f8 url(/iphone/home/elements/heronav-bg-20090608.gif) repeat-x 0 0; background: #f2f2f2;}

/* content, routing
------------------------*/
#ticker, #countries { background: #e4e4e4; float: left; margin: 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; *height: 32px; }
#ticker { margin-right: 10px; margin-bottom: 12px; padding: 4px 0; width: 730px; }
#ticker h3 { font-size: 110%; }
#ticker h3 a { border-right: 1px solid #c9c9c9; color: #898989; float: left; padding: 0 14px 0 26px; }
#ticker p { font-size: 110%; padding: 0 0 0 14px; }
#ticker h3,
#ticker p { float: left; line-height: 1.7; margin: 5px 0; }
#ticker p em { color: #898989; font-size: 90%; }
#ticker a { color: #000; text-decoration: none; }
#ticker a:hover { color: #08c; }

#countries { padding: 8px 0 4px 22px; text-decoration: none; width: 218px; *padding: 6px 0 2px 22px; }
#countries:hover { background: #d6d6d6; cursor: pointer; }
#countries .more { margin-left: 5px; position: relative; top: -6px; }
#countries:hover .more { text-decoration: underline; }

#promos { background:#fff url(/iphone/images/content-bg-20090608.gif) repeat-y; height: 295px; margin:0 -2px 12px; padding:0 2px; position:relative; width:980px; *height: 290px; }
#promos .grid4col { background:url(/iphone/home/images/route-bg-20090909.gif) repeat-x 0 100%; clear:both; height: 100%; padding: 0; width:980px; }
#promos .column { border-left: 1px solid #e6e6e6; height: 93%; margin: 0; *overflow: hidden; padding-top: 2%; position: relative; width: 243px; *height: 92.5%; }

#promos .column a { display: block; height: 100%; padding: 0 25px; position: relative; text-decoration: none; }
#promos .column img { position: absolute; bottom: 0; left: 0; z-index: 1; }
#promos .column a h3,
#promos .column a p { color: #000; position: relative; z-index: 3; text-decoration: none; }
#promos .column a h3 { margin-right:-13px; }
#promos .column a .more { color: #08c; }
#promos .column a:hover .more { text-decoration: underline; }

#promos #promo-whyiphone {border-left: none; width: 244px; *width: 242px; }
/*#promos #promo-mobileme { display: none; }*/

#promos2 { background:#fff url(/iphone/images/content-bg-20090608.gif) repeat-y; height: 295px; margin:0 -2px 12px; padding:0 2px; position:relative; width:980px; *height: 290px; }
#promos2 .grid4col { background:url(/iphone/home/images/route-bg-20090909.gif) repeat-x 0 100%; clear:both; height: 100%; padding: 0; width:980px; }
#promos2 .column { border-left: 1px solid #e6e6e6; height: 93%; margin: 0; *overflow: hidden; padding-top: 2%; position: relative; width: 243px; *height: 92.5%; }

#promos2 .column a { display: block; height: 100%; padding: 0 25px; position: relative; text-decoration: none; }
#promos2 .column img { position: absolute; bottom: 0; left: 0; z-index: 1; }
#promos2 .column a h3,
#promos2 .column a p { color: #000; position: relative; z-index: 3; text-decoration: none; }
#promos2 .column a h3 { margin-right:-13px; }
#promos2 .column a .more { color: #08c; }
#promos2 .column a:hover .more { text-decoration: underline; }

#promos2 #promo-whyiphone {border-left: none; width: 244px; *width: 242px; }
/*#promos #promo-mobileme { display: none; }*/

/* buy now strip
------------------------*/
#content #buystrip { height: 15em; }
#content #buystrip a.right { float: right; margin-right: 15px; position: relative; *margin-left: -10px; }
#content #buystrip .pricing { position:relative; }
#content #buystrip .pricing h2 { width:117px; height:20px; margin:4px 0 0 5px; background:none; }
#content #buystrip .pricing p { margin:0 0 12px 5px; width: 135px; }
#content #buystrip #links,
#content #buystrip #links a { font-size: 14px; }
#content #buystrip #links { color: #666; padding: 0; text-align: center; width: 100%; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; *margin-left: -20px; *width: 980px; }
#content #buystrip p.sosumi { font-size: 9px !important; margin-bottom: 0; }
#content #buystrip .column.last { *margin-right: -10px; position: relative; zoom: 1; }
#content #buystrip .column.last h3,
#content #buystrip .column.last p { *position: relative; }

.column first, .column, .column last{cursor: pointer;}