/* shared apps
--------------------------------*/
.gallery img { behavior:url(/global/scripts/lib/ie7pngfix.htc); }
.gallery .simple-nav li a { behavior:url(/global/scripts/lib/iepngfix.htc); }

#main .gallery { margin:0; }
#main .last-child { margin-bottom:15px; background:none; }
#main img.block { display:block; }

#main section { width:710px; margin:0 -50px; padding:45px 135px 20px; border-bottom:1px solid transparent; background:url(/v/mac/includes/a/images/section_divider_crease_up.png) 0 bottom no-repeat; _border-color:#fff; _position:relative; _z-index:1; _margin-left:-50px; _margin-right:-50px; zoom:1; }
#main .grid2col { padding:15px 0 0; }
#main .grid2col .column { width:410px; margin:0 0 15px; }
#main .grid2col section { margin:0; padding:0; background:none; }
#main section .divider-down-crease { margin:25px -135px 0; padding:50px 135px 0; background:url(/v/mac/includes/a/images/section_divider_crease_down.png) 0 0 no-repeat; _position:relative; _z-index:1; }

#main .headline-icon { display:table; height:60px; margin:-15px 0 15px; *position:relative; *z-index:10; }
#main .headline-icon img { margin:0 12px 0 0; }
#main .headline-icon .headline { display:table-cell; vertical-align:middle; *position:absolute; *top:50%; }
#main .headline-icon .headline h1 { *position:relative; top:-50%; *padding-bottom:2px; }

#main header.hero { padding:0 50px; zoom:1; }
#main header:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#main header.hero hgroup { width:auto; }
#main header.hero p.intro { padding-bottom:0; }

/* anchor nav */
nav.anchor-tiles { width:980px; height:335px; margin:0 -50px; _position:relative; _z-index:1; }
nav.anchor-tiles ul { display:block; width:748px; margin:0 auto; }
nav.anchor-tiles ul.ilife { width:935px; }

nav.anchor-tiles ul li { display:inline-block; *display:inline; _display:inline; width:167px; height:142px; margin:10px; _margin:9px; zoom:1; }
nav.anchor-tiles ul li a { display:block; position:relative; z-index:1; top:10px; width:167px; height:142px; border:1px solid #d6d6d6; color:#000; font-weight:bold; vertical-align:middle; text-align:center; font-size:13px; text-decoration:none;
	background:#f8f8f8;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(252,252,252,1)), color-stop(0.5, rgba(252,252,252,1)), color-stop(1, rgba(244,244,244,1)));
	background:-moz-linear-gradient(0% 0% 90deg, rgba(252,252,252,1), rgba(252,252,252,1), rgba(244,244,244,1));
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3) inset; box-shadow:0 1px 3px rgba(0, 0, 0, 0.3) inset;
}
nav.anchor-tiles li a:nth-child(1n) { border:none; }
nav.anchor-tiles li a:hover {
	background:#e9e9e9;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,1)), to(rgba(233,233,233,1)));
	background:-moz-linear-gradient(100% 100% 90deg, rgba(233,233,233,1), rgba(255,255,255,1));
}
nav.anchor-tiles ul li span { position:relative; z-index:1; width:145px; }

/* tips with indicator lines */
#main figure,
#main .gallery figure { position:relative; z-index:1; width:980px; margin:0 -135px; padding-top:27px; }
#main .gallery figure { position: absolute; top: 0; left: 0; }
#main figure img { display:block; margin:0 auto; }

#main figure.tips figcaption { position:absolute; top:0; left:0; width:980px; height:100%; z-index:1; }
#main figure.tips .tip { position:absolute; width:100px; padding:8px 0; text-align:left; z-index:1; }
#main figure.tips .tip p { margin-bottom:2px; font-size:12px; line-height:16px; color:#666; }
#main figure.tips .tip-left { left:25px; }
#main figure.tips .tip-right { right:15px; width:110px; }

/* toggle navs */
#main .toggle-nav { position:relative; z-index:1; width:980px; margin:0 -140px 20px; font-size:14px; text-align:center; }
#main .toggle-nav ul { margin:0 auto; }
#main .toggle-nav li { width:190px !important; }
#main .toggle-nav li,
#main .toggle-nav li a { display:inline-block; display:-moz-table-cell; *display:inline; *zoom:1; vertical-align:top; }
#main .toggle-nav li:first-child a { border:1px solid #cfcfcf;
	-moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px;
}
#main .toggle-nav li:last-child a { border-radius:0 6px 6px 0; }
#main .toggle-nav li a { width:100%; margin:0 auto; padding:6px 0 7px; border:1px solid #cfcfcf; font-size:14px; text-align:center; text-decoration:none;
	-moz-box-shadow:1px 0 0 #fff; -webkit-box-shadow:1px 0 0 #fff; box-shadow:1px 0 0 #fff inset;
	background-color:#f8f8f8;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f4f4f4));
	background:-moz-linear-gradient(100% 100% 90deg, #fefefe, #f4f4f4);
}
#main .toggle-nav li a:hover { color:#0088cc;
	-moz-box-shadow:1px 0 0 #fff; -webkit-box-shadow:1px 0 0 #fff; box-shadow:1px 0 0 #fff;
	background-color:#fcfcfc;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fafafa));
	background:-moz-linear-gradient(100% 100% 90deg, #fff, #fafafa);
}
#main .toggle-nav li a.active { color:#fff; cursor:default; text-decoration:none; border:1px solid transparent;
	-moz-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset; -webkit-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset; box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset;
	background-color:#666;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#7b7b7b), to(#545454));
	background:-moz-linear-gradient(100% 100% 90deg, #7b7b7b, #545454);
}


/* os x | what is
--------------------------------*/
.osx .hero p.intro { width:680px; }

/* hardware/software */
#main .hardware-software { padding-top:0; }
#main .hardware-software figure { padding-bottom:15px; }

/* gestures */
#main .gestures { padding-bottom:0; }
#main .gestures .grid6col { width:890px; margin:45px -100px 0 -80px; font-size:12px; line-height:18px; color:#666; _position:relative; _z-index:1; }
#main .gestures .grid6col h4 { font-size:12px; line-height:16px; margin-bottom:2px; color:#000; }
#main .gestures .grid6col p { width:130px; margin-bottom:0; }
#main .gestures .grid6col p.thin { width:115px; }
#main .gestures .grid6col .column { margin-left:3%; }
#main .gestures .grid6col .add-margin { margin-left:23px; }
#main .gestures .grid6col .sub-margin { margin-left:10px; }
#main .gestures img { display:block; margin:18px -135px 0; _position:relative; _z-index:1; }

/* get to */
#main .getto .tip-create  { bottom:51px; }
#main .getto .tip-stacks  { top:392px; }
#main .getto .tip-reorder { top:112px; }

/* files */
#main .files .tip-icons    { top:70px; }
#main .files .tip-sidebar  { top:218px; }
#main .files .tip-views    { top:202px; }
#main .files .tip-matching { top:42px; }
#main .files .tip-hover    { top:104px; }
#main .files .tip-share    { top:159px; }

/* see */
#main .see .tip-dashboard  { top:56px; }
#main .see .tip-top        { top:56px; }
#main .see .tip-expose     { top:272px; }

/* worry */
#main .worry { margin-bottom: 45px; }
#main .worry .tip-versions { top:112px; }

/* secure */
#main .secure .headline-icon img { margin-bottom:-6px }

/* accessible */
#main .accessible .headline-icon img { margin-bottom:12px }
#main .accessible p { margin-bottom:10px }

/* reliable */
#main .reliable h1 { margin-right:0px; }
#main .reliable p { margin-bottom:10px }


/* built-in apps | os x apps
--------------------------------*/

.apps #main .content { padding-bottom:0; }
.apps .hero { margin-bottom:0; }
.apps .hero p.intro { display:block; width:730px; margin-right:auto; margin-left:auto; }
.apps h1 { margin-bottom:0; }
.apps #safari h1 { margin-top:5px; }
.apps #facetime h1 { margin-bottom:15px; }
.apps aside.features a img.left { margin-top:5px; }

/* iphoto */
#main #iphoto .tip-fullscreen { top:112px; }
#main #iphoto .tip-share      { top:292px; }

/* imovie */
#main #imovie .tip-imovie { top:111px; }

/* garageband */
#main #garageband .tip-groove   { top:99px; }
#main #garageband .tip-flextime { top:317px; }

/* app store */
#main #appstore .tip-apps    { top:312px; }
#main #appstore .tip-updates { top:71px; }

/* safari */
#main #safari .tip-reader   { top:83px; }
#main #safari .tip-topsites { top:112px; }
#main #safari .tip-ads      { top:112px; }
#main #safari .tip-drawer   { top:68px; }
#main #safari .tip-saved    { top:227px; }

/* mail */
#main #mail .gallery-view { *position: relative; *z-index: 1; }

#main #mail .tip-favorites  { top:96px; }
#main #mail .tip-fullscreen { top:70px; }
#main #mail .tip-organized  { top:221px; }
#main #mail .tip-new        { top:112px; }
#main #mail .tip-tokens     { top:40px; }
#main #mail .tip-results    { top:90px; }

/* calendars */
#main #ical .tip-view,
#main #ical .tip-multiple { top:48px; }

/* addresses */
#main #addressbook .tip-organize { top:117px; }
#main #addressbook .tip-photo    { top:117px; }

/* time machine */
#main #timemachine .tip-find    { top:348px; }
#main #timemachine .tip-browse  { top:118px; }
#main #timemachine .tip-restore { bottom:60px; }

/* facetime */
#main #facetime { margin-left:-50px; margin-right:-50px; }
#main #facetime .tip-integrated { top:112px; }

/* photobooth */
#main #photobooth .tip-effects  { top:419px; }
#main #photobooth .tip-tracking { top:217px; }