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; }

.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 { padding-left:15px; padding-right:12px; 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; }

/* video reflections
----------------------------- */
img.reflect,
.moviePanel video,
.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))); }

/* 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; }
.content p { margin-bottom: 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;}

.sosumi a { color:#333; }
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(/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(/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; 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(/global/elements/arrows/uparrow_08c.gif) no-repeat 100% 50%; }

span.more { background:url(/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; padding-right:10px; display: inline-block; 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(/education/images/top_section_bg_20100409.gif) repeat-x top left; }
@media only screen and (max-device-width: 768px) {
	.section.first-section { border-top: 1px solid #d9d9d9; }
}

.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(/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(/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(/education/images/sidecar_gradient_20100409.gif) repeat-y 0 13px; }
.sidecar p.subtitle { color:#666; font-size:16px; line-height: 24px; 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 .rounded { width: 840px; padding: 40px 20px; clear: both; text-align: center; background:#f4f4f4 url(/education/ipad/images/ipad_gradient_20100409.gif) repeat-x top left; }
.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.buynows { margin: 10px auto 0; }
.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(/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:47px; left:50%; width:26px; height:16px; z-index:10; background:url(/education/images/nav_caret_20100409.png) no-repeat 0 0; }
.page-nav a { display:inline-block; padding:12px 20px; font-size:18px; line-height: 27px; color:#737373; background: url(/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; }
#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(/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(/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; }


/* inline galleries */
#main .gallery { position: relative; width: 980px; height: 560px; margin: 0 -50px 25px; overflow: hidden; background: url(/education/mac/images/gallery_bg_20100409.jpg) no-repeat 0 260px; }
#main .gallery p.caption { width: 980px; font-size: 12px; text-align: center; position: absolute; bottom: 100px; }
#main .gallery .content-area { width: 980px; height: 407px; }

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

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

#main .gallery .image1 { left: 0px; }
#main .gallery .image2 { left: 980px; top:55px; }
#main .gallery .image3 { left: 1960px; top:55px; }
#main .gallery .image4 { left: 2940px; top:55px; }
#main .gallery .image5 { left: 3920px; top:55px; }
#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='/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
----------------------------- */

/* why app */
#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; clear: both; }
#why #video-kick .moviePanel { width: 848px; height: 480px; }
#why #video-kick .grid2cola { width:880px; }
#why #video-kick .grid2cola .sidecar { *margin-top:70px; }

#why #kick-start .flushright,
#why #kick-start .padded { margin-bottom: -4em; position: relative; }
#why #kick-start .padded { padding-bottom: 4em; }
#why #kick-start .last .sidecar { min-height:500px; _height: 500px; padding-top: 4.5em; background-color: transparent; }
#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:600px; }

#why #teaching .grid2col { margin-top:20px; }
#why #teaching .grid2col img.right { margin: -8px -50px 0 0; }
#why #teaching .grid2col .first { width:415px; }
#why #teaching .grid2cola .last .sidecar { margin-top: 20px; 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 #teaching .last .sidecar .adjust { margin-top: 5px; display: block; }

#why #video-teaching { height: 430px; position:relative; }
#why #video-teaching .grid2cola { width:880px; position:relative; }
#why #video-teaching .moviePanel { width: 848px; height: 480px; }

#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:0px -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 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:60px -2px 0; padding-bottom:0; }
#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.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 .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))); }


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

#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 .grid2col .column { width: 410px; }
#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.first-section { padding-bottom:0; }
#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 { margin: 17px 0 0 0; }
#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 .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 #ilife h2 { margin-bottom:18px; }
#mac #ilife p.intro { padding: 0 160px; 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 { margin-bottom:13px; }
#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 .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; }
#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; 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 { margin-bottom:4px; background-color:#fff; z-index:6; }
#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 #pro-gallery .image1 { top:143px; }
#mac #pro .grid3col .column { width:260px; }
#mac #pro .grid3col .column img { margin-bottom:2px; margin-left: -10px; }
#mac #pro .grid3col .column.first { width:265px; }

#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 { margin-bottom: 12px; }
#mac .at-a-glance .row1 .column.first p { margin-bottom:11px; }
#mac .at-a-glance .row2 .column.last p { margin-bottom: 13px; }

#mac .at-a-glance .row1 .imac { margin-top:-63px; }
#mac .at-a-glance .row1 .imac p { margin-bottom:28px; }

#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; }

/* 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:48% 82%; }
#ipad #apps-for-ipad p.intro { position: relative; width:540px; }
#ipad #apps-for-ipad p.wrap-adjust { width:865px; }
#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 #ibooks .callout-ibooks { padding-top:13px; background:url("/education/images/iwork_callout_bg_20100225.gif") repeat-x scroll left bottom transparent; padding:10px; width:195px; }
#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; }
#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 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: 60px; }
#ipad #itunesu img.flushright { margin-left: 20px; margin-bottom: 20px; }

#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; }


/* 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 .sidecar a.volume { *text-align:left; *background-position:55% 82%; }
#ipodtouch-iphone .sub-section { clear: both; }

#ipodtouch-iphone #apps p.intro { width: 750px; margin-bottom: 40px; }
#ipodtouch-iphone #apps img.hero { margin: -80px 0 0 -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: 88px; }
#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: 117px; }
#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: 20px; }
#ipodtouch-iphone #computer .safari h3,
#ipodtouch-iphone #computer .safari img.icon { padding-top: 90px; }
#ipodtouch-iphone #computer .safari img.image { margin: 0 40px 12px 50px; }
#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 53px; }
#ipodtouch-iphone #computer .calendar h3,
#ipodtouch-iphone #computer .calendar img.icon { padding-top: 115px; }
#ipodtouch-iphone #computer .calendar img.image { margin: 0 40px 12px 70px; }
#ipodtouch-iphone #computer .calendar p { padding-left: 538px; 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 61px; }
#ipodtouch-iphone #computer .memo h3,
#ipodtouch-iphone #computer .memo img.icon { padding-top: 145px; }
#ipodtouch-iphone #computer .memo p { padding-left: 539px; padding-right: 16px; }
#ipodtouch-iphone #computer .memo img.image { margin: 0 40px 30px 70px; }

#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: 10px; }

#ipodtouch-iphone #itunesu { padding-bottom: 0; }
#ipodtouch-iphone #itunesu h2 { position: relative; z-index: 10; }
#ipodtouch-iphone #itunesu p.intro { width: 495px; position: relative; z-index: 10; }
#ipodtouch-iphone #itunesu img.flushleft { margin-top: -165px; margin-left: 0px; margin-bottom: 30px; }
#ipodtouch-iphone #itunesu .column { width: 404px; }
#ipodtouch-iphone #itunesu .column.first img { margin-left: 35px; }

#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.hardware { margin-bottom: -28px; }
#ipodtouch-iphone .at-a-glance img.threegs { margin-left: -13px; }
#ipodtouch-iphone .at-a-glance img.four { margin-left: 15px; }
#ipodtouch-iphone .at-a-glance .column { width: 259px; margin-left: 20px; }
#ipodtouch-iphone .at-a-glance .column.last { width: 300px; }
#ipodtouch-iphone .at-a-glance .rounded { padding-left: 25px;*padding-bottom: 0; padding-right: 10px; }

#ipodtouch-iphone .content-slider { margin-top:30px; }


/* labs */
#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:95%; margin-right:auto; margin-left:auto; }
#labs #main h2 { margin-top:-5px; margin-bottom:0; }
#labs #main #laptopprog .column.last img.right { margin-right:9px; _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 4.5em; }
#labs #main #macbooklabs img {margin-left:0.4em; }
#labs #main #ipodlabs { margin:0 0 4.4em 0; }
#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:100px; background-position: 100% 50%; background-repeat: no-repeat; border:1px solid #dedede; padding: 24px 28px 6px 28px; background-color: #e6e6e6; padding-right:300px; background-image: url(/education/labs/images/ilife_training_20100409.jpg); }
#labs .aside p { margin-bottom:0; }
#labs .aside ul { margin-bottom:16px; }

/* Podcasting */
#podcasting #main.content { background: #fff url('/education/podcasting/images/podcasting_hero_bg_20100414.jpg') repeat-x top; }
#podcasting #main img.hero { margin-top:-0.1em; position:absolute; right:49px; }
#podcasting #main #hero { margin:0 0 12.8em 0; padding-top:7.6em; }
#podcasting #main #hero p.intro { width:50%; }
#podcasting #main .grid2col,
#podcasting #main .grid2colc { margin-bottom:3em; }
#podcasting #main #share.grid2col { margin-bottom:3em; }
#podcasting #main #share.grid2col p { width:70%; }
#podcasting #main #share.grid2col .column { margin-top:7em; }
#podcasting #main #share.grid2col .column.first p { width:100%; }
#podcasting #main #share.grid2col .column.last img { margin-top:2em; }
#podcasting #main #equipamentos.grid2col .column.last { margin:3em 0 0 0; width:43%; }
#podcasting #main #equipamentos.grid2col .column.first { margin:3em 0 0 0; width:50%; }

#podcasting #main #edicao.grid2col .column.first { margin:3em 0 0 0; width:43%; }


#podcasting #main #enhanced_podcasts.grid2col .column.last { margin:2em 0 0 0; width:43%; }
/*#podcasting #main #enhanced_podcasts.grid2col { padding-bottom:2em; border-bottom:1px solid #d7d7d7; }*/

#podcasting #main #formatos.grid2col .column.first { margin:5em 0 0 0; width:40%; }
#podcasting #main #formatos.grid2col { padding-bottom:2em; border-bottom:1px solid #d7d7d7; }

#podcasting #main #palestra.grid2colc .column.last { margin:4em 0 0 0; width:55%; }

#podcasting #main #distribution.grid2col .column.first { margin:3em 0 0 0; width:40%; }
#podcasting #main #distribution.grid2col .column.last img { margin-right:-42px; margin-left:-75px; }

/* how to buy */
#buy #main.content { background:#fff url(/education/how-to-buy/images/hero_bg_20100409.gif) repeat-x 0 0; }
#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; 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; }
#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; }
#buy #main .column.last .callout { padding-bottom:7px; }

#buy #main #buying strong { color:#000; }
#buy #main #buying a.aos-button { margin-left:-4px; }
#buy #main #buying .column.first .callout p { margin-bottom:16px; }

/* 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; box-shadow:0 1px 3px #e0e0e0; background:url(/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 50px 2px; }
#cbl #main #resources .grid2cola .column.first { width: 616px; }
#cbl #main #resources p { line-height:1.25em; }
#cbl #main #resources .column ul { margin-top:1.3em; float:left; }
#cbl #main #resources .column ul li { padding-bottom:0.5em; }
#cbl #main #resources .column ul.list-1 { padding:0 1.85em 0 0.4em; }
#cbl #main #resources .column ul.list-1 li { width:300px; }
#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; }

#cbl #main #resources .video-list { margin-top: 20px; box-shadow: rgba(0,0,0,0.25) 0px 1px 2px; -webkit-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.25) 0px 1px 2px;  background-color: #f4f4f4; border-width: 1px; border-color: #e8e8e8; }
#cbl #main #resources .video-list .column { padding-top: 25px; }
#cbl #main #resources .video-list .column img { margin-left: 25px; margin-right: 25px; float: left;  }
#cbl #main #resources .video-list .column p { margin-top: 30px; margin-bottom: 65px; }
#cbl #main #resources .video-list .column.last { background: url(/education/challenge-based-learning/images/webinar_column_divider_20110413.jpg) no-repeat left; }

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


/* sign up
----------------------------- */
#contact { width:940px; margin:0 auto; padding:13px 20px; font-size:11px line-height:1.5em; background: #fff url(/education/images/signup_middlebg_20100316.png) repeat-x 50% 100%; *overflow:visible; }
#contact:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

#contact .info { float:left; width:600px; }
#contact .info p { font-size:12px; line-height:1.5em; margin:0; _margin:0.7em 0; *margin:0 0 0.3em 0; color:#000; }
#contact .info p.sosumi { margin:0; padding:0; *margin-bottom:0.2em; color:#888; _width:600px; }
#contact .info p.sosumi a { text-decoration:underline; color:#888; }

#contact #contact_wrap { z-index:999; float:right; position:relative; width:300px; height:19px; margin-top:9px; }
#contact #contact_wrap.loading { background:url(/education/images/signup_spinny20081208.gif) no-repeat 89% 50%; }
#contact #contact_error { position:absolute; left:-3px; bottom:1.8em; width:211px; padding-bottom:10px; z-index:100; }
#contact #contact_error p { width:191px; padding:7px 10px 5px; margin:0; text-align:center; color:red; background:url(/education/images/signup_error_top20081208.png) no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); }
#contact #contact_error div { position:absolute; bottom:0px; _bottom:-6px; width:211px; height:10px; background:url(/education/images/signup_error_bottom20081208.png) no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); }
#contact #contact_thankyou { position:absolute; right:0; top:0px; width:300px; text-align:left; }
#contact #contact_submit { position:absolute; right:12px; top:1px; width:53px; height:17px; text-indent:-9999px; background:url(/education/images/signup_submit20081208.gif) no-repeat; }

/* Professional Development */
#professional-development .callout { background: #fdfdfd url(/education/professional-development/images/callout_bg20100721.jpg) repeat-x 0 100%; }

#professional-development #hero { padding-top:45px; }
#professional-development #hero p.intro strong { color:#000; }
#professional-development #hero img.hero { float:right; margin-right:-50px; margin-left:25px; }
#professional-development #hero .callout { font-size:16px; font-weight:bold; padding:0; width:450px; margin-bottom:40px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 -1px 3px; -moz-box-shadow: rgba(0,0,0,0.2) 0 -1px 3px; box-shadow: rgba(0,0,0,0.2) 0 -1px 3px; *border:1px solid #ccc; }
#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 { float:left; margin-bottom:25px; margin-right:10px; }
#professional-development span.sidecar-top { position:absolute; top:0; left:-19px; height:56px; width:12px; background:url(/education/professional-development/images/sidecar_gradient_top_20100721.png) no-repeat scroll 0 0 transparent; 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:37px; }
#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:55px; _margin-top:14px; }
#professional-development #featured-workshops.grid3col img.podcasting { margin-left:25px; _margin-top:14px; }
#professional-development #featured-workshops.grid3col img.special-education { margin-left:20px; margin-top:-14px; _margin-top:0; }
#professional-development #featured-workshops.grid3col h3 { font-size:16px; }

#professional-development .workshops.callout { padding:0; font-size:14px; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 2px; box-shadow: rgba(0,0,0,0.3) 0 1px 2px; *border:1px solid #ccc; }
#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; }

/* 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.more-info { margin-top:-4px; }
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; }

body#contract-ar .alternate-agreement,
body#contract-ca .alternate-agreement,
body#contract-ny .alternate-agreement,
body#contract-la .alternate-agreement { display:none; }

body#contract-ny .price-lists-purchasing-information { display:none; }

body#contract-wsca .price-lists-purchasing-information,
body#contract-wsca .alternate-agreement { display:none; }
body#contract-wsca.contracts #main #hero img.left { margin-top:35px; }
body#contract-wsca.contracts #main ul.naspo { margin-bottom:1.5em; }


body.contracts .arkansas-alternate-agreement,
body.contracts .louisiana-alternate-agreement { display:none; }
body#contract-ar .arkansas-alternate-agreement,
body#contract-la .louisiana-alternate-agreement { display:block; }
body#contract-ar .arkansas-alternate-agreement h3.note,
body#contract-la .louisiana-alternate-agreement h3.note { margin-bottom:1em; }
body#contract-ky .price-lists-purchasing-information { display:none; }

/* mac-for-school */
#mac-school .column img#ilifebox { margin-left: 73px !important; }

/* special-education */
body#special-education #literacy .middle .callout { _width: 260px;}

/* ADE
----------------------------- */
#ade #hero { margin: 0 -50px 50px; position: relative; z-index:1; height:509px; }
#ade #hero h1 { position:relative; left:50px; top:193px; z-index:2; }
#ade #hero p.attribution { position: absolute; left: 50px; bottom: 22px; color: #fff; font-size: 14px; _width: 350px; z-index:2; font-weight:bold; }
#ade #hero img { position:absolute; z-index:2; top:0; left:2px; }

#ade .content, #ade #main.content { width: 884px; padding: 0 48px 36px; }

#ade #content { padding:0 0 35px 0; }
#ade #content h2,
#ade #content h3,
#ade #content h4 { color: #333; }
#ade #content h2 { font-size:14px; padding-bottom:14px; font-weight:bold; }
#ade #content h3 { font-size:14px; margin-bottom:0.5em; }
#ade #content p { margin-bottom: 32px; }
#ade #content.grid2cola .column.first p { line-height: 18px; padding-right:8px; }
#ade #content.grid2cola .column.last { width:252px; }
#ade #content.grid2cola .column.last .callout { width:214px; margin-right: -18px; padding:1.4em 20px 1em 22px; background-color:#f0f0f0; }
#ade #content.grid2cola .column.last .callout p { font-size:13px; color:#7e8285; margin-bottom:30px; }
#ade #content.grid2cola .column.last .callout p.last { margin-bottom:1.5em; }
#ade #content.grid2cola .column.last .callout h3 { word-spacing:-1px; }
#ade #content.grid2cola .column.last .callout img { margin-bottom: 7px; }

#ade #content .difference { border-top:1px solid #e1e1e1; padding-top:30px; }
#ade #content .difference .grid2col .column { width:49%; }
#ade #content .difference .grid2col .column p { padding-right:25px; }

/* licensing program */
body#summit .content #hero { padding-top: 40px; text-align: center; }
body#summit .content #hero h1 img { margin-left: auto; margin-right: auto; }
body#summit #tabs { width: 980px; margin: 0 -50px; text-align:center; background: url(/education/images/page_nav_bg_20100409.jpg) repeat-x 0 0; }
body#summit #tableft { width: 320px; display:inline-block; padding: 12px 25px 12px 20px; font-size:18px; color:#737373; background: url(/education/images/nav_border_20100409.jpg) no-repeat right 50%; text-align: right; *position:absolute; *left: 75px; _padding-top: 10px !important; }
body#summit #tabright { width: 425px; display:inline-block; padding:12px 20px; font-size:18px; color:#737373; text-align: left; *position:absolute; *left: 440px; _padding-top: 10px !important; }

body#summit #tabs .tab { cursor: pointer; line-height: 27px; }
body#summit #tabs .tab:hover { text-decoration:none; color:#08c; }
body#summit #tabs .tab.active { cursor: default; color: #000; }
body#summit #tabs .tabcontent { display: none; padding: 50px 55px 0; _padding-top: 40px; text-align: left; width: 868px; }
body#summit #tabs .tabcontent.active { display: block; *padding-top: 100px; }
body#summit #tabs #tab1 img.caret { margin-top: -52px; position: absolute; left: 381px; }
body#summit #tabs #tab2 img.caret { margin-top: -52px; position: absolute; left: 517px; }

body#summit #k12table { width: 875px; margin-top: 15px; margin-bottom: 5px;}

body#summit img.left.combo { margin-top: 20px; margin-bottom:40px; }
body#summit img.left.combo.push-down { margin-bottom: 50px; }

body#summit #main .callout { width:225px; padding:1em 25px 1em; background-color:#dedede; }
body#summit p.sosumi { margin-bottom:20px; }
body#summit .faq { margin-top: 50px; padding-bottom: 0px; }

/* Academix */
#academix #main { padding:0; width:980px; }
#academix #content { padding:0 40px 37px; }
#academix #content .hero { padding:47px 0 12px 40px; background-color:#6B9958; margin:0 -40px 37px; }
#academix #content .grid2cola .column.first { padding-top:5px; width:635px; }
#academix #content .grid2cola .column.first ul.speakers { border-bottom:1px solid #dcdcdd; }
#academix #content .grid2cola .column.first ul.speakers li.first { padding-top:4px; }
#academix #content .grid2cola .column.first ul.speakers li.last { padding-bottom:14px; }
#academix #content .grid2cola .column.first .attend { padding-top:32px; }
#academix #content .grid2cola .column.first .note p { font-size:10px; line-height:15px; margin-bottom:16px; }
#academix #content .grid2cola .column.first .note { padding-top:43px; }
#academix #content .grid2cola .column.first p.nomargin { margin-bottom:0; }
#academix #content .grid2cola .column.last { width:245px; }
#academix #content .grid2cola .column.last .callout { padding:15px 23px 21px; width:194px; }
#academix #content .grid2cola .column.last .callout p { font-size:11px; color:#555; margin-bottom:8px; padding-top:2px; }
#academix #content .grid2cola .column.last .callout h3 { font-size:14px; }
#academix #content .grid2cola .column.last .callout select { *width:195px; _width:200px; }
#academix #promofooter ul#promos { padding:0 3px 4px; }

/* Recycling */
#recycling #main { padding:75px 50px 39px; }
#recycling #hero { margin-bottom:83px; }
#recycling .grid2cola .column.first { width:480px; }
#recycling .grid2cola .column.last { width:330px; }
#recycling #hero img.left { margin:0 46px 0 70px; }
#recycling #hero img.title { margin-top:48px; }
#recycling .how-it-works { padding-left:28px; }
#recycling .how-it-works p { font-size:12px; }
#recycling .callout h4 { font-size:13px; padding-bottom:7px; }
#recycling .callout span { display:block; }
#recycling .callout p, #recycling .callout ul { font-size:12px; margin-bottom:17px; }
#recycling .callout ul li { padding-bottom:11px; }
#recycling .callout ul.square { margin-left:17px; }
#recycling .callout .wrapper.subtitle h3 { padding-top:19px; }

#recycling #packaging { width:880px; margin:0 auto; padding:50px 50px 25px; _position:relative; }
#recycling #packaging ol { margin-left:20px; *margin-left:25px; }
#recycling #packaging ol li { padding-bottom:11px; _overflow:normal; }
#recycling #packaging ol li img.right { margin:52px 0 16px 20px; *margin:24px 0 16px 20px; _margin-top:20px; _position:relative; }
#recycling #packaging h2 { padding-bottom:20px; }
#recycling #packaging .callout { margin-top:58px; }

/* Terms Page */
#recycling.terms #main { padding-top:48px; }

/* Profiles main page */
#story .hero p.intro { text-align: center; width: 760px; margin-right: auto; margin-left: auto; }
#story .hero h1 img { padding-top: 40px; margin: auto; _padding-top: 0px; _margin-top: 40px; }

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

#story ul.videos li, #story .hero .video { background-color: #fafafa; border: 1px solid #e6e6e6; padding: 13px; clear: both; margin-bottom: 25px; position: relative; }
#story .info_pane { display: inline; position: absolute; width: 520px; right: 70px; top: 25px; }
#story .hero .info_pane { width: 320px; right: 15px; top: 75px; _right: 70px; }
#story ul.videos img { display: inline; }
#story a { color: #000000; cursor: pointer; }
#story a:hover { text-decoration: none; }
#story a:hover .more { text-decoration: underline; }
#story .info_pane p { margin-bottom: 0; }


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