body { background:#f5f6f7; }

#productheader { border:0;  margin:0 0 5px; }
#productheader h1 { width:129px; height:24px; margin-top:-3px; }
#productheader h1 a { text-indent:0; }
#productheader a.login, #productheader a.trial { float:right; margin-left:8px; }
#productheader ul#productnav { margin-right:10px; margin-top:0.5em; }
#productheader ul#productnav li a { margin:0 0 0 38px; }

body#overview #productheader ul#productnav li#pn-overview a,
body.pricing #productheader ul#productnav li#pn-pricing a, 
body.features #productheader ul#productnav li#pn-services a, 
body.tutorials #productheader ul#productnav li#pn-tutorials a, 
body.login #productheader ul#productnav li#pn-login a { color:#333; }

#productheader ul#productnav li a:hover { color:#08c !important; }

body#pricing #productheader ul#productnav li#pn-pricing a, 
body#overview #productheader ul#productnav li#pn-overview a,
body#features #productheader ul#productnav li#pn-services a, 
body#tutorials #productheader ul#productnav li#pn-tutorials a, 
body#login #productheader ul#productnav li#pn-login a { color:#333 !important; cursor:default; }



#content { width:884px; padding:45px 50px; margin:0 -2px; color:#666; background:url(/mobileme/images/content_bg20080609.gif) repeat-y; }
#content.stripe { width:932px; padding:0 50px 45px 2px; background:url(/mobileme/images/content_bg_nav20080609.gif) repeat-y; }
#content .cap { position:absolute; width:984px; height:7px; left:0; font-size:1px; }
#content .cap.top { top:0; background:url(/mobileme/images/content_bg_captop20080609.gif) no-repeat; }
#content .cap.bottom { bottom:0; _bottom:-1px; background:url(/mobileme/images/content_bg_capbottom20080609.gif) no-repeat; }
#content .dark { position:relative; width:980px; margin:-45px -48px 0; background:#bac3cb url(/mobileme/images/content_bg_dark20080609.jpg) repeat-x; }
#content .dark .cap.top { top:0; left:-2px; background:url(/mobileme/images/content_bg_dark_captop20080609.gif) no-repeat; }

#main .center { text-align:center; }
#main h2 { margin-bottom:2em; }
#main p.end { margin-bottom:0; }
#main li.end { margin-right:0 !important; }
#main p.intro { font-size:18px; line-height:1.3em; color:#a1a5a9; font-weight:normal; margin-bottom:80px; }
#main p.intro span { color:#000; }
#main img.right.flushright { position:relative; margin-right:-48px; z-index:10; }

#content div.inaction { width:264px; min-height:310px; padding:18px 18px 0; background:url(/mobileme/images/inaction_callout20080609.gif) no-repeat 0 0; }
#content div.inaction a.thumb { display:block; width:89px; float:left; margin-left:0px; margin-top:60px; }
#content div a.title { display:block; width:130px; float:left; margin-left:15px; margin-top:80px; line-height:1.4em; }


#content #sidenav { float:left; width:202px; padding-top:15px;  }
#content #sidenav ul { padding-bottom:20px; margin:0; background:url(/mobileme/features/images/sidenav_rule20080609.gif) no-repeat 18px 100%; }
#content #sidenav li { clear:left; height:32px; line-height:32px; padding:5px 18px; }
#content #sidenav li a { display:block; height:32px; color:#777; outline:none; background:url(/mobileme/features/images/sidenav_item20080609.gif) no-repeat 100% -1px; }
#content #sidenav li a:hover { color:#08c; text-decoration:none; background:url(/mobileme/features/images/sidenav_item_hover20080609.gif) no-repeat 100% -6px; }
#content #sidenav li img { float:left; margin-right:9px; }

body.features#features #sidenav li#sn-features,
body.features#mail #sidenav li#sn-mail,
body.features#contacts #sidenav li#sn-contacts,
body.features#calendar #sidenav li#sn-calendar,
body.features#gallery #sidenav li#sn-gallery,
body.features#idisk #sidenav li#sn-idisk { background:url(/mobileme/features/images/sidenav_item_bg20080609.gif) repeat-x; }
body.features#features #sidenav li#sn-features a,
body.features#mail #sidenav li#sn-mail a,
body.features#contacts #sidenav li#sn-contacts a,
body.features#calendar #sidenav li#sn-calendar a,
body.features#gallery #sidenav li#sn-gallery a,
body.features#idisk #sidenav li#sn-idisk a { color:#000; background:url(/mobileme/features/images/sidenav_item20080609.gif) no-repeat 100% -64px; cursor: default;}

#content #sidenav .device { padding:15px 18px 4px; background:url(/mobileme/features/images/sidenav_rule20080609.gif) no-repeat 18px 4px; }
#content #sidenav #sn-iphone { line-height: 1.5em; padding: 20px 18px 0; }
#content #sidenav #sn-mac { margin-top: 20px; }
#content #sidenav .device a { color: #797c80;}
#content #sidenav .device a:hover { color: #66b8e0;}
#content #sidenav .device a span { color: #252525;}
#content #sidenav .device a:hover span { color: #08c; }

body.features#mac #content #sidenav #sn-mac a,
body.features#pc #content #sidenav #sn-pc a,
body.features#iphone #content #sidenav #sn-iphone a { color: #797c80; background:url(/mobileme/features/images/sidenav_item20080609.gif) no-repeat 100% -64px;  cursor:default;}
body.features#mac #content #sidenav #sn-mac a span,
body.features#pc #content #sidenav #sn-pc a span,
body.features#iphone #content #sidenav #sn-iphone a span{ color: #000;}

#content #feature { float:right; width:680px; padding-top:45px; }
#content #feature h2 { margin-bottom:0.5em; position: relative; z-index: 20; }
#content #feature h3 { font-size:14px; margin-bottom:0.3em; color:#000;}
#content #feature img.flushright { margin-right:-49px; margin-bottom:15px; }
#content #feature .column { width:325px; margin-bottom:40px; }

#content .featuregallery { width:265px; padding:0 22px 10px; margin-bottom:25px; background:url(/mobileme/features/images/calloutgallery_bgbottom20080609.gif) no-repeat 0 100%; }
#content .featuregallery h3 { height:35px; line-height:35px; padding:0 15px; margin:0 -22px; font-size:12px; font-weight:normal; color:#666; background:url(/mobileme/features/images/calloutgallery_bgtop20080609.gif) no-repeat; }
#content .featuregallery ul { margin:12px 0 0; }
#content .featuregallery ul:after { content:'.'; display:block; clear:both; visibility:hidden; height:0; }
#content .featuregallery li { float:left; margin-right:20px; }
#content .featuregallery li.enlarge { clear:both; display:block; float:left; width:17px; height:17px; margin:-62px 0 0 -6px; _margin-left:-3px; background:url(/mobileme/features/images/calloutgallery_enlarge20080609.png) no-repeat 0 0; font-size:1px; behavior:url(/global/scripts/lib/iepngfix.htc); position:relative; }
#content .featuregallery li.hide, #content .imagegallery li.hide { display:none; }
#content .featuregallery a { display:block; width:65px; height:48px; padding:4px 5px 6px; background:url(/mobileme/features/images/calloutgallery_thumb_bg20080609.gif) no-repeat; }


#content #feature .calloutblue { position:relative; width:325px; min-height:148px; _height:148px; margin-bottom:40px; background:url(/mobileme/features/images/calloutblue_bgtop20080609.gif) no-repeat; }
#content #feature .calloutblue .cap.bottom { width:325px; height:21px; background:url(/mobileme/features/images/calloutblue_bgbottom20080609.gif) no-repeat; }
#content #feature .calloutblue .thumb { position:absolute; width:150px; height:112px; left:10px; top:10px; z-index:10; padding:18px 0 0 17px; cursor:pointer; background:url(/mobileme/features/images/calloutblue_thumb_bg20080609.png) no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); }
#content #feature .calloutblue .enlarge { position:absolute; left:0; top:0; width:30px; height:29px; background:url(/mobileme/features/images/quicktour_playicon20080609.png) no-repeat 0 0; font-size:1px; behavior:url(/global/scripts/lib/iepngfix.htc); }
#content #feature .calloutblue h3 { padding:60px 0 0 186px; *padding-top:30px; margin-bottom:0; font-weight:normal; position:relative; }
#content #feature .calloutblue a.more { font-size:11px; padding-left:186px; outline:none; }

/* Internet Explorer */
body.features #content #feature img { *zoom:1; *position:relative; }

/* device */
body.devices #content h2 {padding: 13px 0 14px 0}
body.devices #content p.intro {width: 500px; margin-bottom: 57px;}

/* sign-up */
body#signup #content { padding-bottom: 0; }	

body#signup #content h1 {margin: 10px 0 5px 5px; position:relative; }
body#signup #content #hero {position: absolute; top: 30px; left: 590px;}
body#signup #content p.intro {width: 380px; font-size: 18px; color: #636363; margin: 0 0 1em 5px;}
body#signup #signupcontent { width:828px; margin:0 -28px 0 -48px; padding:0 76px 10px; background:url(/mobileme/migrating/images/mail_blueglow20080609.gif) repeat-x 0 100%; }
body#signup #main iframe,
body#signup #main div#iframeplaceholder { width:600px; height:10em; }

/* overlays 
------------------------------*/
/* single video */
#ACOverlayMovieShadow.overlayshadow { width:980px; height:614px; }
#ACOverlayMovie.overlay { width:898px; height:534px; margin:40px; color:#777; }
#ACOverlayMovie.overlay .overlaymovie { width:640px; height:400px; margin-left:50px; padding-top:0; background-color:#fff; }
#ACOverlayMovie.overlay .overlaycontroller { margin-left:50px; }
.overlay#ACOverlayMovie .overlaydescription { position:absolute; left:720px; top:72px; width:130px; height:400px; }
.overlay * { display:none; }
.overlay.popped * { display:block; }		
.overlay .overlaydescription h3 { font-weight:bold; color:#fff; }
.overlay .overlaytitle { margin-left:50px; margin-top:35px; font-weight:normal; font-size:20px; line-height:20px; margin-bottom:20px; color:#000; }
.overlay .overlaytitle span { display:inline; color:#797c80; }
.overlay #overlaynav li .caption, .overlay #overlaynav li .overlayposter { display:none; }

/* video overlay */		 
.overlay#ACOverlayMovie #overlaynav { position:absolute; top:74px; right:50px; width:130px;}
.overlay#ACOverlayMovie #overlaynav li { position:relative; margin-bottom:15px; margin- margin-right:20px; float:left; }
.overlay#ACOverlayMovie #overlaynav li h4 { display:none; }
.overlay#ACOverlayMovie #overlaynav li img { border:1px solid #fff; }
.overlay#ACOverlayMovie #overlaynav li .movietitle { display:block; width:130px; padding-top:0.5em; font-size: 12px; color:#999; line-height: 1.3em }
.overlay#ACOverlayMovie #overlaynav li.active .movietitle { color:#333; }	
.overlay#ACOverlayMovie #overlaynav li.active img { border:1px solid #252525;}
.overlay#ACOverlayMovie #overlaynav li a { outline:none; }

/*---- pagenav ----*/
#content #pagenav { border-top: 1px solid #e0e1e2; clear: both; padding-top: 18px; }
#content #pagenav .column { padding-bottom: 18px; margin-bottom:-20px; }
#content #pagenav .first { text-align: left; }
#content #pagenav .first a { padding-left: 20px; background: url(/global/elements/arrows/arrow_prev.gif) no-repeat 0 50%; }
#content #pagenav .last { text-align: right; }
#content #pagenav .last a { padding-right: 20px; background: url(/global/elements/arrows/arrow_next.gif) no-repeat 100% 50%; }


/* content footer
------------------------------*/
#main #contentfooter { clear:both; position:relative; min-height:178px; width:984px; background: url(/mobileme/images/contentfooter_bg20080609.gif) no-repeat 0 100%; margin:25px 0 10px -2px; }
#contentfooter .cap { position:absolute; width:984px; height:7px; left:0; font-size:1px; }
#contentfooter .cap.top { top:0; background:url(/mobileme/images/content_bg_captop20080609.gif) no-repeat; }
#contentfooter .cap.bottom { bottom:0; _bottom:-1px; background:url(/mobileme/images/content_bg_capbottom20080609.gif) no-repeat; }

#main #contentfooter.grid4col .column.first { width:210px; padding:12px 17px 17px; }
#main #contentfooter.grid4col .column.first img.flushbottom { display:block; margin:18px auto -18px auto; }

#main #contentfooter.grid4col .column { width:226px; margin:0; padding:12px 0 0 17px; }

#main #contentfooter.grid4col .column.last { width:205px; padding:12px 21px 0; }
#main #contentfooter.grid4col .column.last img { display:block; margin:0 auto 10px auto; }
#main #contentfooter.grid4col .column.last h4 { margin:25px 0 0; text-align:center; font-size:16px; font-weight:normal; color:#000; line-height:22px; }
#main #contentfooter.grid4col .column.last h4 span { color:#00aeef; }
#main #contentfooter.grid4col .column.last hr { width:205px; height:2px; border:none; background:url(/mobileme/images/contentfooter_rulebg20080609.gif) repeat-x 0 0; margin:15px 0; }

/* PROMOFOOTER */
#promofooter { clear:both; position:relative;  width:984px; background: url(/mobileme/images/contentfooter_bg20080609.gif) no-repeat 0 100%; margin:20px -2px 2px -2px; }
#promofooter:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#promofooter .cap { position:absolute; width:984px; height:7px; left:0; font-size:1px; }
#promofooter .cap.top { top:0; background:url(/mobileme/images/content_bg_captop20080609.gif) no-repeat; }
#promofooter .cap.bottom { bottom:0; _bottom:-1px; background:url(/mobileme/images/content_bg_capbottom20080609.gif) no-repeat; }

#promofooter img { display: block; }

#promofooter ul#promos { margin-bottom: 0; width: 980px; padding: 17px 2px 0; }
#promofooter ul#promos li.promo, 
#promofooter ul#promos li.buy { position: relative; float: left; width: 244px; padding-right: 1px; margin-top: -17px; _margin-bottom: -17px; }

#promofooter ul#promos li p { margin-bottom: 0; }
#promofooter ul#promos li.promo:hover p a { color: #08c; }

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

#promofooter ul#promos li h4 a { color: #252525; font-size: 14px; padding-top: 17px; }
#promofooter ul#promos li h4.alone a { padding-bottom: 8px; }
#promofooter ul#promos li h4 a:hover { text-decoration: none; }
#promofooter ul#promos li p a { color: #797c80; font-size: 11px; line-height: 16px; padding-bottom: 10px; padding-right: 12px; }
#promofooter ul#promos li p a:hover { color: #08c; text-decoration: none; }

#promofooter ul#promos li p.last a { padding-bottom: 4px; }
#promofooter ul#promos li.bleed p.last a { padding-left: 0; padding-right: 0; }

#promofooter ul#promos li.buy h4 a { padding-bottom: 8px; }
#promofooter ul#promos li.buy ul { list-style: none; font-size: 11px; color: #797c80; margin: 40px 0 9px 0; }
#promofooter ul#promos li.buy li span { color: #666; }
#promofooter ul#promos li.buy .button { margin: -4px 8px 0 0; display: inline; }
#promofooter ul#promos li.buy .product { position: absolute; top: 40px; left: 110px; }

#promofooter ul#promos li.comingsoon {  padding-top:19px; }
#promofooter ul#promos li.comingsoon img { display:block; margin:0 auto 10px auto; }
#promofooter ul#promos li.comingsoon h4 { margin:21px 0 0; text-align:center; font-size:15px; font-weight:normal; color:#000; line-height:18px; }
#promofooter ul#promos li.comingsoon h4 span { color:#00aeef; }
#promofooter ul#promos li.comingsoon hr {  height:2px; border:none; background:url(/mobileme/images/contentfooter_rulebg20080609.gif) repeat-x 0 0; margin:7px 20px 9px; }

#productheader a.buynow, #productheader a.joinnow, #productheader a.preorder, #productheader a.freetrial, #productheader a.upgradenow {margin-top:0.3em;}