@import url(/in/global/styles/blackout.css);

body.education.story #globalheader { z-index:0; } /* fullscreen fix */

html, body { background-color:#f2f2f2; }
#main.content { margin:0 auto 21px !important; padding:0 50px 36px; position:relative; width:880px; }
#hero.content { width:880px; }
#contact.content { margin-top:20px; }
/* productheader */
#productheader h2 a { text-indent:0; width:237px; }
#productheader li a { -webkit-transition: color 0.1s linear; }
#productheader a.howtobuy { behavior: none; }
#buy #productheader a.howtobuy { background-position:0 -75px !important; cursor:default; }

.story #pn-profiles a,
#why #pn-why a,
#ipad #pn-ipad a,
#ipodtouch-iphone #pn-ipodtouch-iphone a,
#resources #pn-resources a,
#mac #pn-mac a { color:#999 !important; cursor:default; }

.story #pn-profiles a,
#why-mac #pn-whymac a,
#ipad #pn-ipad a,
#ipodtouch-iphone #pn-ipodtouch-iphone a,
#resources #pn-resources a,
#mac #pn-mac a { color:#999 !important; }

/* promo howtobuy */
#promofooter #promos li.promo.buynow ul.howtobuy { margin:1.8em 0; font-size:11px; }
#promofooter #promos li.promo.buynow h4 { position:relative; }
#promofooter #promos li.promo.buynow h4 a img.howtobutton { position:absolute; right:12px; top:13px; }
#promofooter #promos li.promo.buynow p { font-size:11px; color:#777; }
#promofooter #promos li.promo.buynow ul.howtobuy a { color:#08c; }
#promofooter #promos li.promo.buynow ul.howtobuy a:hover { text-decoration:underline; }

#promofooter #promos li.promo.standout h4 a img.registerbutton { position:absolute; right:12px; top:13px; }

/* Directory Nav
------------------------*/
#directorynav.education .column { padding:9px 0 0 54px; width:190px; }
#directorynav.education .column h3 { line-height:18px;}
#directorynav.education .column a { padding-left:15px; text-indent:-15px; line-height:16px; }

/* content
----------------------------- */
.content h1 img,
.content h2 img,
.content h3 img { display:block; }

.content { font-size:14px; line-height:21px; *overflow:hidden; }
.content h2 { font-size:1.6em; }
.content h3 { font-size:16px; margin-bottom: 7px; }
.content p { margin-bottom: 21px; line-height:21px; }
.content p.intro { font-size:18px; line-height: 25px; margin-bottom: 27px; }
.content hr { border-color:#E4E4E4; border-style:none none solid; border-width:medium medium 1px; clear:both; margin:0 0 2em;}
.content h1.headline { font-size: 2em; letter-spacing: -1px; line-height: 1.2142em;}


p.sosumi, ul.sosumi, ol.sosumi { clear: both; width: 940px; margin: 0 auto; padding: 12px 20px 0; }
ol.sosumi li { margin-left:1.8em; }

.content a.block { display:block; color:#333; text-decoration:none; }
.content a em.more { font-style: normal; text-decoration: none; color: #08c; white-space: nowrap; padding-right: 10px; background: url(/in/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; zoom: 1; cursor: pointer; }
.content a:hover em.more { text-decoration: underline; }
.content a.close { position:absolute; z-index:10; top:-28px; right:0; padding:0 0 0 18px; color:#888; text-transform:lowercase; font-size:12px; background:url(/in/global/elements/buttons/close.png) no-repeat 0 0; }
.content a.close:hover { color:#08c; text-decoration:none; background-position:0 -50px; }
.shadow { -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; *border: 1px solid #e4e4e4; }
.content .endState { background: none; }
.content .vr .controllerPanel { display: none; }

.content .back-to-top { font-size:12px; position: absolute; right: 0; top: 8px; padding-right: 12px; background: url(/in/global/elements/arrows/uparrow_08c.gif) no-repeat 100% 50%; }

.content .headline-icon { display:table; height:62px; margin-bottom:0; *position:relative; *z-index:1; }
.content .headline-icon img { margin:0 20px 0 0; float:left; }
.content .headline-icon div.headline { display:table-cell; vertical-align:middle; *position:absolute; *z-index:1; *top:50%; }
.content .headline-icon div.headline div { *position:relative; *z-index:1; *top:-50%; margin-bottom:0; }

span.more { text-align:left; margin-right:-10px; } 
.nowrap { white-space:nowrap; }
.wrap, a.wrap { white-space:normal; }

#main img.last { margin-bottom: 0; width: auto !important; float: none !important; }
.flushright,
img.flushright { float: right; margin-right: -50px; position: relative; }
.flushleft,
img.flushleft { float: left; margin-left: -50px; position: relative; }

#main .callout { padding:1em 25px; position:relative; background-color:#f5f5f5; color:#555; }

.section { clear: both; position: relative; padding: 40px 0; border-top: 1px solid #d9d9d9; zoom:1; }
.section.first-section { margin: 0 -50px; padding: 62px 50px 40px; border: none; background: url(/in/education/images/top_section_bg_20100409.gif) repeat-x top left; }

.inlinevideo { position:relative; }
.inlinevideo .video-section { clear:both; position:absolute; width:848px; height:480px; left:50%; bottom:0; margin:0 -424px; }
.inlinevideo .endState { visibility:hidden; }
.aside { margin: 25px 0 25px; font-size:12px; }

/* sidecar */
.sidecar span.sidecar-top { position:absolute; top:0; left:0; width: 12px; height: 55px; background: url(/in/education/images/sidecar_gradient_top_20100409.gif) no-repeat 0 0; }
.sidecar span.sidecar-bottom { position:absolute; bottom:0; left:0; width: 12px; height: 56px; background: url(/in/education/images/sidecar_gradient_bottom_20100409.gif) no-repeat 0 0; }
.sidecar { width:200px; float:right; width:270px; margin-left:-30px; padding-left:30px; position:relative; background: #fff url(/in/education/images/sidecar_gradient_20100409.gif) repeat-y 0 13px; }
.sidecar p.subtitle { color:#666; font-size:16px; padding-top:2px; padding-bottom:34px; margin-bottom:-13px; }
.sidecar h4 { color:#000; font-size:12px;}
.sidecar p { color:#333; font-size:11px; line-height: 16px; margin-bottom: 16px; }


/* at a glance */
/*.at-a-glance { margin-bottom: 1.5em; padding-bottom: 20px; }*/
.at-a-glance { margin-bottom: 1.5em; padding-top: 60px;  border-top:1px solid #d0d0d0;}
.at-a-glance .rounded { width: 840px; padding: 40px 20px; clear: both; text-align: center; }
.at-a-glance h2 { margin: 0; }
.at-a-glance h3 { height: 19px; margin: 0 0 10px; }
.at-a-glance h2 img,
.at-a-glance h3 img { margin: 0 auto; }
.at-a-glance a.buynow { height: 25px; margin: 10px auto 0; text-indent: -9999px; display: block; width: 72px; background: url(/in/global/elements/buttons/buynows.png) no-repeat 0 0; _background: url(/in/global/elements/buttons/buynows.gif) no-repeat 0 0; }
.at-a-glance a.buynow:hover,
.at-a-glance a.buynow:focus { background-position: 0 -25px; }
.at-a-glance a.buynow:active { background-position: 0 -50px; }
.at-a-glance .column p { color: #777; line-height: 19px; margin-bottom: 30px; }
.at-a-glance .column a.more { font-size:12px; }


/* labs callout */
.labs-callout { margin-bottom: 1.5em; padding: 10px 70px 0; clear: both; zoom:1; 
border-top:1px solid #d0d0d0; padding-top: 40px; }
.labs-callout:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.labs-callout .left { margin-right: 50px; }
.labs-callout h3 { margin-top: 45px; }


/* page nav */
.page-nav { width: 980px; margin: 0 -50px; text-align:center; background: url(/in/education/images/page_nav_bg_20100409.jpg) repeat-x 0 0; }
.page-nav li { display:inline; }
.page-nav li.caret { display:block; position:absolute; top:41px; left:50%; width:26px; height:16px; z-index:10; background:url(/in/education/images/nav_caret_20100409.png) no-repeat 0 0;  }
.page-nav a { display:inline-block; padding:12px 20px; font-size:18px; color:#737373; background: url(/in/education/images/nav_border_20100409.jpg) no-repeat right 50%; }
.page-nav a:hover { text-decoration:none; color:#08c; }
.page-nav .last-child a { background: none; }

/* hero nav */
#heronav { padding-top: 40px; padding-bottom: 45px;  }
#heronav h1 { margin: 0 0 8px; }
#heronav h1 img { margin: 0 auto; }
#heronav p.intro { text-align: center; }

#heronav ul { height: 141px; margin: 0 auto; }
#ipad #heronav ul { margin: 0; }
#heronav ul li,
#heronav ul li div { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; *font-size:13px; _font-size:13px; }
#heronav ul li { float: left; width: 145px; height: 143px; margin-right: 36px; border: 1px solid #dcdcdc; background: url(/in/education/images/nav_bg_20100409.png) repeat-x 0 100%; }
#heronav ul li div { position: relative; height: 137px; padding:0 6px; border:3px solid #fff; overflow: hidden; }
#heronav ul li a { display:block; position:absolute; width: 133px; height: 274px; color:#999; cursor: pointer; }
#heronav ul li span { position:relative; display: block; width: 140px; height: 98px; margin:0 -9px 11px -6px; overflow:hidden; }
#heronav ul li span img { position:absolute; -webkit-tap-highlight-color: transparent; }
#heronav ul li h4 { word-spacing: -1px; font-weight: normal; }
#heronav ul li p { margin: 1px 0 0; line-height: 1.45em; }
#heronav ul li .more { display: block; width: 81px; padding: 0 10px 2px 0; text-align: left; background: url(/in/education/images/nav_arrow_20100409.png) no-repeat 100% 50%; }

#heronav ul li.last-child { float: right; margin-right: 0px; }

#heronav ul li.first-child  span img { left:0; }
#heronav ul li.second-child span img { left:-140px; }
#heronav ul li.third-child  span img { left:-280px; }
#heronav ul li.fourth-child span img { left:-420px; }
#heronav ul li.fifth-child  span img { left:-560px; }

#heronav ul li a:hover { text-decoration: none; }

#heronav a,
#heronav h4 { -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; -khtml-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }

#heronav a { -webkit-transition-property:top; }
#heronav h4 { -webkit-transition-property:padding-bottom; }

#heronav a { top:0; }
#heronav a:hover { top: -103px; }
#heronav a h4 { padding-bottom: 7px; }
#heronav a:hover h4 { padding-bottom: 0; _color: #08c; }

#heronav:nth-child(1n) a,
#heronav:nth-child(1n) .loaded a:hover { top: -103px; }
#heronav:nth-child(1n) .loaded a { top: 0; }
#heronav:nth-child(1n) a h4,
#heronav:nth-child(1n) .loaded a:hover h4 { padding-bottom: 0; }
#heronav:nth-child(1n) .loaded a h4 { padding-bottom: 7px; }

#heronav .loaded :nth-child(1) a,
#heronav .loaded :nth-child(1) h4 { -webkit-transition-delay: .0s; }
#heronav .loaded :nth-child(2) a,
#heronav .loaded :nth-child(2) h4 { -webkit-transition-delay: .1s; }
#heronav .loaded :nth-child(3) a,
#heronav .loaded :nth-child(3) h4 { -webkit-transition-delay: .2s; }
#heronav .loaded :nth-child(4) a,
#heronav .loaded :nth-child(4) h4 { -webkit-transition-delay: .3s; }
#heronav .loaded :nth-child(5) a,
#heronav .loaded :nth-child(5) h4 { -webkit-transition-delay: .4s; }

#heronav .revealed a,
#heronav .revealed h4 { -webkit-transition-delay: .0s !important; }


/* Professional Development */
#professional-development .callout { background: #fdfdfd; }

#professional-development #hero { padding-top:45px; }
#professional-development #hero p.intro strong { color:#000; }
#professional-development #hero p.sosumi { padding:0; width:99%; margin: 0 0 20px; }
#professional-development #hero img.hero { float:right; margin-right:-50px; margin-left:25px; }


#professional-development #hero .callout { height: 80px; font-size:16px; font-weight:bold; padding:0; width:450px; margin-bottom:40px; -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 4px; -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 4px; box-shadow: rgba(0,0,0,0.4) 0 1px 4px; *border:1px solid #ccc; box-shadow: rgba(0,0,0,0.4) 0 1px 6px \9; }


#professional-development #hero .callout img { float:left; margin:0 17px 0 0; }
#professional-development #hero .callout p { padding:15px 0 0px; display:block; *margin-bottom:10px; color:#08c; }
#professional-development #hero .callout a { width:400px; display:block; padding:13px 25px; *padding-bottom:0; }


#professional-development .sidecar { width:315px; background-color:transparent; background-position:0 50px; }
#professional-development .sidecar img { clear:left; float:left; margin-bottom:25px; margin-right:10px; }
#professional-development span.sidecar-top { position:absolute; top:0; left:-19px; height:56px; width:12px; behavior:url(/global/scripts/lib/iepngfix.htc); }

#professional-development #getting-most.grid2cola .column.first { width:58%; }
#professional-development #getting-most.grid2cola .column.first img { float:left; margin-right:20px; margin-top:4px; }
#professional-development #getting-most.grid2cola .column.last { width:326px; position:relative; }
#professional-development #getting-most.grid2cola .column.last h2 { margin-left:11px; margin-bottom:20px; }

#professional-development #featured-workshops { padding-bottom:0; }
#professional-development #featured-workshops h2 { margin-bottom:30px; }
#professional-development #featured-workshops.grid3col .column { width:31%; font-size:12px; margin-left:3%; _margin-top:-14px; }
#professional-development #featured-workshops.grid3col img.ipad { margin-left:36px;}
#professional-development #featured-workshops.grid3col img.ibooks-author { margin-left:40px; }
#professional-development #featured-workshops.grid3col img.special-education { margin-left:49px; }
#professional-development #featured-workshops.grid3col h3 { font-size:16px; }

#professional-development .workshops.callout { height: 87px; padding:0; font-size:14px; -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 4px; -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 4px; box-shadow: rgba(0,0,0,0.4) 0 1px 4px; *border:1px solid #ccc; box-shadow: rgba(0,0,0,0.4) 0 1px 6px \9; }
#professional-development .workshops.callout p { margin:10px 0; color:#000; *padding-top:8px; _padding-top:0; }
#professional-development .workshops.callout a { padding:1em 25px; *padding-bottom:0; _padding-bottom:1em; display:block; overflow:hidden; }
#professional-development .workshops.callout a p { text-decoration:none; }
#professional-development .workshops.callout a:hover { text-decoration:none; _text-decoration:underline; }
#professional-development .workshops.callout a:hover p em { text-decoration:underline; }
#professional-development .workshops.callout img.left { margin-bottom:0; _position:relative; _z-index:5; }
#professional-development .workshops.callout a p em { font-style:normal; color:#08c; }

#hero .sosumi { line-height: 1.5; }



/* inline galleries */
#overview #main .gallery { position: relative; width: 980px; height: 430px; margin: 0 -50px 25px; overflow: hidden; }
#overview #main .gallery p.caption { width: 980px; font-size: 12px; text-align: center; position: absolute; bottom: 100px; }
#overview #main .gallery .content-area { width: 980px; height: 407px; }

#overview #main .gallery .gallery-container { position: absolute; top: 0; left: 0; width: 4900px; }
#overview #main .gallery .gallery-container .image { position: absolute; width: 980px; }
#overview #main .gallery .gallery-container .image img { display: block; margin: 0 auto; }

#overview #main .gallery ul { margin: 0 auto; }
#overview #main .gallery ul li { width:58px; height:43px; float:left; margin-right:30px; position:relative; text-align: center; }
#overview #main .gallery ul li.last { margin-right: 0 !important; }
#overview #main .gallery ul li a { display:block; text-decoration:none; cursor:pointer; }
#overview #main .gallery ul li a:hover { text-decoration:none; }
#overview #main .gallery ul li a span { position:absolute; top:50px; left:-15px; font-size:11px; line-height:13px; color:#888; text-decoration:none; width:89px; word-spacing: -1px; }
#overview #main .gallery ul li a:hover span { color:#08c; }
#overview #main .gallery ul li a.active { cursor:default; }
#overview #main .gallery ul li a.active span { color:#000; }
#overview #main .gallery ul li a img { position:absolute; top:5px; left:0; z-index:0; }
#overview #main .gallery ul li a div { width:58px; height:43px; position:absolute; top:5px; left:0; z-index:1; background:url(/in/education/images/image_thumbnail_mask_20100409.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/in/education/images/image_thumbnail_mask_ie_20100409.png",sizingMethod='image'); }
#overview #main .gallery ul li a.active div { background-position: 0 -43px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/in/education/images/image_thumbnail_mask_ie_active_20100409.png",sizingMethod='image'); }

#overview #main .gallery .image1 { left: 0px; }
#overview #main .gallery .image2 { left: 980px; top:55px; }
#overview #main .gallery .image3 { left: 1960px; top:55px; }
#overview #main .gallery .image4 { left: 2940px; top:55px; }
#overview #main .gallery .image5 { left: 3920px; top:55px; }
#overview #main .gallery .image6 { left: 4900px; top:55px; }


/* audio controller
------------------------*/

/* audio links for circular controllers */
.content a.audioLink { float:left; background:none; padding-top:4px; padding-left:4px; padding-bottom:20px; }
.content a.audioLink img { vertical-align:middle; margin-right:6px; }
.content a.audioLink.audiotext { _overflow: hidden;}
.content a.controller { padding:0; }
/* circular controller */
body > .controllerPanel { width:28px; z-index:5; }
.ACMediaCircularController { position:absolute; left:0; _left:-50px; width:28px; height:28px; margin-top:0; overflow:hidden; }
.controllerPanel .ACMediaCircularController .control { position:absolute; top:6px; left:5px; margin:0; width:18px; height:18px; overflow:hidden; text-align:center; text-indent:-999px; background-image:none; }
.ACMediaCircularController .background { position:absolute; width:64px; height:28px; left:-36px; top:0; background-image:url(/global/elements/buttons/circular-controller-parts.png) !important; background-image:expression(none) !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/in/global/elements/buttons/circular-controller-parts.png',sizingMethod='crop'); }
.ACMediaCircularController .control.play .background { left:0; top:-6px; }
.ACMediaCircularController .control.pause .background { left:-18px; top:-6px; }
.ACMediaCircularController canvas { left:1px; top:1px; width:26px; height:26px; position: absolute; }
#main .controllerPanel .ACMediaCircularController .control.play,
#main .controllerPanel .ACMediaCircularController .control.pause { background-image: none; }


/* page specific
----------------------------- */

#labs #main { padding-bottom:3em; }
#labs #main #hero { margin:0 0 4.7em 0; text-align:center; padding-top:4.9em; }
#labs #main #hero h1 { line-height:0; margin-top:-30px; margin-bottom:6px; }
#labs #main #hero h1 img { display:inline; }
#labs #main #hero p.intro { width:84%; margin-right:auto; margin-left:auto; }
#labs #main h2 { margin-top:-5px; margin-bottom:0; font-size:1.6em; font-weight: normal; }
#labs #main #laptopprog .column.last img.right { _position: absolute; _top: 260px; }
#labs #main p.singlelink { margin:0; }
#labs #main p.multilinks { margin:0.8em 0; width: 450px; }
#labs #main #macbooklabs { margin:3.7em 0 6em; }
#labs #main #macbooklabs img {margin-left:0.4em; }
#labs #main #ipodlabs { margin:0 0 3em; }
#labs #main .grid2col .column.first .leftcolumn { margin:0 2em 0 0; }
#labs #main .grid2col .column.last .rightcolumn { margin:0 0 0 1.2em; }
#labs #main #macbooklabs.grid2col .column.first img { margin-top:1px; margin-left:2px; }
#labs #main #macbooklabs.grid2col .column.last .rightcolumn {margin-top:3.2em;}
#labs #main #ipodlabs.grid2col .column.last .rightcolumn {margin-top:6.4em;}
#labs #main #ipodlabs.grid2col .column.first img { margin-top:6px; margin-right:1.7em; }
#labs #main #desktoplabs.grid2col { margin-bottom:2em; margin-top:3.3em; }
#labs #main #desktoplabs.grid2col .column.last .rightcolumn h2 { margin-top:-7px; }
#labs #main #ipadlabs { _width: 890px; padding-bottom: 1em; }
#labs #main #ipadlabs .column.first { }

#labs .aside { margin-top:50px; background-position: 100% 50%; background-repeat: no-repeat; border:1px solid #dedede; padding: 24px 28px 6px 28px; background-color: #e6e6e6; padding-right:300px; }
#labs .aside p { margin-bottom:0; }
#labs .aside ul { margin-bottom:16px; }


/* why apple */
#why #hero ul.nav-callout li { display:inline-block; border:1px solid #DCDCDC; background-color:#fff; width:146px; height:140px; }
#why #hero ul.nav-callout a { background-color:#F5F5F5;  height:134px; }
#why #hero p.intro { text-align:center; width:600px; }

#why #heronav ul { width:880px; }#why #heronav p.intro { width:750px; margin:0 auto 36px; }

#why .content-slider { margin-top:0; }

#why .section .first a.left { margin:5px 20px 0 0; }
#why .section .last { position:relative; }
#why .section img.imac { margin-bottom:37px; margin-left:-7px; *margin-bottom: -25px !important; }

#why .grid2cola .last { width:283px; }
#why .grid2cola .first { width:550px; }

#why #video-kick { *clear:both; *position:relative; }
#why #video-kick .grid2cola { width:880px; }
#why #video-kick .grid2cola .sidecar { *margin-top:70px; }

#why #kick-start .last .sidecar { min-height:500px; _height: 500px; }
#why #kick-start .last .sidecar img.ilife { margin-top:8px; margin-right:11px; margin-left:11px; margin-bottom:0; }
#why #kick-start .last .sidecar img.iwork { margin-top:18px; margin-right:11px; margin-left:11px; margin-bottom:0; }
#why #kick-start .last .sidecar img.macosx { margin:4px 16px 10px 20px; }
#why #video-kick { height: 908px; *height:600px; }

#why #teaching .grid2col { margin-top:20px; }
#why #teaching .grid2col img.right { margin-top:20px; margin-right: -50px;}
#why #teaching .grid2col .first { width:402px; }
#why #teaching .grid2cola .last .sidecar { min-height:358px; _height: 358px; }
#why #teaching .last .sidecar img.ipod { margin-top: 7px; margin-right: 15px; }
#why #teaching .last .sidecar img.ipad { margin-top: 9px; margin-right: 6px; }
#why #teaching .last .sidecar img.appstore { margin-top: 9px; margin-right: 6px; }

#why #video-teaching .grid2cola { width:880px; position:relative; }

#why #mirroring { padding-top: 60px; }
#why #mirroring .column.first p { width:383px; margin-bottom: 50px; }
#why #mirroring .column.first p.intro { width:400px; margin-bottom: 60px; }
#why #mirroring .column.last .flushright { margin-top: 0; }
#why #mirroring .column.last .adjust { margin-top: 5px; display: block; }
#why #mirroring .column.last .sidecar p { width: 195px; }
#why #mirroring .column.last .sidecar p.subtitle { width:auto; }
#why #mirroring .column.last .sidecar img.right { margin-left: 30px; *margin-left: 10px; }

#why #podcasting h2 img { position:relative; margin-right:-162px; }
#why #podcasting .grid2col { margin-top:20px; }
#why #podcasting .grid2col .last { position:relative; }
#why #podcasting .grid2col img.right { margin-left:-60px; margin-top:20px; }
#why #podcasting .grid2col .first { position:relative; }
#why #podcasting .grid2col .first p { width:365px; }
#why #podcasting .last .sidecar { min-height:545px; _height: 545px; }
#why #podcasting .last .sidecar img.garage-band { margin-top: 8px; margin-right: 10px; margin-left: 20px; }
#why #podcasting .last .sidecar img.macosx { margin-top:24px; margin-right:20px; }
#why #video-podcasting { height: 545px; }

#why #itunes-u .grid2cola { margin-top:20px; }
#why #itunes-u .first img.right { margin:20px -380px 30px 46px !important; position:relative !important; }
#why #itunes-u .last { margin-top:385px; }
#why #itunes-u .first p.intro { margin-bottom: 4px; }
#why #itunes-u .first p.sublink { margin-bottom: 42px;}
#why #itunes-u .last .sidecar  { width:230px;  margin-left:-30px; margin-top: 30px; padding: 30px 0 50px 35px; }
#why #itunes-u .last .sidecar h4  { font-size:14px; padding-top: 10px; }
#why #itunes-u .last .sidecar img.ipod { margin-top:7px; margin-right:18px; margin-left:50px; }
#why #itunes-u .last .sidecar img.ipad { margin-right:8px; }
#why #itunes-u .last .sidecar img.itunes { margin-right:9px; margin-top:22px; }

#why #bottom-tiles { margin: 0 -2px 0; padding-bottom:0; }
#why ul.bottom-tile { margin-top: 25px; }
#why ul.bottom-tile .bottom-tile-ipad img { margin-top: 48px; }
#why ul.bottom-tile .bottom-tile-imac img { margin-top: 30px; }
#why ul.bottom-tile .bottom-tile-iphone img { margin-top: 61px; }
#why ul.bottom-tile li { display:inline-block; float:left; width:285px; height:237px; text-align:center; margin-right:14px; }
#why ul.bottom-tile li.last { margin-right:0; }
#why ul.bottom-tile li h3 { font-size:1em; }
#why ul.bottom-tile li a { display:block; height:237px; text-decoration:none; }
#why ul.bottom-tile li a:hover span.more { text-decoration:underline;  }

#why a.video-podcasting img { margin-bottom:50px; }
#why a.video-teaching img { margin-bottom:70px; }

#why .endState { display:none; background-image: url(/in/global/elements/quicktime/qt_endstate848x480.jpg); }
#why .moviePanel .endState { display:block; }
#why a.pillbutton { position:absolute; top:225px; left:345px; _left:-85px; }
#why #video-kick a.pillbutton { _left:345px; }

#why img.reflect,
#why .moviePanel video,
#why .endState { -webkit-box-reflect: below -4px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0.9, transparent), to(rgba(0,0,0,0.25))); }


#why .content-slider .action { height:285px; *height: 298px; height:300px\9 }
#why .content-slider { height: 345px; *height:350px;}

/* mac */
#mac #heronav p.intro { padding: 0 22px; }

#mac .section { padding-top: 30px; }
#mac .section h2 img { margin:0 auto; }
#mac .section p.intro { text-align: center; line-height: 24px; }

#mac .aside { background-position: 100% 50%; background-repeat: no-repeat; /*border:1px solid #dedede; */padding: 24px 28px 6px 28px; background-color: #e6e6e6; line-height: 18px; }
#mac #pro .aside { padding-right:300px; }

#mac .grid3col .column { width: 261px; margin-left: 51px; }
#mac .content-area.swapView p.caption { display:block; }
#mac .content-area p.caption { display:none; }

#mac #hardware .gallery-triggers ul { width: 410px; }
#mac #hardware .gallery #hardware-gallery .image1 { top: 142px; }
#mac #hardware p.intro { padding: 0 195px; }
#mac #hardware .grid2col { padding-bottom: 50px; }
#mac #hardware .grid2col img.flushleft { margin-right:-11px; margin-top:25px; }
#mac #hardware .grid2col .column.last img { margin-bottom: 10px; } 
#mac #hardware img.server-setup { float:left; margin-right:43px; }
#mac #hardware #design.grid2col .column.first { margin-top:50px; }
#mac #hardware .pullout { width:685px; padding:30px 50px 18px; }
#mac #hardware .pullout { margin:0 auto; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
#mac #hardware .pullout img { margin:0; }
#mac #hardware .pullout h2,
#mac #hardware .pullout p { margin-left:125px; }
.content .shadow { border:1px solid #ccc; -webkit-box-shadow:0 1px 4px rgba(0,0,0,.4); -moz-box-shadow:0 1px 4px rgba(0,0,0,.4); box-shadow:0 1px 4px rgba(0,0,0,.4); }
.content .inset { border:1px solid #ccc; -webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.4); -moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.4); box-shadow:inset 0 1px 4px rgba(0,0,0,.4); }
.content .shadow:nth-child(1n),
.content .inset:nth-child(1n) { border:none; }
.gradient {
	background:#f6f6f6;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background:-moz-linear-gradient(top, #fff, #f2f2f2);
}

#mac #hardware .aside { padding: 35px 25px 0 25px; background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ffffff)); background: -moz-linear-gradient(top, #f6f6f6, #ffffff); }
#mac #hardware .aside h4 { margin-bottom: 4px; }
#mac #hardware .aside p.intro { padding: 0; margin-bottom: 23px; text-align: left; font-size:1.25em; line-height:1.35em; }
#mac #hardware .aside .flushleft { margin-left: -40px; margin-right: 10px; }
#mac #hardware .aside .left { margin-right: 12px; margin-bottom: 10px; }
#mac #hardware .aside .grid2col { margin-bottom:52px; }
#mac #hardware .aside .grid2col .column.first { width:44%; }
#mac #hardware .aside .grid2col .column.last { width:56%; }
#mac #hardware .aside .grid2col .column.last img { float:right; margin-top: -20px; margin-right: 30px; margin-bottom: -28px; } 
#mac #hardware .aside .grid3col .column { font-size:14px; line-height:22px; width:30%; }
#mac #hardware .column p { padding-right: 30px; }


#mac #ilife h2 { margin-bottom:18px; }
#mac #ilife p.intro { padding: 0 100px; margin-bottom:30px; }
#mac #ilife .gallery p.caption { bottom: 95px; }
#mac #ilife .grid3col .column.first { width:250px; }
#mac #ilife .grid3col .column { width:280px; _width:270px; }
#mac #ilife .grid3col .column.last { width:260px; }
#mac #ilife .grid3col .column p { line-height:22px; }
#mac #ilife .gallery .gallery-container { top:10px; }
#mac #ilife .gallery-triggers { margin-top:-2px; }
#mac #ilife .gallery-triggers ul { width: 326px; }
#mac #ilife .gallery #ilife-gallery .image1 { top:155px; }
#mac #ilife .gallery #ilife-gallery .image2,
#mac #ilife .gallery #ilife-gallery .image3,
#mac #ilife .gallery #ilife-gallery .image4,
#mac #ilife .gallery #ilife-gallery .image5,
#mac #ilife .gallery #ilife-gallery .image6 { top:65px; }
#mac #ilife .gallery { height: 460px; }

#mac #ilife .aside { padding-right:300px; margin-top:49px; }
#mac #ilife .aside p { margin-bottom:0; }
#mac #ilife .aside ul { margin-bottom:12px; }
#mac #ilife .aside ul { margin-bottom:16px; }

#mac #ilife .watch-video span.more { display:inline; *background-position:76% 90%; }
#mac #ilife .inlinevideo { height:488px !important; margin-top: 30px; }
#mac #ilife .column.last .watch-video span.more { *background-position:93% 90%; _background-position:48% 90%; }

/* Video Callouts */
#mac .watch-video { line-height:18px; padding-top:5px; _margin-right:-10px; }
#mac .watch-video a { position: relative; font-size: 14px; text-decoration:none; padding-top:6px; }
#mac .watch-video a span { white-space:normal; }
#mac .watch-video a:hover span { text-decoration: underline; }
#mac .watch-video img { padding: 3px; background-color: #fff; margin-bottom: 2px; margin-top:-3px; }
#mac .watch-video img.shadow { -webkit-box-shadow:rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow:rgba(0,0,0,0.35) 0 1px 3px; }
#mac .inlinevideo .moviePanel { width: 848px; height: 480px; }
#mac .inlinevideo { *position:relative; clear: both; }

#mac #iwork h2 { margin-bottom:18px; }
#mac #iwork p.intro { padding: 0 125px; }
#mac #iwork .gallery p.caption { bottom: 95px; }
#mac #iwork .gallery-triggers ul { width: 322px; }
#mac #iwork .gallery #iwork-gallery .image1 { top:155px; }
#mac #iwork .gallery #iwork-gallery .image2,
#mac #iwork .gallery #iwork-gallery .image3,
#mac #iwork .gallery #iwork-gallery .image4,
#mac #iwork .gallery #iwork-gallery .image5,
#mac #iwork .gallery #iwork-gallery .image6 { top:65px; }
#mac #iwork .gallery { background-color:#fff; z-index:6; height: 460px; }
#mac #iwork .gallery .gallery-container { top:0px; }

#mac #iwork a.close, #iwork-video-window { *z-index:10; }

#mac #iwork .watch-video span.more { display:inline; *background-position:95% 90%; }
#mac #iwork .inlinevideo { height:317px; margin-bottom:10px; }

#mac #pro p.intro { padding: 0 150px; }
#mac #pro .gallery-triggers ul { width: 322px; }
#mac #pro .gallery { height: 460px; }
#mac #pro .gallery #pro-gallery .image1 { top:143px; }
#mac #pro .grid3col .column img { margin-left: -10px; }
#mac #pro img.flushleft { margin-left: -25px; }

#mac #specialed p.intro { padding: 0 120px; margin-bottom: 35px; }
#mac #specialed .left { margin-right: 50px; margin-bottom: 50px; }

#mac .at-a-glance h2 { margin-bottom: 100px; }
#mac .at-a-glance .row1 p,
#mac .at-a-glance .row2 .column.last p { margin-bottom: 11px; }

#mac .at-a-glance .row1 .imac { margin-top:-78px; }
#mac .at-a-glance .row1 .imac h3 { margin-top:-3px; }
#mac .at-a-glance .row1 .imac p { margin-bottom:30px; }

#mac .at-a-glance .row2 .macmini p { margin-bottom:12px; }
#mac .at-a-glance .column { width: 32%; margin-left: 2%; }
#mac .at-a-glance .grid3col { margin-top: 35px; }

#mac img.flushleft { margin: 0 0 30px -40px; }

/* ipad */
#ipad #built-in h3 { font-size:23px; line-height:25px; font-weight:normal; }
#ipad #built-in img.right { position:relative; }
#ipad #built-in .mail { margin-bottom:30px; }
#ipad #built-in .mail h3 { clear: left; padding-top: 10px; }
#ipad #built-in img.left { position: relative; margin: 16px 54px 16px -8px; }
#ipad #built-in img.flushright { margin-top: -125px; margin-left: 40px; }
#ipad #built-in .grid3col { clear: both; }
#ipad #built-in .grid3col.first { margin:95px 0 25px; }
#ipad #built-in .grid3col .column { width: 261px; margin-left: 50px; }
#ipad #built-in .grid3col img { margin: 0 auto; display: block; }

#ipad #apps-for-ipad { clear:both; }
#ipad #apps-for-ipad h3 { font-size:23px; line-height:25px; font-weight:normal; }
#ipad #apps-for-ipad .video-kick { width:270px; margin:0 25px 0 0; display:block; float:right; }
#ipad #apps-for-ipad .video-kick p { width:265px; float:right; margin-top:7px; font-size:11px; line-height: 16px; }
#ipad #apps-for-ipad .video-kick img.right { margin:0; padding:0; float:right; }
#ipad #apps-for-ipad .video-kick em.more { *text-align:left; *background-position:47% 90%; }
#ipad #apps-for-ipad p.intro { position: relative; width:540px; }
#ipad #apps-for-ipad img.ipad-keyboard { margin-top:15px; margin-left:-30px; margin-right:20px; }
#ipad #apps-for-ipad img.flushleft.pages { margin-top:36px; }
#ipad #apps-for-ipad img.left { margin: 0 -83px 0 -2px; }
#ipad #apps-for-ipad img.flushright { margin-top: -25px; }
#ipad #apps-for-ipad img.flushleft { margin-top: -45px; margin-right: 35px; margin-bottom: 10px; _margin-top: 0; }
#ipad #apps-for-ipad h3.pages { clear: right; padding-top: 108px; _padding-top: 88px; }
#ipad #apps-for-ipad img.keynote { margin-right:20px; }
#ipad #apps-for-ipad h3.keynote { clear: left; padding-top: 30px; }
#ipad #apps-for-ipad h3.numbers { clear: right; padding-top: 145px; _padding-top: 190px; }
#ipad #apps-for-ipad p.numbers { padding-right: 30px; }
#ipad #apps-for-ipad img.pull-left { margin-left:-27px; margin-top:40px; }
#ipad #apps-for-ipad p a.volume { *text-align:left; *background-position:54% 82%; }
#ipad #apps-for-ipad p.push-up { margin-top:-20px; *margin-right:-20px; }

#ipad #apps-for-ipad .callout-iwork h3,
#ipad #apps-for-ipad .callout-imovie-garageband h3,
#ipad #ibooks .callout-ibooks h3 { font-size:16px; font-weight:bold; }
#ipad #apps-for-ipad .callout-iwork { float:right; margin-left:40px; }
#ipad #apps-for-ipad .callout-iwork img.left { margin-bottom:7px !important; }
#ipad #apps-for-ipad .callout-iwork ul,
#ipad #apps-for-ipad .callout-imovie-garageband ul { font-size:10px; line-height: 15px; }
#ipad #apps-for-ipad .callout-iwork,
#ipad #apps-for-ipad .callout-imovie-garageband,
#ipad #apps-for-ipad .callout-iwork img.left,
#ipad #apps-for-ipad .callout-imovie-garageband img.left,
#ipad #ibooks .callout-ibooks img.left { margin:-1px 8px 0 0; }
#ipad #apps-for-ipad .callout-iwork p,
#ipad #ibooks .callout-ibooks p { width:195px !important; margin:0; padding:0; line-height: 14px; }
#ipad #apps-for-ipad .callout-imovie-garageband { float:left; width:265px; }
#ipad #apps-for-ipad img.flushleft.imovie-garageband-hero { margin-top:0; }
#ipad #apps-for-ipad .imovie-garageband h3 { margin:0 -50px 5px 0; padding-top:30px; line-height:28px; }
#ipad #apps-for-ipad .imovie-garageband .callout-imovie-garageband h3 { margin:0 0 0.3em 0; padding:0; }
#ipad #apps-for-ipad .callout-imovie-garageband p { width:235px; margin:10px 0 0; padding:0; }

#ipad #ibooks { clear:both; padding-top:68px; padding-bottom:70px; }
#ipad #ibooks h2 { margin-top:-1px; }
#ipad #ibooks img.flushright { margin-left: 30px; }
#ipad #ibooks .sosumi { clear:none; }

#ipad #features .ipad-for-all h3 { padding-top: 123px; }
#ipad #features .ipad-for-all img.left { margin: 2px 40px 12px 45px; }
#ipad #features .ipad-for-all p { padding-right: 40px; }

#ipad #features.section { padding-bottom:196px; *padding-bottom:0px; }
#ipad #features h3 { font-size:23px; line-height:25px; font-weight:normal; }
#ipad #features p.intro { width:690px; }
#ipad #features .airprint,
#ipad #features .ipad-for-all { clear:both; }
#ipad #features .mirroring { margin-top:65px; }
#ipad #features .mirroring h3 { padding-top:55px; }
#ipad #features .airprint h3 { padding-top:100px; }
#ipad #features .airprint h3, 
#ipad #features .airprint p { position:relative; z-index:200; }
#ipad #features .airprint p { width:275px; }
#ipad #features .airprint img.flushright { margin-left:-55px; z-index:100; }

#ipad #itunesu h2 { padding-top:30px; position:relative; }
#ipad #itunesu p.intro { width:686px; margin-bottom:18px; }
#ipad #itunesu .column.first { width:350px; margin-top:20px; } 
#ipad #itunesu img.flushright { margin-top:40px; margin-bottom:0; }

#ipad .at-a-glance h2,
#ipad .at-a-glance p.intro { margin-bottom: 40px; }
#ipad .at-a-glance p.ipad-learnmore { width:100%; clear:both; }
#ipad .at-a-glance .column { width: 420px; margin-left: 0; }
#ipad .at-a-glance .column img { margin-bottom: 8px; position:relative; }
#ipad .at-a-glance .column p { padding: 0 96px; }

#ipad .content-slider .action { height:285px; *height: 298px; height:300px\9 }
#ipad .content-slider { height: 335px; }


/* promo footers */
.promo-tile { width:980px; margin:0 auto; }
.promo-tile p { color:#333; }
.promo-tile a { display:block;
	background:#fff;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e5e5e5));
	background:-moz-linear-gradient(100% 100% 90deg, #e5e5e5, #fff);
	background:-ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background:linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
}
.promo-tile a:hover { text-decoration:none; 
	background:#fcfcfc;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e0e0e0));
	background:-moz-linear-gradient(100% 100% 90deg, #e0e0e0, #fff);
	background:-ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
	background:linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
}
.promo-tile a:hover p .more { text-decoration:underline; }


/* pricing and vpp promo footer */
.pricing-vpp p { width:290px; margin-bottom:0; line-height: 1.4285em;}
.pricing-vpp a { padding-top:34px; padding-left:30px; width:460px; min-height:165px; _height:146px; }
.pricing-vpp .column { width:490px; }
.pricing-vpp .column.first { width:489px; border-right:1px solid #cfcfcf; }
.pricing-vpp .column.first a { width:459px; }
.pricing-vpp img.right { margin:0; }
.pricing-vpp img.volume-puchase { margin-right:32px; }

/* pricing footer */
.pricing img.right { margin-bottom:0; }
.pricing a { width:800px; padding:26px 80px 16px 100px; *padding-bottom:0; }

/* vpp footer */
.vpp-promo p { width:550px; }
.vpp-promo img.right { margin-top:-30px; margin-bottom:0; }
.vpp-promo a { width:800px; padding:45px 80px 20px 100px; *padding-bottom:0; }


/* ipod touch and iphone */
#ipodtouch-iphone #heronav ul { width: 700px; }
#ipodtouch-iphone #heronav p.intro { padding: 0 100px; margin-bottom: 36px; }

#ipodtouch-iphone .grid2cola .last { width:283px; }
#ipodtouch-iphone .grid2cola .first { width:550px; }
#ipodtouch-iphone .sidecar { width: 227px; }
#ipodtouch-iphone .sub-section { clear: both; }

#ipodtouch-iphone #apps p.intro { width: 750px; margin-bottom: 40px; }
#ipodtouch-iphone #apps img.hero { margin: 10px 0 -22px -5px; }

#ipodtouch-iphone #computer { width: 880px; }
#ipodtouch-iphone #computer p.intro { width: 750px; margin-bottom: 40px; padding-left: 0; }
#ipodtouch-iphone #computer p { padding-left: 76px; }
#ipodtouch-iphone #computer .facetime h3,
#ipodtouch-iphone #computer .facetime img.icon { padding-top: 111px; }
#ipodtouch-iphone #computer .facetime img.image { margin-left: 90px; margin-bottom: 0px; }
#ipodtouch-iphone #computer .hd-video {  }
#ipodtouch-iphone #computer .hd-video h3,
#ipodtouch-iphone #computer .hd-video img.icon { padding-top: 52px; }
#ipodtouch-iphone #computer .hd-video img.image { margin-right: 73px; }
#ipodtouch-iphone #computer .hd-video p { padding-left: 515px; }
#ipodtouch-iphone #computer .wifi img.icon { margin-right: 18px; }
#ipodtouch-iphone #computer .wifi img.image { margin-left: 13px; margin-top: 22px; margin-bottom: 30px; }
#ipodtouch-iphone #computer .safari h3,
#ipodtouch-iphone #computer .safari img.icon { padding-top: 118px; }
#ipodtouch-iphone #computer .safari img.image { margin: 24px 40px 12px 16px; }
#ipodtouch-iphone #computer .safari p { padding-left: 644px; }
#ipodtouch-iphone #computer .mail h3,
#ipodtouch-iphone #computer .mail img.icon { padding-top: 90px; }
#ipodtouch-iphone #computer .mail img.image { margin: 0 90px 12px 60px; }
#ipodtouch-iphone #computer .calendar h3,
#ipodtouch-iphone #computer .calendar img.icon { padding-top: 132px; }
#ipodtouch-iphone #computer .calendar img.image { margin: 0 40px 12px 70px; }
#ipodtouch-iphone #computer .calendar p { padding-left: 526px; padding-right: 16px; }
#ipodtouch-iphone #computer .keyboard h3,
#ipodtouch-iphone #computer .keyboard img.icon { padding-top: 80px; }
#ipodtouch-iphone #computer .keyboard img.image { margin: 0 23px 12px 44px; }
#ipodtouch-iphone #computer .memo h3,
#ipodtouch-iphone #computer .memo img.icon { padding-top: 145px; }
#ipodtouch-iphone #computer .memo p { padding-left: 516px; padding-right: 16px; }
#ipodtouch-iphone #computer .memo img.image { margin: 0 56px 30px 54px; }

#ipodtouch-iphone #accessibility p.intro { width: 740px; margin-bottom: 2em; }
#ipodtouch-iphone #accessibility img.image { margin-right: 40px; }
#ipodtouch-iphone #accessibility img.icon { margin-bottom: 5px; }
#ipodtouch-iphone #accessibility p { padding-right: 35px; }

#ipodtouch-iphone #itunesu { padding-bottom:0; }
#ipodtouch-iphone #itunesu h2 { position:relative; }
#ipodtouch-iphone #itunesu p.intro { width:690px; }
#ipodtouch-iphone #itunesu .grid2col .column.first { width:51%; }
#ipodtouch-iphone #itunesu .grid2col .column.first .headline-icon { margin:40px 0; }
#ipodtouch-iphone #itunesu .grid2col img.right { position:relative; z-index:0; margin-top:-18px; margin-right:20px; }

#ipodtouch-iphone .at-a-glance h2 { margin-bottom:50px; }
#ipodtouch-iphone .at-a-glance p { margin-bottom: 9px; }
#ipodtouch-iphone .at-a-glance img { margin-bottom: -10px; }
#ipodtouch-iphone .at-a-glance img.threeg { margin-left:-10px; }
#ipodtouch-iphone .at-a-glance .column { width: 193px; margin-left: 20px; }
#ipodtouch-iphone .at-a-glance .column.first { width: 193px; }
#ipodtouch-iphone .at-a-glance .column.last { width: 193; margin-left: 20px;}
#ipodtouch-iphone .at-a-glance .buynows { margin: 10px auto 0; }
#ipodtouch-iphone .at-a-glance .rounded { *padding-bottom: 0; }
#ipodtouch-iphone .at-a-glance .rounded .buynows { width: 72px; }
#ipodtouch-iphone .content-slider { margin-top:30px; }


/* how to buy */
#buy #main img.hero { margin-top:-0.1em; }
#buy #main #hero { padding-top:6.9em; }

#buy #main #buying { float:left; position:relative; padding-top:3em; font-size:12px; line-height: 18px; min-height:1205px; _height:1205px; }
#buy #main #buying .column.first { width:431px; }
#buy #main #buying .column.last { width:416px }
#buy #main #buying h2 { font-size:2em; font-weight:normal; margin-bottom:.9em; padding-bottom:.3em; }
#buy #main #buying h3 { font-size:1.3em; color:#999; }
#buy #main #buying h4 { margin-bottom:.3em; }
#buy #main #buying p.intro { color:#333; }
#buy #main #buying .moreinfo { margin-top:2.5em; margin-bottom: 7em; }
#buy #main #buying .moreinfo h3 { font-weight:lighter; }
#buy #main #buying .moreinfo h4 { margin-top:1.83em; }
#buy #main img.student { position:absolute; bottom:-16px; left:95px; }
#buy #main .callout { border:1px solid #d1d1d1; font-size:14px; line-height:20px; color:#000; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f6f6f6)) !important; background: -moz-linear-gradient(top, #fefefe, #f6f6f6) !important; }
#buy #main .callout span.link-seperator { padding-right:20px; margin-right:15px; border-right:1px solid #d1d1d1; }
#buy #main .callout p.shop-links { margin-top:-15px; }
#buy #main .column .callout { padding-top:23px; padding-bottom:20px; height: 110px; }

#buy #main #buying strong { color:#000; }
#buy #main #buying .callout a.hover-button { display:block; margin-left:-2px; width:379px; height:39px; }
#buy #main #buying .callout a.hover-button:hover { background-position:0 -39px; }
#buy #main #buying a.aos-button { margin-left:-4px; }

#buy .sosumi a { color: #333; }

/* Challenge Based Learning */
#cbl #main #hero { margin:-1px 0 0 -50px; }
#cbl #main #hero h1 { font-size:1.6em; }
#cbl #main #hero p.intro { margin:2em 0 39px 3em; _margin-left:27px;  }
#cbl #main #hero .callout { width:184px; padding:16px 22px; float:right; margin-top:44px; }
#cbl #main #hero .callout h4 { font-weight:normal; font-size:14px; line-height:18px; padding-top:2px; }
#cbl #main #hero .callout img.left { margin-right:13px; margin-bottom:12px; }
#cbl #main #hero .callout p, #cbl #main #hero .callout p a { font-size:12px; }
#cbl #main #hero .callout p { color:#333; margin-bottom:0; }
#cbl #main .grid2col { line-height:1.3em; }
#cbl #main #step-1 { margin-bottom:3.1em; }
#cbl #main #step-1 .column.first { width:479px; }
#cbl #main #step-1 .column.first img { padding-right:0; margin-bottom:-9px; }
#cbl #main #step-1 .column.last { width:394px; margin-top:5.9em; }
#cbl #main #step-1 .column.last p { width:323px; }
#cbl #main #step-2 { margin-bottom:4em; }
#cbl #main #step-2 .column.first { width:330px; margin-top:4.9em; padding-left:2px; }
#cbl #main #step-2 .column.first p { width:330px; }
#cbl #main #step-2 .column.last { width:470px; }
#cbl #main #step-2 .column.last img { margin-right:-51px; }
#cbl #main #step-3 { margin-bottom:2.8em; }
#cbl #main #step-3 .column.first { width:503px; }
#cbl #main #step-3 .column.first img { margin-left:-51px; }
#cbl #main #step-3 .column.last { width:344px; margin-top:4.85em; }
#cbl #main #step-3 .column.last p { width:335px; }
#cbl #main #step-4 { margin-bottom:4.25em; }
#cbl #main #step-4 .column.first { width:400px; margin-top:6.25em; padding-left:2px; }
#cbl #main #step-4 .column.last { width:460px; }
#cbl #main #step-4 .column.last img { margin-right: -51px; }
#cbl #main #step-5 { margin-bottom:4.35em; }
#cbl #main #step-5 .column.first { width: 537px; }
#cbl #main #step-5 .column.first img { margin-left:-5px; }
#cbl #main #step-5 .column.last { width: 309px; margin-top:3.8em; }
#cbl #main #step-5 .column.last p { width:300px; }
#cbl #main #step-6 { margin-bottom:0.95em; }
#cbl #main #step-6 p { margin-bottom:53px; }
#cbl #main #step-6 .column { width:790px; padding-left:2px; }
#cbl #main #step-6 .callout { padding:16px 102px; _padding:16px 102px 32px; _height:55px; }
#cbl #main #step-6 .callout h3 { font-weight:normal; font-size:16px; padding-top:13px; }
#cbl #main #step-6 .callout img.left { margin:0; margin-right:19px; margin-bottom:0; }
#cbl #main #step-6 .callout em.more { font-size:16px; _line-height:20px; }
#cbl #main #step-6 .callout p { color:#333; margin-bottom:0; }

#cbl #main .callout { border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #b7b7b7; -webkit-box-shadow:0 1px 3px #e0e0e0; -moz-box-shadow:0 1px 3px #e0e0e0; background:url(/in/education/challenge-based-learning/images/callout_gradient20110214.jpg) repeat-x; overflow:hidden; }
#cbl #main .callout a.block:hover { cursor:pointer; }

#cbl #main #resources.section { width: 880px; padding: 28px 0 17px 2px; }
#cbl #main #resources .grid2cola .column.first { width: 616px; }
#cbl #main #resources p { line-height:1.25em; }
#cbl #main #resources .column.first ul { margin-top:1.3em; float:left; }
#cbl #main #resources .column.first ul li { padding-bottom:0.5em; }
#cbl #main #resources .column.first ul.list-1 { padding:0 1.85em 0 0.4em; }
#cbl #main #resources .column.first ul.list-1 li { width:300px; }
#cbl #main #resources .column.first ul.list-1 li.html {background:url("/global/elements/icons/globaliconhtml12x12.gif") no-repeat 0.08em 0.4em; display:block; padding-left:20px; width: 280px; }
#cbl #main #resources .column.first ul.list-2 li { width:275px; }
#cbl #main #resources .column.first ul li a sup { color:#0088CC; _vertical-align:top; }
#cbl #main #resources .column.last.sidebar { width: 210px; position: absolute; left: 650px; height: 100px; padding: 0 !important; margin: 0 !important; }
#cbl #main #resources .column.last.sidebar p { margin-left: 13px; font-size:1.4em; }
#cbl #main #resources .column.last.sidebar .webinar { display:block; }
#cbl #main #resources .column.last.sidebar a.video-link { *text-align:left; *background-position:65% 80%; }
#cbl #main #resources .column.last.sidebar a.webinar { outline:none; }
#cbl #main #resources .video { height: 360px; width: 100%; margin-top: 10px; padding-bottom: 50px; }
#cbl #main #resources .video a.close { top: 20px; right: 120px; position: absolute; }



/* secondary page adjustments */
body.maine .grid2col .column { width: 48%; }



/* shop: contracts */
body.contracts #main { background-color:#fff; }
body.contracts #main #hero { position:relative; margin:0 0 22px; padding-top:40px; padding-bottom:30px; border-bottom:1px solid #eee; min-height:180px; _height:180px; }
body.contracts #main #hero h2,
body.contracts #main #hero h3 { border:0; font-weight:normal; display:block; }
body.contracts #main #hero h2 { padding-bottom:0; margin-bottom:0; margin-top:50px; *margin-top: 85px; font-size:30px; color:#000; }
body.contracts #main #hero h3 { font-size:23px; color:#666; }
body.contracts #main #hero img.left { margin:0 83px 0 0; }
body.contracts #main span.phonenumber,
body.contracts #main .column { width: 47%; }
body.contracts #main h3.subtitle{ margin-bottom: 21px; }
body.contracts #main h3+h3 { margin-top:1em; }

body.contracts #main .callout.shadow { width: 812px; margin-bottom:1.6em; font-size:12px; padding:27px 34px 22px; }
body.contracts #main .callout.shadow h3 { margin-bottom:1em; font-weight:normal; font-size:19px; }
body.contracts #main .callout.shadow h4 { margin-bottom:0.4em; }
body.contracts #main .callout.shadow p,
body.contracts #main .callout.shadow ul { margin-bottom:1em; }
body.contracts #main .callout.shadow ul.square li { padding:0 0 4px 4px; }

body.contracts #main h3.inline, body.contracts #main p.inline { margin-bottom:0 !important; }
body.contracts ul.purchase li { font-size:14px; }
body.contracts #main p.subtext { color:#76797C; }

/* VPP FAQ */

#faq.vpp .content .features ul li {float: none;}

/* Profiles Main Page Tabs */
.hero ul li { float: left; }
.hero .tabs li.first a { width:402px; }
.hero .tabs li.first a h3 { padding-left:80px; }
.hero .tabs li a { width:402px; height:96px; }
.hero .tabs li h3 { padding-left:155px; padding-top:40px; color:#333; font-size: 20px; }
.hero .tabs li a:hover h3 { color:#08c; }
.hero .tabs li a.active { cursor: default; }
.hero .tabs li a.active h3 { color:#000; }
.hero .tabs li a.active:hover h3 { color:#000; }


#story .row.lead .column.last  { padding: 6px 46px 0 0; width: 533px; }

/* Profiles main page */
#story #main { width:100%; min-width:982px; margin:0 auto; }
#story #content { width:880px; margin:0 auto; padding:40px 50px 36px; }
#story .center { display:block; margin-left:auto; margin-right:auto; }

#story h2 { margin-bottom:0; font-size:1.6em; font-weight:normal; }
#story h3 { margin-bottom:13px; font-weight:normal; font-style:normal; color:#666; }

#story .hero p.intro { text-align: center; width: 760px; margin-right: auto; margin-left: auto; }

#story .row { margin-bottom:20px; border:1px solid #e6e6e6; background:#fafafa; }
#story .row a { display:block; padding:13px; cursor:pointer; }
#story .row a p { color:#000; }
#story .row a:hover { text-decoration:none; }
#story .row a:hover .more { text-decoration:underline; }
#story .row .column.first { width:247px; }
#story .row .column.last { width:512px; padding:6px 68px 0 0; }
#story .row .column.last p { margin-bottom:0; }
#story .featured .column.last { width: 319px; padding: 60px 17px 0 0; }

/* Profiles sub-pages */
.story a .image { display:block; position:relative; z-index:0; float:none; }
.story a .image img { display:block; }

/* iPhone fix */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.section.first-section { background: url(/in/education/images/top_section_bg_21062012.gif) repeat-x top left; }
}

/* iPad fix */
@media only screen and (max-device-width: 768px) {
.section.first-section { background: url(/in/education/images/top_section_bg_21062012.gif) repeat-x top left !important; background-size: 2px 649px; }
}

.gradient { background: -moz-linear-gradient(center top , #FFFFFF, #F2F2F2) repeat scroll 0 0 transparent; }

/* ADE
----------------------------- */
#ade #main.content { padding-bottom:0; }
#ade .content p { margin-bottom:18px; }
#ade #title { padding:28px 0 0 0; margin:6px 0px 16px 16px; width:848px; border-bottom:1px solid #CACACA; }
#ade #hero { margin:0 0 20px 16px; width:848px; height:462px; position:relative; z-index:2; overflow:hidden; }
#ade #hero-gallery { position:relative; width:30000px; }
#ade #hero-gallery > img { float:left; -webkit-transform:translate3d(0,0,0); /* Add 3D transform to force hardware acceleration in order to avoid flickering issue on first interaction */ }

#ade .gallery::after, .gallery-view::after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#ade .paddle-nav li { width:100%; position:absolute; top:0; left:0; z-index:1003; _display:none; }
#ade .paddle-nav li .arrow { padding:0 20px; position:absolute; top:0px; z-index:1003; display:block; height:432px; width:107px; -moz-opacity:0; opacity:0; filter:alpha(opacity=0); outline:none; z-index:1; cursor:pointer; -webkit-transition:.25s opacity ease-out; -moz-transition:.25s opacity ease-out; transition:.25s opacity; }
#ade .paddle-nav li .arrow.prev { left:0; }
#ade .paddle-nav li .arrow.next { right:0; }
#ade .paddle-nav li .arrow.disabled { display:none; }
#ade .paddle-nav li .arrow:hover { -moz-opacity:1; opacity:1; filter:alpha(opacity=100); }
#ade .paddle-nav li .arrow b { display:block; width:40px; height:80px; margin-top:176px; text-indent:-9999px; overflow:hidden; behavior:url(/global/scripts/lib/ie7pngfix.htc); }
#ade .paddle-nav li .arrow.prev b { float:left; background:url("/in/education/apple-distinguished-educator/images/heronav_prev.png") no-repeat; }
#ade .paddle-nav li .arrow.next b { float:right; background:url("/in/education/apple-distinguished-educator/images/heronav_next.png") no-repeat; }

@media only screen and (max-device-width:768px) {
    #ade .paddle-nav { display:none; } /* don't show the paddles on iOS, swipe instead */
}

#ade .simple-nav { bottom:0px; left:0px; width:100%; position:absolute; z-index:1002; overflow:hidden; text-align:center; line-height:1em; margin:0; padding:0; }
#ade .simple-nav li { margin:0; width:15px; height:15px; position:relative; z-index:1002; overflow:hidden; }
#ade .simple-nav li,
#ade .simple-nav li a { display:inline-block; *display:inline; zoom:1; }
#ade .simple-nav li a { width:15px; height:45px; position:absolute; z-index:1002; top:0; left:0; outline:none; cursor:pointer; text-indent:-9999px; background:url("/in/education/apple-distinguished-educator/images/dots_08c.png") no-repeat; }
#ade .simple-nav li a.active { cursor:default; top:-30px; }

#ade #main-copy { margin:0 72px 20px; font-size:1em; line-height:1.4em; }
#ade #main-copy h1#innovative-title { margin:40px 0 24px; }
#ade #main-copy p { margin-bottom:24px; }
#ade #main-copy h3 { font-size:1em; }
#ade #main-copy .grid2colf .first { width:90px; }
#ade #main-copy .grid2colf .last { width:640px; }

#ade #how-to-apply { margin:46px 74px 0; padding:40px 55px; 
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0 1px 3px; 
	   -moz-box-shadow:rgba(0, 0, 0, 0.4) 0 1px 3px; 
	        box-shadow:rgba(0, 0, 0, 0.4) 0 1px 3px; 
	zoom:1; *border:1px solid #D9D9D9; background:rgb(255,255,255); /* Old browsers */
	background:-moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(242,242,242) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(242,242,242))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(242,242,242) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgb(255,255,255) 0%,rgb(242,242,242) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(242,242,242) 100%); /* IE10+ */
	background:linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(242,242,242) 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ }
#ade #how-to-apply h2#apply-title { margin-bottom:-1px; }
#ade #how-to-apply p { margin:0 0 20px; line-height:1.45em; }
#ade img.page-shadow { margin:0 72px 60px; }
#ade #how-to-apply a#apply-now-button { width:77px; height:23px; display:block; border:1px solid #0E629E; border-radius:5px; 
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0 1px 3px; 
	   -moz-box-shadow:rgba(0, 0, 0, 0.4) 0 1px 3px; 
	        box-shadow:rgba(0, 0, 0, 0.4) 0 1px 3px; 
	text-align:center; color:white; text-decoration:none; margin:30px 1px -5px; font-size:.8em; line-height:23px; cursor:pointer;
	background:rgb(52,171,236); /* Old browsers */
	background:-moz-linear-gradient(top, rgb(52,171,236) 0%, rgb(6,117,196) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(52,171,236)), color-stop(100%,rgb(6,117,196))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgb(52,171,236) 0%,rgb(6,117,196) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgb(52,171,236) 0%,rgb(6,117,196) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgb(52,171,236) 0%,rgb(6,117,196) 100%); /* IE10+ */
	background:linear-gradient(to bottom, rgb(52,171,236) 0%,rgb(6,117,196) 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#34abec', endColorstr='#0675c4',GradientType=0 ); /* IE6-9 */ }
#ade #how-to-apply #apply-now-button:hover { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
	background:rgb(63,159,229); /* Old browsers */
	background:-moz-linear-gradient(top, rgb(63,159,229) 0%, rgb(21,94,189) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(63,159,229)), color-stop(100%,rgb(21,94,189))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgb(63,159,229) 0%,rgb(21,94,189) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgb(63,159,229) 0%,rgb(21,94,189) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgb(63,159,229) 0%,rgb(21,94,189) 100%); /* IE10+ */
	background:linear-gradient(to bottom, rgb(63,159,229) 0%,rgb(21,94,189) 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f9fe5', endColorstr='#155ebd',GradientType=0 ); /* IE6-9 */ }
#ade #how-to-apply #apply-now-button:active { 
	-webkit-box-shadow:inset 0px 1px 2px rgba(0, 0, 0, .4); 
	   -moz-box-shadow:inset 0px 1px 2px rgba(0, 0, 0, .4); 
	        box-shadow:inset 0px 1px 2px rgba(0, 0, 0, .4);
	background:rgb(16,102,179); /* Old browsers */
	background:-moz-linear-gradient(top, rgb(16,102,179) 0%, rgb(6,117,196) 50%, rgb(0,85,166) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(16,102,179)), color-stop(50%,rgb(6,117,196)), color-stop(100%,rgb(0,85,166))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgb(16,102,179) 0%,rgb(6,117,196) 50%,rgb(0,85,166) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgb(16,102,179) 0%,rgb(6,117,196) 50%,rgb(0,85,166) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgb(16,102,179) 0%,rgb(6,117,196) 50%,rgb(0,85,166) 100%); /* IE10+ */
	background:linear-gradient(to bottom, rgb(16,102,179) 0%,rgb(6,117,196) 50%,rgb(0,85,166) 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1066b3', endColorstr='#0055a6',GradientType=0 ); /* IE6-9 */ }

#ade #educators-grid { width:852px; margin-left:-50px; padding:28px 64px 0px; background:url("/in/education/apple-distinguished-educator/images/gradient-rule.png") no-repeat; font-size:0.8em; line-height:1.6em; }
#ade #educators-grid h2#educators-title { margin-bottom:26px; }
#ade #educators-grid .grid3col { margin:0 2px 40px; }
#ade #educators-grid .grid3col.bottom { margin-bottom:53px; }
#ade #educators-grid .grid3col .column { margin-right:5px; }
#ade #educators-grid .grid3col .column.first { margin-right:5px; }
#ade #educators-grid .grid3col .column.last { margin-right:-16px; }
#ade #educators-grid h4 { margin:5px 0 -2px; }
#ade #educators-grid p { color:#666; width:251px; margin:0 0 0 1px; line-height:1.4em; }


/* Back to school hero */

#buy #main.content img.bts { margin:19px -39px 0 0; }
#buy #main.content #hero.bts { padding-top:5.7em; line-height: 1.5em; }
#buy #main.content #hero.bts h1 { margin-bottom:.2em; }
#buy #main.content #hero.bts p.intro { line-height: 1.4em; margin-bottom: 12px; width: 455px; }
#buy #main.content #hero.bts p.offer { font-size: 14px; color: #333; width: 410px; }
#buy #main.content #hero.bts .nowrap { white-space: nowrap; }

/* itunes u promo footer */
.pricing-vpp p { width:290px; margin-bottom:0; }
.pricing-vpp .bts p { width:223px; margin-bottom:0; }
.pricing-vpp h2 { margin-top:-8px; font-size: 1.1428em; line-height: 1.25em; margin-bottom: 7px; font-weight: bold; }
.pricing-vpp .mac p { width:254px; margin-bottom:0; }
.pricing-vpp a { padding-top:34px; padding-left:30px; width:460px; min-height:150px; _height:146px; }
.pricing-vpp .column.first a { *padding-left:25px; }
.pricing-vpp .column { width:490px; }
.pricing-vpp .column.first { width:489px; border-right:1px solid #cfcfcf; }
.pricing-vpp .column.first a { width:459px; *width:464px; }
.pricing-vpp img.right { margin:0; }
.pricing-vpp .bts img.right { margin-top:-27px; }
.pricing-vpp img.volume-puchase { margin-right:32px; }
.pricing-vpp .nowrap { white-space: nowrap; }

/* Profiles main page */
#story #main { width:100%; min-width:982px; margin:0 auto; }
#story #content { width:880px; margin:0 auto; padding:40px 50px 32px; }
#story .center { display:block; margin-left:auto; margin-right:auto; }

#story h2 { margin-bottom:0; }
#story h3 { margin-bottom:13px; font-weight:normal; font-style:normal; color:#666; }

#story .hero p.intro { text-align:center; width:760px; margin-right:auto; margin-left:auto; }

#story .row { margin-bottom:20px; border:1px solid #e6e6e6; background:#fafafa; }
#story .row a { display:block; padding:13px; cursor:pointer; }
#story .row a p { color:#000; }
#story .row a:hover { text-decoration:none; }
#story .row a:hover .more { text-decoration:underline; }
#story .row .column.first { width:247px; }
#story .row .column.last { width:512px; padding:6px 68px 0 0; }
#story .row .column.last p { margin-bottom:0; }

/* Profiles sub-pages */
#story .featured .column.first { width:484px; }
#story .featured .column.last { width:319px; padding:60px 17px 0 0; }

.story a .image { display:block; position:relative; z-index:0; float:none; }
.story a .image img { display:block; }
.story a .image .play { position:absolute; top:63px; left:103px; z-index:1; display:block; width:40px; height:40px; background:url(/in/education/home/images/featured_play_button_small.png) 0 0 no-repeat; background-size:40px 80px; _behavior:url(/global/scripts/lib/iepngfix.htc); }
.story a:hover .image .play { background:url(/in/education/home/images/featured_play_button_small.png) 0 -40px no-repeat; background-size:40px 80px; }


#more.roundedbottom { height: 790px; }


/* print
----------------------------- */
@media print {
	body, #content { background:#fff; }
}