/* styles and overrides for /mac/shared/osx/apps/article.inc */

/* apps rows */
#apps #main .row { border-bottom:none; }
#apps .row { padding-top:40px; }
#apps .row h1 { zoom:1; margin-bottom:18px; }
#apps .row h1:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#apps .row h1 img { float:left; }
#apps .row h1 .icon-image { margin-right:8px; margin-left:-6px; _position:relative; _z-index:1; }
#apps .row h1 .title-image { margin-top:21px; margin-right: -100px; }

#apps .row .row-hero img { display:block; width:710px; height:444px;
	-webkit-box-reflect:below 1px -webkit-linear-gradient(top,rgba(255,255,255,0) 85%,rgba(255,255,255,.09) 100%);
}
#apps .row .row-hero p.caption,
#apps .row .row-hero figcaption { width:100%; padding:30px 0 40px; text-align:center; color:#666; font-size:.9em; *zoom:1; }
#apps .row .row-hero .hardware { width:876px; height:468px; margin:0 -76px -23px -90px; -webkit-box-reflect:none; _position:relative; _z-index:1; }

#apps .row .row-hero.gallery-view { margin-top:32px; height:531px; *height:522px !important; }
#apps .row .row-hero.gallery-view figure,
#apps .row .row-hero.gallery-view .gallery-content { width:100%; height:531px; padding-top:0; margin:0 auto; position:relative; z-index:1; *padding-bottom:18px; }
#apps .row .row-hero.gallery-view div { *width:100%; }

/* built-in rows */
body#built-in #main .row { border-bottom:none; }
body#built-in .row { padding-top:40px; }
body#built-in .row h1 { zoom:1; margin-bottom:18px; }
body#built-in .row h1:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
body#built-in .row h1 img { float:left; }
body#built-in .row h1 .icon-image { margin-right:8px; margin-left:-6px; _position:relative; _z-index:1; }
body#built-in .row h1 .title-image { margin-top:21px; margin-right: -100px; }

body#built-in .row .row-hero img { display:block; width:710px; height:445px;
	-webkit-box-reflect:below 1px -webkit-linear-gradient(top,rgba(255,255,255,0) 85%,rgba(255,255,255,.09) 100%);
}
body#built-in .row .row-hero p.caption,
body#built-in .row .row-hero figcaption { width:100%; padding:30px 0 40px; text-align:center; color:#666; font-size:.9em; *zoom:1; }
body#built-in .row .row-hero .hardware { width:876px; height:468px; margin:0 -76px -23px -90px; -webkit-box-reflect:none; _position:relative; _z-index:1; }

body#built-in .row .row-hero.gallery-view { margin-top:32px; *height:522px !important; }
body#built-in .row .row-hero.gallery-view figure,
body#built-in .row .row-hero.gallery-view .gallery-content { width:100%; padding-top:0; margin:0 auto; position:relative; z-index:1; *padding-bottom:18px; }
body#built-in .row .row-hero.gallery-view div { *width:100%; }

/* adjustments */
#main #mac-app-store.row h1 .title-image { margin-top:3px; }
#main #safari.row .row-hero img { width:875px; margin:0 -82px; _position:relative; _z-index:1; }

#main #photo-booth.row { background:none; }