/* Plattered iPad Business Landing page */
body#profiles #main { width:auto; }

body#profiles #hero { width:646px; margin:0 auto 40px; padding:40px 0 0; text-align:center; }
body#profiles #hero h1 { margin-bottom:0; }
body#profiles #hero h1 img { margin:0 auto; }
body#profiles #hero p.intro { font-size:19px; line-height:26px; }

.ACMediaSettingsMenu,
.ACMediaSettingsMenu-selected,
.ACMediaSettingsMenu-hovered { *left:615px !important; }

body#profiles #main .gallery { margin:0 -70px 60px; float:left; position:relative; }

body#profiles #main .gallery a .image .play { top:270px; left:512px; }

body#profiles #main .gallery .gallery-view { width:12110px; }
body#profiles #main .gallery .gallery-view figure a:hover { text-decoration:none; }
body#profiles #main .gallery .gallery-content { width:1730px; height:810px; }
body#profiles #main .gallery .simple-nav { position:relative; z-index:1003; bottom:140px; }
body#profiles #main .gallery .paddle-nav li .arrow { height:800px; }
body#profiles #main .gallery .paddle-nav li .arrow b { margin-top:680px; }

body#profiles #main .gallery .grid2cola { margin-top:-4px; z-index:1; width:1120px; height:130px; position:relative; padding:30px 0; background:url('/v/ipad/business/c/images/profile_hero_info_bg.jpg') left bottom repeat-y; background-size:1120px 189px;
	-moz-box-shadow:inset 0 0 25px #ddd;
	-webkit-box-shadow:inset 0 0 25px #ddd;
	box-shadow:inset 0 0 25px #ddd;
}
body#profiles #main .gallery .grid2cola .column.first { padding-left:120px; width:512px; }
body#profiles #main .gallery .grid2cola .column.first h2 { margin-bottom:5px; }
body#profiles #main .gallery .grid2cola .column.first p,
body#profiles #main .gallery .grid2cola .column.first a { font-size:14px; line-height:21px; margin-bottom:5px; }
body#profiles #main .gallery .grid2cola .column.last { width:331px; }
body#profiles #main .gallery .grid2cola .column.last h3 { font-size:16px; margin-bottom:5px; margin-top:0; }
body#profiles #main .gallery .grid2cola .column.last ul { width:210px; }
body#profiles #main .gallery .grid2cola .column.last li { font-size:14px; margin-bottom:5px; }

body#profiles #main .gallery .simple-nav { display:none; bottom:16px; }
@media only screen and (max-device-width:768px) {
	body#profiles #main .gallery ul.simple-nav { display:block; }
}

body#profiles #main .featured,
body#profiles #main .more-profiles { padding-left:46px; }
body#profiles #main .featured h3,
body#profiles #main .more-profiles h3 { margin:0 0 36px 4px; font-size:1.3em; }
body#profiles #main ul.profiles { width:888px; float:left; clear:both; font-size:.85em; line-height:1.4em; }
body#profiles #main ul.profiles li { float:left; width:218px; margin-right:117px; padding-bottom:30px; }
body#profiles #main ul.profiles li.last { margin-right:0; }
body#profiles #main ul.profiles li a { text-decoration:none; outline:none; }
body#profiles #main ul.profiles li a h4 { font-weight:normal; }
body#profiles #main ul.profiles li a h4,
body#profiles #main ul.profiles li a p { padding-left:8px; }
body#profiles #main ul.profiles li a p { color:#333; margin-bottom:9px; }

body#profiles #main ul.profiles a .image { position:relative; z-index:1; }
body#profiles #main ul.profiles a .image .play.small { top:37px; left:83px; }
body#profiles #main ul.profiles .profile-thumb { margin-left:4px; margin-bottom:5px;
	-webkit-box-shadow:0 2px 6px rgba(0,0,0,.5);
	-moz-box-shadow:0 2px 6px rgba(0,0,0,.5);
	box-shadow:0 2px 6px rgba(0,0,0,.5);
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
}


body#profiles #main .more-profiles { margin:0 -70px 20px; padding:42px 116px 0; background-image:url('/v/ipad/business/c/images/divider.jpg'); background-repeat:no-repeat; background-size:1120px 70px; }

/* slide view hardware galleries */
body#profiles #main .slide-gallery .gallery-content,
body#profiles #main .slide-gallery figure { float:left; display:inline; margin:0; position:relative; z-index:1001; }


/* Platterized Profiles */
body.profiles #main .content { width:930px; margin:0; padding:40px 0 36px 50px !important; }

body.profiles #hero { margin-bottom:60px; padding-right:50px; }

body.profiles #hero h1 { margin-bottom:18px; padding-top:18px; text-align:center; }
body.profiles #hero h2 { padding-top:0; margin-bottom:20px; font-size:34px; font-weight:normal; clear:both; color:#656565; }
body.profiles #hero p.intro,
body.profiles #main .grid2cola .pullquote p.quote { margin-bottom:10px; font-size:22px; line-height:28px; text-indent:-7px; color:#888; }
body.profiles #main .grid2cola .pullquote { margin-top:50px; }

body.profiles #swap-hero-video { margin:0 -120px 40px; height:633px; position:relative; }
body.profiles #swap-hero-video .moviePanel { width:848px; height:480px; top:70px; }
body.profiles #swap-hero-video .endState { width:1120px; height:633px; margin:0 -136px 0; position:absolute; left:0; top:-70px; }
body.profiles #swap-hero-video .hero-link { padding-right:0; }
body.profiles #swap-hero-video a span.play { left:512px; top:268px; }

body.profiles #main .grid2cola p { font-size:14px; line-height:20px; }
body.profiles #main .grid2cola .column h3 { margin-top:55px; margin-bottom:8px; font-size:16px; }
body.profiles #main .grid2cola .column.first { width:64%; }
body.profiles #main .grid2cola .column.last { width:28%; }

body.profiles #main .grid2cola .column.last .callout { position:relative; font-size:12px !important; margin-bottom:24px !important;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	-khtml-border-radius:0;
}
body.profiles #main .grid2cola .column.last .callout h3 { margin-top:0; }
body.profiles #main .grid2cola .column.last .callout h4 { margin-bottom:0; }
body.profiles #main .grid2cola .column.last .callout ul { margin-left:0; }
body.profiles #main .grid2cola .column.last .callout ul li { margin-top:8px; }
body.profiles #main .grid2cola .column.last .callout ul.disc { margin-left:16px; list-style-type:disc; }
body.profiles #main .grid2cola .column.last .callout ul.disc { margin-left:16px; list-style-type:disc; }
body.profiles #main .grid2cola .column.last .callout.border-bottom { padding-bottom:20px; border-bottom:1px solid #ccc; }

body.profiles #main .grid2cola .column.last a.pdf { background-position:0 0.2em; }
body.profiles #main .grid2cola .column.last .sidebar-image { margin:50px 0; }
body.profiles #main .grid2cola .column.last .sidebar-image p { font-size:12px; line-height:18px; }
body.profiles #main .grid2cola .column.last .sidebar-image img { margin-bottom:3px;
	-webkit-box-shadow:0 2px 6px rgba(0,0,0,.5);
	-moz-box-shadow:0 2px 6px rgba(0,0,0,.5);
	box-shadow:0 2px 6px rgba(0,0,0,.5);
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
}

/* -- More Profiles -- */
#more { position:relative; margin:50px -70px 0 -120px; padding:40px 112px 0; height:255px; border-top:1px solid #ccc; }
#more h2 { text-align:center; font-size:16px; line-height:1; }

body.profiles #more h2 img { display:none; }

#more .mask { position:absolute; top:94px; width:896px; height:220px; overflow:hidden; }
#more .mask .container { position:absolute; }
#more .mask .container a { display:block; float:left; position:relative; padding:0 7px; width:210px; height:200px; color:#252525; text-decoration:none; }
#more .mask .container a img {
	-webkit-box-shadow:0 2px 6px rgba(0,0,0,.5);
	-moz-box-shadow:0 2px 6px rgba(0,0,0,.5);
	box-shadow:0 2px 6px rgba(0,0,0,.5);
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
}
#more .mask .container a .overimg { position:absolute; left:7px; top:0; width:210px; height:120px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
}

#more .mask .container a h3 { margin-top:5px; margin-right:-3px; margin-bottom:1px; width:200px; font-size:.85em; font-weight:normal; color:#333; cursor:pointer; }
#more .mask .container a h3 strong { display:block; font-weight:normal; color:#000; }

#more .mask .container a:hover h3,
#more .mask .container a:hover h3 strong { color:#08c; }

#more .mask .container a.active { color:#999; background-position:0 0 !important; cursor:default; }
#more .mask .container a.active h3 { color:#ccc; cursor:default; }
#more .mask .container a.active h3 strong { color:#999; }
#more .mask .container a.active .overimg { background-color:#333; opacity:0.4; filter:alpha(opacity=40); cursor:default !important; }

#more .arrow { display:block; opacity:0.65; filter:alpha(opacity=10); position:absolute; top:115px; width:40px; height:80px; background:no-repeat 0 0; cursor:pointer; }
#more .arrow.left { left:66px; background-image:url('/global/elements/arrows/paddle_prev.png'); }
#more .arrow.right { right:66px; background-image:url('/global/elements/arrows/paddle_next.png'); }
#more .arrow.disabled,
#more .arrow.disabled:hover { opacity:0.3; filter:alpha(opacity=5); cursor:default; }
#more .arrow:hover { opacity:1; filter:alpha(opacity=25); }

#more .mask .container a.active .more,
#more .mask .container a img.thumb ,
#more .mask .container a p,
#more .nav { display:none; }