/*--- layout ---*/
html { background-color:#f7f7f7; }
body { width:1000px; margin: auto; background-color:#FFFFFF; }
#main { width:980px; margin: auto; }
#content { padding:14px 0 0; }

/* boxes and layout
------------------------*/
.grid3cola { width:984px; margin:0 -2px; }
.grid3cola .column { width:600px; margin-left:6px; }
.grid3cola .column.first,
.grid3cola .column.last { width:186px; }

#content,
#main .sidebar { color:#333; }
#main .sidebar { font-size:11px; line-height:14px; }
#main .sidebar a.more { padding-right:8px; background-position:100% .4em; }

#main a.arrow { display:block; padding-right:10px; background:url(http://images.apple.com/mac/home/images/arrow20090106.gif) no-repeat 100% 50%; }

/* boxes */
#content .box { position:relative; width:560px; padding:0 20px 1px; overflow:hidden; background:#fff url(http://images.apple.com/mac/home/images/box_bg20090106.gif) repeat-y 0 0; zoom:1; }
#content .box .cap {
	position:absolute;
	width:600px;
	height:6px;
	margin:0 -20px;
	font-size:1px;
	left: 221px;
}
#content .box .cap.top { top:0; background:url(http://images.apple.com/mac/home/images/box_bgtop20090106.png) no-repeat 0 0; *margin-left:-2px; }
#content .box .cap.bottom { bottom:0; background:url(http://images.apple.com/mac/home/images/box_bgbottom20090106.png) no-repeat 0 100%; }
#content .box .gradient { width:560px; margin:0 -18px; padding:0 18px; overflow:hidden; background:#fff url(http://images.apple.com/mac/home/images/box_bggrad20090106.gif) repeat-x 0 100%; }

#content .sidebar .box { width:162px; padding:0 12px 1px; background-image:url(http://images.apple.com/mac/home/images/box_sidebar_bg20090106.gif); }
#content .sidebar .box .cap { width:186px; margin:0 -12px; left:12px; }
#content .sidebar .box .cap.top { background-image:url(http://images.apple.com/mac/home/images/box_sidebar_bgtop20090106.png); }
#content .sidebar .box .cap.bottom { background-image:url(http://images.apple.com/mac/home/images/box_sidebar_bgbottom20090106.png); }

#content .box.full{ background:#fff url(http://images.apple.com/mac/home/images/box_full_bg20090608.gif) repeat-y 0 0; }
#content .box.full .cap.top{ width:980px; background-image:url(http://images.apple.com/mac/home/images/box_full_bgtop20090608.png); }
#content .box.full .cap.bottom{ width:980px; background-image:url(http://images.apple.com/mac/home/images/box_full_bgbottom20090608.png);}

#content .box h2 { margin:0 -18px; padding:6px 10px 4px; color:#4d4d4d; font-weight:normal; font-size:14px; border-bottom:1px solid #d9d9d9; background:#dfdfdf url(http://images.apple.com/mac/home/images/box_header20090106.gif) repeat-x 0 0; }
#content .box h2 a { color:#4d4d4d; }
#content .sidebar .box h2 { margin:0 -10px; }

#content .box ul { _width:100%; margin:0 -10px; padding:0 10px; overflow:hidden; }
#content .box ul li { margin:0 0 -1px; padding:1.1em 0; border-bottom:1px solid #d9d9d9; }

#content .box p { margin-top:.3em; margin-bottom:0; }
#content .box img { display:block; }
#content .box img.flush { margin:0 -10px; }

#content .box h3,
#content .box strong { display:block; color:#000; font-size:13px; line-height:16px; font-weight:normal; }
#content .box h3 a,
#content .box strong a { color:#000; }
#content .box h3 a:hover,
#content .box strong a:hover { color:#08c; }
#content .box em { font-style:normal; color:#a9a9a9 !important; }
#content .box h4 { color:#aaa; font-size:10px; font-weight:normal; }

#content .box a { color:#333; text-decoration:none; }
#content .box ul li a:hover,
#content .box ul li a:hover * { color:#08c; cursor:pointer; }
#content .box a.more { color:#08c; }
#content .box a.more:hover { color:#08c; text-decoration:underline; }

/* top section
------------------------*/
#content .upper .box { min-height:427px; _height:427px; }
#content .lower .box { min-height:536px; *height: 536px; }

/* getamac */
#content .getamac li.love img { margin-bottom:-3px; }
#content .getamac li.ads { padding-bottom:0; }


#content .findouthow ul li.featured a img { display:inline; margin:0 7px 1px; padding:12px 12px 21px; background:url(http://images.apple.com/mac/home/images/findouthow_featured20080106.gif) no-repeat 0 0;  }
#content .findouthow ul li.featured a b { display:block; color:#000; font-weight:normal; }

#content .findouthow ul li.more { padding:11px 0 10px; }

/* in action */
#content .upper .box.macsinaction{ height:300px; min-height:303px; }
#content .upper .box.macsinaction h3 a{ display:block; background:url(http://images.apple.com/mac/home/images/arrow20090106.gif) no-repeat 100% 50%; }
#content .inaction ul li.featured { min-height:281px; _height:281px; }
#content .inaction ul li.featured img { margin:8px 0 16px; }

/* buy */
#content .buy ul li p a { color:#08c; }
#content .buy ul li p a:hover { text-decoration:underline; }

/* movie panel */

/* top module
------------------------*/

#content .macsinaction{ margin-bottom:6px; height:300px !important; }
#content .macsinaction img{ margin-top:10px; margin-bottom:5px; }
#content .macsinaction p{ border-bottom:1px solid #d9d9d9; padding-bottom:5px; }
#content .macsinaction ul li{ font-size:13px; padding:.85em 0; }
#content .macsinaction ul li a{ display:block; padding-right:10px; background:url(http://images.apple.com/mac/home/images/arrow20090106.gif) no-repeat 100% 50%; }
#content .box.full{ width:auto; }

#content .grid3col.lower{ margin-bottom:12px; }
#content .grid3col.lower .column.first.featuredtutorials{ width:180px; }
#content .grid3col.lower .column.last.alltutorials{ width:165px; }
#content .grid3col.lower .column.showcase{ margin-left:6px; }
#content .grid3col.lower li.title{ padding:0; border:none; }
#content .grid3col.lower li.title p{ font-size:11px; margin-bottom:5px; }
#content .grid3col.lower .box{ min-height:448px; }


#content .grid5col .column { margin-top:20px; margin-bottom:20px; border-right:1px solid #ededed; height:100px; }
#content .grid5col .column.last { border-right:none; }

/* footer
------------------------*/
#globalfooter { margin-top:12px; }
#globalfooter p.sosumi { float:right; width:540px; margin:-4.4em 0 0; color:#888; line-height:1.4em; text-align:right; }
