/***** general, grid *****/
#content { clear:both; width:937px; margin:0 0 1.6em; padding:0 20px; border:1px solid #e0e0e0; border-width:0 1px; background:#ebebeb url(../../../Desktop/index/content_bg20070807.gif) repeat-x 0 0; }
#content.short { background-image:url(../../../Desktop/index/content_bg_short20070807.gif); }

#content .cap { height:4px; position:relative; z-index:10; margin:0 -21px; font-size:1px; }
#content .cap.top { margin-bottom:30px; background:url(../../../Desktop/index/content_bgtop20070807.gif) no-repeat 0 0; }
#content .cap.top.nohero { background-image:url(../../../Desktop/index/content_bgtop_nohero20070807.gif); }
#content .cap.bottom { clear:both; height:5px; margin-top:-5px; background:url(../../../Desktop/index/content_bgbottom20070807.gif) no-repeat 0 0; }

#globalfooter { margin-top:5px; }

.column { display:inline; }
.grid2colc .column.first { width:232px; margin-left:-6px !important; }
.grid2colc .column.last { width:695px; }
.grid2colc .grid2col .column { width:332px; }
.grid2colc .grid3col .column { width:195px; margin-right:26px; }
.grid2colc .grid2col .column.first,
.grid2colc .grid3col .column.first { margin-left:0 !important; }
.grid5col .column { width:162px; margin-left:28px; }



/***** header, top stuff *****/
#main #localnav { width:980px; margin:0; padding:1em 0 0; _margin:-15px 0 6px; }

#main #localnav h1 { float:left; width:91px; height:33px; margin:0 0 15px 6px; _margin-bottom:2px; }
#main #localnav h1 a { display:block; width:91px; height:33px; text-indent:-99999px; background:url(../../../Desktop/index/localnav_iwork20070807.png) no-repeat 0 50%; position:relative; outline:none; cursor:pointer; behavior:url(/global/scripts/lib/iepngfix.htc); }
body#index #main #localnav h1 a { cursor:default; }

#main #localnav ul { float:right; margin:0; padding:0 0 1px; }
#main #localnav ul li { display:inline; margin:0; padding:0; }
#main #localnav ul li a { float:left; margin:19px 15px 0; padding:0; color:#959595; text-decoration:none; }
#main #localnav ul li a:hover { color:#08c; }

body#index #main #localnav ul li#ln-overview a,
body.pages #main #localnav ul li#ln-pages a,
body.keynote #main #localnav ul li#ln-keynote a,
body.numbers #main #localnav ul li#ln-numbers a,
body.tutorials #main #localnav ul li#ln-tutorials a { color:#000; }

body#index #main #localnav ul li#ln-overview a,
body#pages #main #localnav ul li#ln-pages a,
body#keynote #main #localnav ul li#ln-keynote a,
body#numbers #main #localnav ul li#ln-numbers a,
body#tutorials #main #localnav ul li#ln-tutorials a { cursor:default; }

#main #localnav a#ln-buynow { display:block; float:right; width:73px; height:25px; margin:15px 6px 0; background:url(../../../Desktop/index/localnav_buynow20070829.png); behavior:url(/global/scripts/lib/iepngfix.htc); cursor:pointer; }
#main #localnav a#ln-buynow span { display:none; }

/* hero */
#main #hero { position:relative; margin:0; padding:2.6em 0; _padding-top:0; background:url(../../../Desktop/index/hero_horizon20070807.png) no-repeat 0 0; behavior:url(/global/scripts/lib/iepngfix.htc); }

#main #hero a.app { position:absolute; top:26px; left:5px; display:block; width:330px; height:50px; text-indent:-9999px; outline:none; behavior:url(/global/scripts/lib/iepngfix.htc); }
body.pages #main #hero a.app { background:url(../../../Desktop/index/hero_pages20070807.png) no-repeat 0 0; }
body.keynote #main #hero a.app { background:url(../../../Desktop/index/hero_keynote20070807.png) no-repeat 0 0; }
body.numbers #main #hero a.app { background:url(../../../Desktop/index/hero_numbers20070807.png) no-repeat 0 0; }
body#pages #main #hero a.app, body#keynote #main #hero a.app, body#numbers #main #hero a.app { cursor:default; }

#main #hero img.across { display:block; margin:25px auto -30px; }
#main #hero h2 { text-align:center; }

/***** main, content *****/
body, #content { color:#4c4c4c; }

#main h1 { font-weight:normal; color:#333; margin-bottom:.5em; }
#main h1 span { color:#666; }
#main h2 { font-size:18px; color:#111; margin:0 0 .8em; }
#main h3 { font-size:14px; margin-bottom:.2em; }
#main h3,
#main h4,
#main strong { color:#000; }

#main div.center { text-align:center; }

#main hr { height:1px; font-size:1px; margin:18px 0 0; color:#ccc; background:none; border:none; border-top:1px solid #ccc; }

/* links */
#main a { color:#08c; text-decoration:none; }
#main a:hover { text-decoration:underline; }
#main a.arrow { padding-right:10px; text-decoration:none; background:url(../../../Desktop/index/arrow20070807.gif) no-repeat 100% .3em; }
#main a.arrow:hover { text-decoration:underline; }

/* swapper & noscript */
#main .swapcontainer { min-height:50em; _height:50em; }

#main .noscript.backtotop { margin-top:1.6em; text-align:right; }

/* landing */
#main div.landing-features { clear:both; }
#main div.landing-features img.left { margin-right:0; }
#main div.landing-features h3 a { color:#000; }
#main div.landing-features .column { margin-bottom:1em; }

body.pages #main div.landing-features p,
body.pages #main div.landing-features h3 { margin-left:150px; }

body.keynote #main div.landing-features p,
body.keynote #main div.landing-features h3 { margin-left:141px; }

body.numbers #main div.landing-features p, 
body.numbers #main div.landing-features h3 { margin-left:130px; }


/***** sidebar *****/
#content .sidebar { margin:-1.4em 0 1em; font-size:12px; background:url(../../../Desktop/index/sidebarbg20070807.gif) repeat-y 0 0; }

/* left sub nav */
#main #subnav { position:relative; margin:-5px 0 1em; }

#main #subnav ul { margin:0; padding:1.6em 1px 30px; }
#main #subnav ul li { display:block; margin:-6px 0 0; padding:0 0 1px; background:url(../../../Desktop/index/subnav_bgitem20070807.gif) no-repeat 0 100%; }
#main #subnav ul li.last { background:none; }
#main #subnav ul li a { display:block; margin:0; padding:8px 12px 10px; color:#666; text-decoration:none; outline:none; position:relative; *margin-bottom:-2px; }
#main #subnav ul li a:hover { color:#08c; }

#main #subnav ul li.active { background:none; }
#main #subnav ul li.active a { color:#000; font-weight:bold; background:url(../../../Desktop/index/subnav_bgitem_active20070807.png) no-repeat 0 50%; _background-image:url(http://images.apple.com/fr/iwork/images/subnav_bgitem_active20070807.gif); }

/* promos */
#content .sidebar img.across { margin:-.4em 0 1.6em; }


/***** footer, bottom stuff *****/

/* next/previous links */
#main .pagenav { clear:both; padding-top:2em; font-size:14px; }
#main .pagenav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#main .pagenav hr { width:660px; height:1px; margin:.7em 0; color:#eee; background:#eee; border:none; }

#main .pagenav div.column { margin-bottom:1.6em; }
#main .pagenav div.previous { clear:both; text-align:left; }
#main .pagenav div.previous a.arrow { padding-left:20px; padding-right:0; background:url(../../../Desktop/index/pagenav_arrowleft20070807.gif) no-repeat 0 .2em; *background-position:0 .1em; }
#main .pagenav div.next { text-align:right; }
#main .pagenav div.next a.arrow { padding-right:20px; background:url(../../../Desktop/index/pagenav_arrowright20070807.gif) no-repeat 100% .2em; *background-position:100% .1em; }

/* sosumi */
#main ol.sosumi, #main ul.sosumi, #main p.sosumi { padding-top:2em; margin-bottom:-1em; line-height:1.4em; }

/* footer */
#main #contentfooter { background:url(../../../Desktop/index/contentfooter_bg20070807.gif) repeat-y 0 0; clear:both; width:980px; margin:0 0 1em; padding:0; color:#999; font-size:11px; line-height:1.6em; position:relative; }
#main #contentfooter .cap { height:92px; margin:0; font-size:1px; }
#main #contentfooter .cap.top { margin-bottom:-92px; background:url(../../../Desktop/index/contentfooter_bgtop20070807.gif) no-repeat top left; }
#main #contentfooter .cap.bottom { margin-top:-92px; background:url(../../../Desktop/index/contentfooter_bgbottom20070807.gif) no-repeat bottom left; }

#main #contentfooter.grid4col .column { width:205px; _width:200px; margin:0; padding:1.6em 20px 0; }

#main #contentfooter a.block { display:block; color:#999; font-weight:bold; }
#main #contentfooter a.block:hover { color:#08c; }
#main #contentfooter a.block strong { display:block; }
#main #contentfooter a.block span { display:block; margin:-.2em 0 1.6em; }
#main #contentfooter a.block img.center { display:block; margin-left:20px; *position:relative; }
#main #contentfooter a.block img.flushbottom { margin-bottom:1px; }

#main #contentfooter #cf-office ul { margin-top:48px; margin-bottom:0; }
#main #contentfooter #cf-office img.left { margin-left:15px; }
#main #contentfooter #cf-office a.block { width:310px; }

#main #contentfooter #cf-buynow h3 { margin:0; }
#main #contentfooter #cf-buynow span { display:block; margin:-.2em 0 1em; }
#main #contentfooter #cf-buynow img.right { margin:0 -5px -30px -30px; }
#main #contentfooter #cf-buynow img.button { margin:0 0 .5em; display:block; }
#main #contentfooter #cf-buynow ul,
#main #contentfooter #cf-buynow ul li { margin:0; padding:0 0 1px; position:relative; }
#main #contentfooter #cf-buynow ul li.reseller { margin-top:-.2em; }
#main #contentfooter #cf-buynow ul li.call,
#main #contentfooter #cf-buynow ul li.reseller { padding-bottom:.6em; }


/***** nav for popup & popup *****/

/* page video thumbnail */
#main .watchvideo { float:right; margin-left:30px; margin-bottom:20px; }
#main .watchvideo .poster { display:none; }
#main .watchvideo .description { display:none; }

/* page gallerybox nav */
#main .popupnav { padding:0 0 8px; margin:0 0 1.6em; background:url(../../../Desktop/index/popupnav_bgbottom20070807.gif) no-repeat 0 100%; }
#main .popupnav h2 { padding:5px 10px; margin:0; font-size:13px; font-weight:normal; color:#737373; background:url(../../../Desktop/index/popupnav_bgtop20070807.gif) no-repeat 0 0; }
#main .popupnav ul { padding:12px 0 1px 10px; margin:0; background:url(../../../Desktop/index/popupnav_rule20070807.gif) no-repeat 0 0; *min-height:49px; _height:49px; }
#main .popupnav ul li { display:inline; }
#main .popupnav ul li a { display:block; float:left; width:65px; height:49px; padding:3px 5px 6px; margin:0 5px 0 0; background:url(../../../Desktop/index/popupnav_thumb20070807.gif) no-repeat 0 0; }
#main .popupnav ul li.enlarge { display:block; float:left; width:17px; height:17px; margin:-64px 0 0 -4px; background:url(../../../Desktop/index/popupnav_enlarge20070807.png) no-repeat 0 0; font-size:1px; behavior:url(/global/scripts/lib/iepngfix.htc); _display:inline; }

/* popup  background (both image and movie) */
.popup,
.popupshadow { position:absolute; top:0; left:-1200px; z-index:9999; }
.popupshadow { width:990px; height:735px; }

.popupshadow img { width:100%; height:100%; }	
.popupshadow.isanim img { *display:none; _display:block; }

/* popup */
.popup { width:860px; height:538px; margin:60px 65px 137px; }

.popup .popupimg { width:100%; height:100%; }
.popup .movie { margin:0 0 0 235px; padding-top:32px; }

.popup a.close, #popupmovie a.close { position:relative; z-index:999; display:block; width:28px; height:28px; top:-12px; margin:0 -28px -28px -15px; text-indent:-9999px; background:url(../../../Desktop/index/widget_close.png) no-repeat; cursor:pointer; outline:none; behavior:url(/global/scripts/lib/iepngfix.htc); }
.popup.isanim a.close, #popupmovie.isanim a.close { display:none; }
.popup.isanim .movie { display:none; }

/* image popup nav */
.popup#popup .popupnav { padding-top:8px; border-top:1px solid #ccc; }
.popup#popup.isanim .popupnav { display:none; }
.popup#popup .popupnav ul { width:26px; margin:0 auto; }
.popup#popup .popupnav ul.w2 { width:174px; }
.popup#popup .popupnav ul.w4 { width:348px; }
.popup#popup .popupnav ul.w5 { width:435px; }
.popup#popup .popupnav ul li { float:left; }
.popup#popup .popupnav ul li a { display:block; margin:0 5px; padding:3px; border:1px solid #fff; outline:none; }
.popup#popup .popupnav ul li a.active { border-color:#ccc; }

/* movie popup */
.popup#popupmovie,
.popupshadow#popupmovieshadow { position:absolute; top:0; left:-1122px; z-index:9999; }
.popupshadow#popupmovieshadow { width:980px; height:540px; }

.popup#popupmovie { height:450px; width:900px; margin:40px; }

.popup#popupmovie .description { position:absolute; width:195px; left:20px; top:120px; font-size:12px !important; }
.popup#popupmovie .description h3 { margin-bottom:1em; }
.popup#popupmovie .description a.arrow { padding-right:10px; text-decoration:none; background:url(../../../Desktop/index/arrow20070807.gif) no-repeat 100% .3em; }
.popup#popupmovie .description a:hover { text-decoration:underline; }

.popup#popupmovie .movie { width:640px; height:360px; }

.popup#popupmovie .controller { display:none; position:relative; width:640px; padding:0; margin:14px 0 0 235px; }
.popup#popupmovie .controller div.control { width:10px; height:10px; margin-top:1px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(../../../Desktop/index/popup_movie_playpause20070807.gif) left top no-repeat; }
.popup#popupmovie .controller div.control.pause { background-position:left -10px; }
.popup#popupmovie .controller div.sliderPanel { position:absolute; top:0; left:16px; height:12px; width:624px; }
.popup#popupmovie .controller div.sliderPanel div.track { position:absolute; left:0; width:624px; height:12px; text-align:left; background:url(../../../Desktop/index/popup_movie_bgtrack_load20070807.gif) no-repeat; }
.popup#popupmovie .controller div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:12px; background:url(../../../Desktop/index/popup_movie_bgtrack20070807.gif) no-repeat; }
.popup#popupmovie .controller div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; }
.popup#popupmovie .controller div.sliderPanel div.track div.playHead { position:absolute; top:0; margin:0 1px; width:13px; height:12px; background:url(../../../Desktop/index/popup_movie_pointer20070807.png) no-repeat; cursor:pointer; behavior:url(/global/scripts/lib/iepngfix.htc); }
.popup#popupmovie.popped .controller { display:block; }