html, body { background:none repeat scroll 0 0 #F2F2F2; }

#productheader { padding: 0; }
#productheader h2 { display: none; }

#main { width: 980px; }

.content { padding:0 50px 48px; font-size:14px; }
.content .flushleft { margin-left: -50px; _position: relative; }
.content .flushright { margin-right: -50px; _position: relative; }
.content .left { float: left; }
.content .right { float: right; }

.hero { padding-top: 442px; background: url(https://images.apple.com/kr/mac/app-store/images/hero20110106_01.jpg) no-repeat; }
.hero img { margin:0 -20px 40px; }
.hero h1,
.hero h1 img { margin:0; }
.hero p.intro { width: 870px; margin-left: auto; margin-right: auto; word-spacing: -1px; }

.hero .hero-content { background: url(https://images.apple.com/kr/mac/app-store/images/hero_tabs20110106.jpg) no-repeat 0 100%; }
.hero .hero-content .tabs-nav { text-align: center; padding-top: 1em; }
.hero .hero-content .tabs-nav li,
.hero .hero-content .tabs-nav li a.tabs-link { display: inline-block; display: -moz-inline-block; *display: inline; *zoom: 1; }
.hero .hero-content .tabs-nav li a.tabs-link { width: 250px; height: 60px; line-height: 60px; font-size: 17px; color: #808080; text-shadow: 0 1px 0 #fff; }
.hero .hero-content .tabs-nav li a.tabs-link:hover { color: #08c; text-decoration: none; }

/* Hero How To */
#how-to-container .how-to { padding: 50px 50px 0; width: 880px; border-top: 1px solid #dfdfdf; position: relative; }
#how-to-container .how-to .close { display: block; font-size: 12px; padding-left: 16px; text-transform: lowercase; text-decoration: none; color: #6e6e6e; z-index: 1; background: url(https://images.apple.com/global/elements/buttons/close.png) no-repeat 0 2px; _background: url(https://images.apple.com/global/elements/buttons/close_dark_bg.gif) no-repeat 0 2px; outline: none; line-height: 20px; margin-left: 16px; position: absolute; top: 1em; left: 0; }
#how-to-container .how-to .close:hover { color: #00a2ff; background-position: 0 -48px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #how-to-container .how-to .close { line-height: 21px; }
}
#how-to-container .how-to h3 img { margin: 0; }
#how-to-container .how-to p.intro { text-align: left; padding: 0; margin: 0 0 1.5em; }
#how-to-container .how-to img { margin: 0 0 .75em -4px; }
#how-to-container .how-to-default { width: 980px; }
#how-to-container .how-to-default p.intro { text-align: left; padding-left: 50px; width: 625px; margin-left: 0; font-size: 16px; }
#how-to-container .how-to-default a.how-to-callout { width: 234px; height: 93px; margin-top: 2px; margin-right: 50px; text-indent: -1000em; overflow: hidden; background: url(https://images.apple.com/kr/mac/app-store/images/hero_howto_trigger_callout20110106.jpg) no-repeat; }


#great-apps .hero .hero-content { background-position: 100% 100%; }
#overview .hero .hero-content .tabs-nav li a.tabs-link.overview,
#great-apps .hero .hero-content .tabs-nav li a.tabs-link.great-apps { cursor: default; color: #000; }
#overview .hero .hero-content .tabs-nav li a.tabs-link.overview:hover,
#great-apps .hero .hero-content .tabs-nav li a.tabs-link.great-apps:hover { color: #000; }

h2 { font-size:24px; font-weight:lighter; line-height:30px; }
.section { clear:both; background:transparent url(https://images.apple.com/kr/mac/app-store/images/section_background20110106.jpg) 0 100% no-repeat; padding:0 50px 15px; margin:0 -50px 42px; }
.section.no-bg { background: none; }

p.caption { font-weight:bold; font-size:13px; text-align:center; }

a.block { display: block; color: inherit; }
a.block,
a.block:hover { text-decoration: none; }
a.block:hover .more { text-decoration: underline; }
a.block .more { color: #08c; white-space: nowrap; padding-right: 10px; background: url(https://images.apple.com/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; *background-position: 100% .5em; zoom: 1; }

#on-mac h2 { margin-right: -5px; _position: relative; }
#on-mac .top-block { margin-bottom:50px; padding:0 50px; margin:0 -50px; padding-top:50px; background:url(https://images.apple.com/kr/mac/app-store/images/app_section_first_background20110106.png) 0 0 repeat-x; }
#on-mac .grid2col .column.first { width:280px; }
#on-mac .grid2col .column.last { width:575px; }
#on-mac h3 { margin:25px 0; font-size:16px; }
#on-mac img.icon { margin-top:12px; }
#on-mac a.bottom { float:right; margin-top:-30px; margin-bottom:45px; font-size:12px; }

#install.grid2col .column.last { width:275px; }
#install img.icon { margin-top:35px; }
#install img.left.flushleft { margin-top:-385px; _position: relative; *margin-top:10px;}
#install p.caption { margin-top:-40px; margin-bottom:60px; }

.app-store .callout { padding:0; color:#898989; }

#up-to-date.grid2col .column.first { width:275px; }
#up-to-date.grid2col .column.first img { margin-top:49px; }
#up-to-date.grid2col .column.last { width:575px; margin-bottom:-16px; }
#up-to-date.grid2col .column.last p.caption { margin-top:-45px; margin-bottom:60px; }

.callout ul { border-bottom:1px solid #ebebeb; clear:both; min-height:105px; _height:105px; padding-top:11px; }
.callout ul.last { border-bottom:none; }
.callout ul li { float:left; width:32%; display:inline-block; min-height:90px; _height:90px; padding-left:10px; border-left:1px solid #ebebeb }
.callout ul li.first { border-left:none; }
.callout ul li img { float:left; margin-right:14px; margin-bottom:30px; }
.callout ul li p { margin-bottom:0; }
.callout ul li p,
.callout ul li h4 { width:180px; float:left; }

.bottom-more-link { text-align: center; }

/* callouts */
h1 { text-align:center; margin-bottom:0; }
p.intro { font-size:17px; text-align:center; width:870px; }

#main .callout { font-size:12px; margin-bottom:57px; }
.callout { position:relative; padding:19px; zoom:1;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4); box-shadow: 0 1px 2px rgba(0,0,0,.4);
	background-color: #f9f9f9;
	border: none; *border: 1px solid #e5e5e5; border-top-color: #f9f9f9; border-bottom-color: #bdbdbd;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px;
}

/* simple dot navs */
.gallery { padding-bottom: 2em; }
.gallery .simple-nav { margin-bottom:1em; height:13px; text-align:center; margin-top:9px; }
.gallery .simple-nav li,
.gallery .simple-nav li a { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; }
.gallery .simple-nav li { position:relative; margin-right:3px; width:13px; height:13px; *height: 12px; overflow:hidden; }
.gallery .simple-nav li.last-dot { margin-right: 0; }
.gallery .simple-nav li a { position:absolute; width:13px; height:38px; top:0; left:0; outline:none; cursor:pointer; text-indent:-9999px; line-height:0; background:url(https://images.apple.com/kr/mac/app-store/images/gallerynav_simple20110106.png) no-repeat 0 0; }
.gallery .simple-nav li a:hover { top:-13px; }
.gallery .simple-nav li a.active { cursor:default; top:-26px; opacity:1; -moz-opacity:1; }

.gallery { position:relative; }
#apps-gallery-view { height:462px; }
.apps-gallery-content { position:absolute; top:0; }
#apps-gallery-view p.caption { margin-top:-53px; }

/* Top Apps Feed */
#top-apps { margin: 1em 0; border: 1px solid #e7e7e7; border-top-color: #e6e6e6; border-bottom-color: #d5d5d5; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); }
#top-apps .column { margin: 0; width: 292px; }
#top-apps .column.first { border-right: 1px solid #ededed; }
#top-apps .column.last { border-left: 1px solid #ededed; }

#top-apps h4 { border-bottom: 1px solid #f2f2f2; padding: 8px 0 6px 17px; color: #707070; background: #f9f9f9; background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(247,247,247)),color-stop(1, rgb(255,255,255))); background: -moz-linear-gradient(center bottom,rgb(247,247,247) 0%,rgb(255,255,255) 100%); }
#top-apps .column h4 { border-bottom-color: #ededed;  } 
#top-apps h4,
#top-apps h5,
#top-apps p { font-size: 12px; }
#top-apps h5 { font-weight: bold; }
#top-apps a.block p { text-align: left; margin: 0; color: #000; font-weight: normal; }
#top-apps a.block p.caption { color: #999; }

#top-apps ol { list-style: none; margin: 0; }
#top-apps ol li { border-bottom: 1px solid #ededed; clear: both; margin: 0; padding: 0; } 
#top-apps .column ol li.nth-5 { border-bottom: none; } 
#top-apps ol li a.block { padding: 10px 17px 10px 79px; }
#top-apps ol li img.left { display: inline; margin: -18px 0 0 -71px; _position: relative; } 
#top-apps span.more {cursor: pointer;}

#top-apps .column.first h4 { border-radius: 6px 0 0 0; -webkit-border-top-left-radius:6px; -moz-border-radius: 6px 0 0 0; }
#top-apps .column.last h4 { border-radius: 0 6px 0 0; -webkit-border-top-right-radius:6px; -moz-border-radius: 0 6px 0 0; }
#top-apps .column.first ol li.nth-5 a { border-radius: 0 0 0 6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius: 0 0 0 6px; }
#top-apps .column.last ol li.nth-5 a { border-radius: 0 0 6px 0; -webkit-border-bottom-right-radius:6px; -moz-border-radius: 0 0 6px 0; }

#top-apps .the-app { padding: 24px 24px 0; }
#top-apps .the-app img.centered { margin-bottom: .75em; -webkit-box-reflect: below -2px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0.82, transparent), to(rgba(0,0,0,0.25))); }
#top-apps .the-app h5 { font-size: 14px; }
#top-apps a.block.the-app p { margin-bottom: .5em; }
@media only screen and (max-device-width: 480px) {
	#top-apps .the-app img.centered { -webkit-box-reflect: none; }
}
@media only screen and (max-device-width: 1024px) {
	#top-apps .the-app img.centered { -webkit-box-reflect: none; }
}

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

.bottom-promo { width: 740px; padding: 1em 110px 0 130px; 
margin: 1.25em auto .75em; *margin: 5.25em auto .75em;
background: #f6f6f6; *background: #f6f6f6; 
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(235,235,235)),color-stop(1, rgb(255,255,255))); 
background-image: -moz-linear-gradient(center bottom,rgb(235,235,235) 0%,rgb(255,255,255) 100%); 
zoom: 1; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35); 
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.35); box-shadow: 0 1px 3px rgba(0,0,0,.35); *border: 1px solid #e6e6e6; }
.bottom-promo:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.bottom-promo img.left { margin: 0 1em 1em 0; }
.bottom-promo h2 { padding-top: .5em; }
.bottom-promo p { font-size: 14px; line-height: 21px; color: #000;}



/*
	Overview
*/
#overview #main { *margin-bottom: -45px; _position: relative; }


/*
	Great Mac Apps
*/
#great-apps .click-away { padding-left: 0; padding-right: 0; }
#great-apps .click-away .inner-content { padding-top: 55px; padding-left: 225px; width: 755px; background:url(https://images.apple.com/kr/mac/app-store/images/app_section_first_background20110106.png) 0 0 repeat-x; }
#great-apps .click-away .inner-content h2,
#great-apps .click-away .inner-content p { width: 630px; }
#great-apps .click-away .inner-content img.left { margin: 0 0 0 -110px; _position: relative; }

#great-apps .section .grid2col .column { width: 46.5%; }
#great-apps .section .grid2col .column img.screen { margin: 0 0 1.25em; -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.85, transparent), to(rgba(255,255,255,.25))); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5); box-shadow: 0 1px 2px rgba(0,0,0,.5); }
#great-apps .section .grid2col .column img.icon { float: left; margin: 0 8px 4px 0; }
#great-apps .section .grid2col .column h2 { padding-top: .75em; margin: 0; }
#great-apps .section .grid2col .column h3.category { color: #898989; font-weight: normal; word-spacing: -1px; font-size: 1.15em; }
#great-apps .section .grid2col .column p { clear: both; margin-bottom: .75em; }
@media only screen and (max-device-width: 480px) {
	#great-apps .section .grid2col .column img.screen { -webkit-box-reflect: none; }
}
@media only screen and (max-device-width: 1024px) {
	#great-apps .section .grid2col .column img.screen { -webkit-box-reflect: none; }
}
#great-apps h2.divider { margin-bottom: 1em; padding-top: .6em; border-top: 1px solid #e5e5e5; }

#great-apps .section .grid2col .imovie img.icon { margin-left: -9px; _position: relative; }
#great-apps .section .grid2col .garageband img.icon { margin-left: -2px; margin-right: 0; _position: relative; }