/* -- common -- */
#current_page_indicator { position: absolute; left: 0; bottom: -26px; z-index:5; zoom:1; _bottom: -27px; }
.iphoto_to_aperture .section_nav { float: left; margin-bottom: 12px; *margin-bottom:-18px; position: relative; width: 100%; z-index:1; }
.iphoto_to_aperture .section_nav a { color: #999; float: left; font-size: 170%; line-height: 1.4; padding: 0 29px; text-decoration: none; }
.iphoto_to_aperture .section_nav a:hover { color: #08c; }

#why_move a { border-right: 1px solid #e5e5e5; margin-left: 334px; }
#why #why_move a,
#how #how_move a { color: #000; cursor: default; }
#why #current_page_indicator { left: 400px; }
#how #current_page_indicator { left: 570px; }

/* -- hero -- */
.iphoto_to_aperture #hero { background: #f5f5f5 url(/in/aperture/iphoto-to-aperture/images/why-bg-hero-20091020.gif) repeat-x 0 0; clear: both; _clear: none; padding: 2em 100px 48px; position: relative; text-align: center; _zoom: 1; }
.iphoto_to_aperture .intro { width: 675px; }

/* -- rows -- */
.iphoto_to_aperture #rows { background: url(/in/aperture/iphoto-to-aperture/images/bg-dividershadow-20091020.gif) repeat-y 329px 0; float: left; list-style: none; margin: 0 0 2em; width: 100%; }
.iphoto_to_aperture .row { float: left; width: 980px; }
.iphoto_to_aperture .row .section.left { background: url(/in/aperture/iphoto-to-aperture/images/why-bg-row-20091020.gif) repeat-x 0 0; float: left; padding: 90px 20px 0 50px; width: 259px; }
.iphoto_to_aperture .row .section.right { background: url(/in/aperture/iphoto-to-aperture/images/why-bg-rowfigures-20091020.gif) repeat-x 0 2px; float: right; padding-top: 62px; position: relative; width: 651px; }

.iphoto_to_aperture .row .section.left h3 { width: 225px; }
.iphoto_to_aperture .row .section.right .figure.left { margin: 36px 0 0; *width: auto; }
.iphoto_to_aperture .row .section.right .figure.right { margin: 0; *width: auto; }
.iphoto_to_aperture .row .section.right .figure { background: none; *padding: 0; }

.iphoto_to_aperture .figure .caption { color: #666; clear: both; font-size: 80%; margin-top: 5px; margin-bottom: 46px; text-align: center; *padding: 0; }
.iphoto_to_aperture .figure.right .caption { width: 373px; }
.iphoto_to_aperture .figure.left .caption { width: 238px; }
.iphoto_to_aperture .row #divider_shadow_top { position: absolute; top: 0; left: 0; }
.iphoto_to_aperture .row #divider_shadow_bottom { position: absolute; bottom: 0; left: 329px; }

/* -- main --*/
.iphoto_to_aperture #main { padding-top: 45px; }
.iphoto_to_aperture #main h1 { background: url(/in/aperture/iphoto-to-aperture/images/why-title-20091020.gif) no-repeat; height: 42px; margin: 0 auto; width: 565px; }
.iphoto_to_aperture #main .intro { margin: 0 auto 30px; text-align: center; }
.iphoto_to_aperture #main #hero .intro { width: 720px; }

.iphoto_to_aperture #main h3 { background-repeat: no-repeat; background-position: 0 0; padding-top: 51px; }

.iphoto_to_aperture #main #hero-video,
.iphoto_to_aperture #main #hero-video .moviePanel,
.iphoto_to_aperture #main #hero-video .endState { width: 640px; height: 400px; }
.iphoto_to_aperture #main #hero-video { position: relative; margin-left: auto; margin-right: auto; }
.iphoto_to_aperture #main #hero-video h2 { display: none; }
.iphoto_to_aperture #main #hero-video img { position: absolute; top: 0; left: 0; }
.iphoto_to_aperture #main #hero-video p { padding-top: 27%; }
.iphoto_to_aperture #main #hero-video .movie-loading { background: url(/in/global/elements/quicktime/qt_loading640x400.gif) no-repeat 50% 50%; }
.iphoto_to_aperture #main #hero-video .endState { background: url(/in/global/elements/quicktime/qt_endstate640x400.jpg) no-repeat 50% 50%; }
.iphoto_to_aperture #main #hero-video .featured { display: none; }

/* numbers */
#how #step-1 h3,
#why #retouch h3		{ background-image: url(/in/aperture/iphoto-to-aperture/images/why-number-1-20091020.gif); }
#how #step-2 h3,
#why #effects h3		{ background-image: url(/in/aperture/iphoto-to-aperture/images/why-number-2-20091020.gif); }
#how #step-3 h3,
#why #slideshows h3		{ background-image: url(/in/aperture/iphoto-to-aperture/images/why-number-3-20091020.gif); }
#how #step-4 h3,
#why #versions h3		{ background-image: url(/in/aperture/iphoto-to-aperture/images/why-number-4-20091020.gif); width: 240px; }
#how #step-5 h3,
#why #facesplaces h3	{ background-image: url(/in/aperture/iphoto-to-aperture/images/why-number-5-20091020.gif); }
#how #step-6 h3,
#why #tools h3			{ background-image: url(/in/aperture/iphoto-to-aperture/images/why-number-6-20091020.gif); }
#why #merge h3			{ background-image: url(/in/aperture/iphoto-to-aperture/images/why-number-7-20091020.gif); }
#why #books h3			{ background-image: url(/in/aperture/iphoto-to-aperture/images/why-number-8-20091020.gif); }
#why #printing h3		{ background-image: url(/in/aperture/iphoto-to-aperture/images/why-number-9-20091020.gif); }
#why #hd_space h3		{ background-image: url(/in/aperture/iphoto-to-aperture/images/why-number-10-20091020.gif); }

/* -- how -- */
#how #step-1 .section.right { background-position: 0 0; }
#how .row .section.right { background-position: 0 1px; }
#how #main h3 { text-indent: -9999px; height: 0; }

#how .section.right { padding-bottom: 50px; }
#how #step-3 .section.right img { margin-right: 45px; }
#how #step-5 .section.right { padding-top: 85px; }

/* -- why -- */
#why #main #hero .intro { width: 750px; }

#why #merge .figure.right .caption,
#why #books .figure.right .caption,
#why #printing .figure.right .caption { width: 610px; }

#why #books .section.left { padding-top: 50px; }
#why #books .section.right { padding-top: 95px; *padding-top: 65px; }

#why #retouch .section.right { background-position: 0 0; }
#why #slideshows .figure.left { padding-top: 76px; }

#why #printing .section.right img { margin-right: 40px; }
#why #printing .section.left { padding-top: 60px; }
#why #printing .section.right { padding-top: 60px; }

#why #hd_space .section.left { padding-top: 50px; }
#why #hd_space .section.right { padding-top: 95px; }
#why #hd_space .section.right .figure { *padding: 0; }
#why #hd_space .section.right .left { margin-top: 0; margin-left: 104px; *margin-left: 62px; }
#why #hd_space .section.right .right { margin-right: 72px; }
#why #hd_space .section.right .figure.left .caption { width: 125px; }
#why #hd_space .section.right .figure.right .caption { width: 225px; }
#why #hd_space { border-bottom: 1px solid #e5e5e5; position: relative; }

#why #see_how_button { box-shadow: rgba(0,0,0,0.45) 0 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.45) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.45) 0 1px 3px; -o-box-shadow: rgba(0,0,0,0.45) 0 1px 3px; }
@-moz-document url-prefix() { #why #see_how_button { border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2;  } } /* FF2 */
#why #see_how_button { *border: 1px solid; *border-color: #e5e5e5 #dbdbdb #d2d2d2; } /* IEs */
#why #see_how_button:nth-child(1n) { border: none; } /* reset for smart browsers */
#why #see_how_button { background: #ededed url(/in/aperture/images/bg-downloadbutton-20091020.gif) repeat-x 0 0; margin: 2em auto; *margin-top:0; width: 320px; }
#why #see_how_button .download { background: url(/in/global/elements/arrows/morearrow_med_08c.gif) no-repeat 95% 52%; font-size: 18px; padding-right: 10px; }
#why #see_how_button .download:hover { text-decoration: underline; }

#why .double-page-spread { margin-bottom: -20px; }

.howto-video { border: 1px solid #d9d9d9; }