div.Container .Inner
{
    /* Comics make the page 60px wider than normal */
    width: 1160px;
}

#HeaderLogo
{
    /* More wider page fixes */
    margin-left: 101px;
}

p.GrayDescription
{
    display: block;
    font-size: 22px;
    color: #999999;
    line-height: 36px;
}

h4.OrangeGradient
{
    padding-bottom: 10px;
}

h2.ClickImage
{
    position: absolute;
    text-transform: uppercase;
    font-size: 21px;
    color: #decdad;
    font-weight: normal;
    text-align: center;
}

a.DownloadCBR
{
    position: absolute;
    display: table;
    width: 290px;
    height: 48px;
    font-family: 'Radiance-SemiBold';
    font-size: 23px;
    color: #EADDBB;
    text-transform: uppercase;
    text-align: center;
    padding-top: 10px;
    letter-spacing: 0.3px;
}

a.BuyButton
{
    display: table;
    width: 250px;
    height: 44px;
    text-align: center;
    font-family: 'Cinzel';
    font-size: 24px;
    color: #E2EDF1;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    padding-top: 7px;
    text-shadow: 0px 0px 20px rgba( 0, 78, 255, 0.9 );
}

a.BuyButton:hover
{
    background: rgba( 255, 140, 0, 0.05 );
}

iframe
{
    border: none;
}

#BG2, #BG2 .Inner
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_02.jpg' );
    background-color: #243241;
    height: 1053px;
}

#BG2 .Inner.VideoMask
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/video_mask.png' );
}

#BG2 .Inner
{
    padding-top: 39px;
    padding-left: 100px;
}

#BG2 h1.OrangeGradient
{
    padding-left: 5px;
}

#BG3, #BG3 .Inner
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_03.jpg' );
    background-color: #000000;
    height: 792px;
}

#BG3 .Inner
{
    padding-top: 63px;
}

#BG3 .Inner > *
{
    display: table;
    margin: 0 auto;
    text-align: center;
}

#BG3 h3
{
    display: table;
    color: #999999;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 3px;
    padding-top: 11px;
    padding-left: 94px;
}

#BG3 h3 b
{
    color: #FFFFFF;
    font-weight: normal;
}

#BG3 h3 i
{
    display: inline-block;
    width: 26px;
}

#BG3 p
{
    padding-top: 17px;
    width: 780px;
}

#BG4, #BG4 .Inner
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_04.jpg' );
    background-color: #0F0F0F;
    height: 600px;
}

#BG4 .Inner > *
{
    display: table;
    margin: 0 auto;
    text-align: center;
}

#BG4 h2
{
    font-family: 'Cinzel';
    color: #ccaf82;
    font-size: 28px;
    font-weight: normal;
    padding-top: 71px;
    letter-spacing: 1.1px;
    line-height: 36px;
}

#BG4 p
{
    font-family: 'Cinzel';
    color: #c4a87d;
    font-size: 20px;
    width: 770px;
    padding-top: 25px;
    line-height: 36px;
}

#BG5, #BG5 .Inner
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_05.jpg' );
    background-color: #030102;
    height: 870px;
}

#BG5 video
{
    position: absolute;
    top: 88px;
    left: 179px;
    visibility: collapse;
}

#BG5 .ButtonIconContainer
{
    position: absolute;
    top: 543px;
    left: 378px;
}

#BG5 a.ButtonIcon
{
    display: block;
    width: 58px;
    height: 58px;
    float: left;
    margin-right: 11px;
}

/* Apparently they're not evenly spread out... */
#BG5 .ButtonIcon.MKPounce
{
    margin-right: 12px;
}

#BG5 .LargeIcon
{
    position: absolute;
    top: 651px;
    left: 254px;
    width: 111px;
    height: 111px;
}

#BG5 h2
{
    position: absolute;
    top: 661px;
    left: 383px;
    font-family: 'Radiance-Bold';
    font-size: 24px;
    color: #D8E6DC;
    text-transform: uppercase;
    letter-spacing: 3.6px;
    text-shadow: 0px 0px 25px rgba( 253, 255, 107, 0.62 );
    visibility: collapse;
}

#BG5 p
{
    position: absolute;
    top: 692px;
    left: 383px;
    width: 525px;
    font-size: 18px;
    line-height: 28px;
    visibility: collapse;
}

#BG5.MKStrikeActive .ButtonIcon.MKStrike { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/small_strike.png' ); cursor: default; }
#BG5.MKPerchActive .ButtonIcon.MKPerch { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/small_perch.png' ); cursor: default; }
#BG5.MKPounceActive .ButtonIcon.MKPounce { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/small_pounce.png' ); cursor: default; }
#BG5.MKQuadActive .ButtonIcon.MKQuad { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/small_quad.png' ); cursor: default; }
#BG5.MKDisguiseActive .ButtonIcon.MKDisguise { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/small_disguise.png' ); cursor: default; }
#BG5.MKArmyActive .ButtonIcon.MKArmy { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/small_army.png' ); cursor: default; }

#BG5:not(.MKStrikeActive) .ButtonIcon:hover.MKStrike { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/hover_strike.png' ); box-shadow: 0px 0px 10px rgba( 153, 51, 0, 0.5 ); }
#BG5:not(.MKPerchActive) .ButtonIcon:hover.MKPerch { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/hover_perch.png' ); box-shadow: 0px 0px 10px rgba( 153, 51, 0, 0.5 ); }
#BG5:not(.MKPounceActive) .ButtonIcon:hover.MKPounce { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/hover_pounce.png' ); box-shadow: 0px 0px 10px rgba( 153, 51, 0, 0.5 ); }
#BG5:not(.MKQuadActive) .ButtonIcon:hover.MKQuad { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/hover_quad.png' ); box-shadow: 0px 0px 10px rgba( 153, 51, 0, 0.5 ); }
#BG5:not(.MKDisguiseActive) .ButtonIcon:hover.MKDisguise { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/hover_disguise.png' ); box-shadow: 0px 0px 10px rgba( 153, 51, 0, 0.5 ); }
#BG5:not(.MKArmyActive) .ButtonIcon:hover.MKArmy { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/hover_army.png' ); box-shadow: 0px 0px 10px rgba( 153, 51, 0, 0.5 ); }

#BG5.MKStrikeActive .LargeIcon { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/icon_strike.png' ); }
#BG5.MKPerchActive .LargeIcon { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/icon_perch.png' ); }
#BG5.MKPounceActive .LargeIcon { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/icon_pounce.png' ); }
#BG5.MKQuadActive .LargeIcon { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/icon_quad.png' ); }
#BG5.MKDisguiseActive .LargeIcon { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/icon_disguise.png' ); }
#BG5.MKArmyActive .LargeIcon { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/icon_army.png' ); }

#BG5.MKStrikeActive video.MKStrike { visibility: visible; }
#BG5.MKPerchActive video.MKPerch { visibility: visible; }
#BG5.MKPounceActive video.MKPounce { visibility: visible; }
#BG5.MKQuadActive video.MKQuad { visibility: visible; }
#BG5.MKDisguiseActive video.MKDisguise { visibility: visible; }
#BG5.MKArmyActive video.MKArmy { visibility: visible; }

#BG5.MKStrikeActive h2.MKStrike { visibility: visible; }
#BG5.MKPerchActive h2.MKPerch { visibility: visible; }
#BG5.MKPounceActive h2.MKPounce { visibility: visible; }
#BG5.MKQuadActive h2.MKQuad { visibility: visible; }
#BG5.MKDisguiseActive h2.MKDisguise { visibility: visible; }
#BG5.MKArmyActive h2.MKArmy { visibility: visible; }

#BG5.MKStrikeActive p.MKStrike { visibility: visible; }
#BG5.MKPerchActive p.MKPerch { visibility: visible; }
#BG5.MKPounceActive p.MKPounce { visibility: visible; }
#BG5.MKQuadActive p.MKQuad { visibility: visible; }
#BG5.MKDisguiseActive p.MKDisguise { visibility: visible; }
#BG5.MKArmyActive p.MKArmy { visibility: visible; }

#BG6, #BG6 .Inner
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_06.jpg' );
    background-color: #141517;
    height: 380px;
}

#BG6 .Inner
{
    padding-top: 103px;
}

#BG6 .Inner > *
{
    display: table;
    margin: 0 auto;
    text-align: center;
}

#BG6 p
{
    padding-top: 20px;
    width: 750px;
}

#BG7, #BG7 .Inner
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_07.jpg' );
    background-color: #141517;
    height: 1053px;
}

#BG7 h2.ClickImage
{
    width: 100%;
    top: 865px;
}

#BG7 #ComicMK
{
    position: absolute;
    top: 64px;
    left: 70px;
    width: 1024px;
    height: 768px;
    overflow: hidden;
}

#BG7 a.DownloadCBR
{
    top: 928px;
    right: 3px;
}

#BG7 a.DownloadCBR:hover
{
    background: rgba( 255, 255, 255, 0.1 );
}

#BG8, #BG8 .Inner
{
    background-color: #141517;
    height: 1335px;
}

body.MKArcana1 #BG8, body.MKArcana1 #BG8 .Inner { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_08_1.jpg' ); }
body.MKArcana2 #BG8, body.MKArcana2 #BG8 .Inner { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_08_2.jpg' ); }
body.MKArcana3 #BG8, body.MKArcana3 #BG8 .Inner { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_08_3.jpg' ); }
body.MKArcana4 #BG8, body.MKArcana4 #BG8 .Inner { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_08_4.jpg' ); }

#BG8 .Inner
{
    padding-top: 109px;
}

#BG8 .Inner > *
{
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#BG8 h4
{
    letter-spacing: 1.2px;
}

#BG8 h2
{
    margin-bottom: 12px;
}

#BG8 p
{
    padding-top: 3px;
    width: 840px;
}

#BG8 .ArcanaArrowLeft
{
    position: absolute;
    top: 636px;
    left: 28px;
    display: table;
    width: 66px;
    height: 460px;
}

#BG8 .ArcanaArrowLeft:hover
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/arcana_button_left.png' );
    opacity: 0.2;
}

#BG8 .ArcanaArrowRight
{
    position: absolute;
    top: 636px;
    left: 1073px;
    display: table;
    width: 66px;
    height: 460px;
}

#BG8 .ArcanaArrowRight:hover
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/arcana_button_right.png' );
    opacity: 0.2;
}

#BG8 .MKArcanaPart
{
    display: table;
    position: absolute;
    top: 736px;
    left: 608px;
    width: 420px;
    text-align: left;
    visibility: collapse;
}

body.MKArcana1 #BG8 .MKArcanaPart.MKArcana1 { visibility: visible; }
body.MKArcana2 #BG8 .MKArcanaPart.MKArcana2 { visibility: visible; }
body.MKArcana3 #BG8 .MKArcanaPart.MKArcana3 { visibility: visible; }
body.MKArcana4 #BG8 .MKArcanaPart.MKArcana4 { visibility: visible; }

#BG8 .MKArcanaPart h3
{
    font-family: 'Cinzel';
    font-weight: normal;
    font-size: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 28px;
    letter-spacing: 1.2px;
}

#BG8 .MKArcanaPart h2
{
    font-family: 'Cinzel';
    font-weight: normal;
    font-size: 36px;
    color: #FFE9CC;
    text-transform: uppercase;
    line-height: 36px;
    letter-spacing: 1.9px;
    text-shadow: 0px 0px 20px rgba( 206, 206, 206, 0.7 );
}

#BG8 .MKArcanaPart p
{
    width: auto;
    font-size: 18px;
    line-height: 28px;
    padding-top: 8px;
    padding-left: 1px;
}

#BG8 .MKArcanaPip
{
    display: table;
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/arcana_pip.png' );
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 982px;
    width: 16px;
    height: 16px;
    padding: 4px;
    opacity: 0.27;
}

#BG8 .MKArcanaPip.MKArcana1 { left: 605px; }
#BG8 .MKArcanaPip.MKArcana2 { left: 635px; }
#BG8 .MKArcanaPip.MKArcana3 { left: 666px; }
#BG8 .MKArcanaPip.MKArcana4 { left: 696px; }

body.MKArcana1 #BG8 .MKArcanaPip.MKArcana1 { opacity: 1.0; cursor: default; }
body.MKArcana2 #BG8 .MKArcanaPip.MKArcana2 { opacity: 1.0; cursor: default; }
body.MKArcana3 #BG8 .MKArcanaPip.MKArcana3 { opacity: 1.0; cursor: default; }
body.MKArcana4 #BG8 .MKArcanaPip.MKArcana4 { opacity: 1.0; cursor: default; }

#BG9, #BG9 .Inner
{
    background-color: #141517;
    height: 1221px;
}

body.MKArcana1 #BG9, body.MKArcana1 #BG9 .Inner { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_09_1.jpg' ); }
body.MKArcana2 #BG9, body.MKArcana2 #BG9 .Inner { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_09_2.jpg' ); }
body.MKArcana3 #BG9, body.MKArcana3 #BG9 .Inner { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_09_3.jpg' ); }
body.MKArcana4 #BG9, body.MKArcana4 #BG9 .Inner { background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_09_4.jpg' ); }

.Preload
{
    width: 0px;
    height: 0px;
    overflow: none;
}

#Preload08_1 { background: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_08_1.jpg' ) no-repeat -9999px -9999px; }
#Preload08_2 { background: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_08_2.jpg' ) no-repeat -9999px -9999px; }
#Preload08_3 { background: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_08_3.jpg' ) no-repeat -9999px -9999px; }
#Preload08_4 { background: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_08_4.jpg' ) no-repeat -9999px -9999px; }
#Preload09_1 { background: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_09_1.jpg' ) no-repeat -9999px -9999px; }
#Preload09_2 { background: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_09_2.jpg' ) no-repeat -9999px -9999px; }
#Preload09_3 { background: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_09_3.jpg' ) no-repeat -9999px -9999px; }
#Preload09_4 { background: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_09_4.jpg' ) no-repeat -9999px -9999px; }

#BG9 h2
{
    position: absolute;
    top: 479px;
    text-align: center;
    width: 100%;
    font-family: 'Cinzel';
    font-size: 30px;
    color: #FFE9CC;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 3.3px;
    text-shadow: 0px 0px 25px rgba( 248, 234, 204, 0.68 );
}

#BG9 video
{
    position: absolute;
    top: 40px;
    left: 170px;
}

#BG9 .VideoOverlay
{
    position: absolute;
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/video_overlay.png' );
    width: 518px;
    height: 614px;
    top: 40px;
    right: 168px;
    z-index: 9001;
}

#BG9 h3
{
    position: absolute;
    top: 525px;
    left: 0;
    right: 0;
    display: table;
    margin: 0 auto;
    text-align: center;
    font-size: 17px;
    color: #9F8E74;
    width: 420px;
    line-height: 24px;
    letter-spacing: 0.15px;
    font-weight: normal;
    text-transform: uppercase;
}

#BG9 p
{
    position: absolute;
    width: 100%;
    top: 597px;
    text-align: center;
    line-height: 38px;
}

#BG9 #Emoticon
{
    position: absolute;
    top: 976px;
    left: 564px;
}

#BG9 a.BuyButton
{
    position: absolute;
    top: 1045px;
    left: 455px;
    text-align: center;
    line-height: 38px;
}

#BG9 i
{
    position: absolute;
    display: table;
    top: 1120px;
    width: 100%;
    text-align: center;
    line-height: 38px;
    font-style: normal;
    color: #9F8E74;
    font-size: 16px;
    padding-left: 6px;
}

#BG10, #BG10 .Inner
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_10.jpg' );
    background-color: #141517;
    height: 293px;
}

#BG10 .Inner
{
    padding-top: 69px;
}

#BG10 .Inner > *
{
    display: table;
    margin: 0 auto;
    text-align: center;
}

#BG10 p
{
    padding-top: 20px;
    width: 750px;
}

#BG11, #BG11 .Inner
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_11.jpg' );
    background-color: #141517;
    height: 1066px;
}

#BG11 #ComicMKArcana
{
    position: absolute;
    top: 79px;
    left: 70px;
    width: 1024px;
    height: 768px;
    overflow: hidden;
}

#BG11 h2.ClickImage
{
    width: 100%;
    top: 879px;
}

#BG11 a.DownloadCBR
{
    top: 944px;
    right: 0px;
}

#BG12, #BG12 .Inner
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_12.jpg' );
    background-color: #171D1D;
    height: 1047px;
}

#BG12 .Inner
{
    padding-top: 104px;
}

#BG12 .Inner > *
{
    display: table;
    margin: 0 auto;
    text-align: center;
}

#BG12 p.GrayDescription
{
    padding-top: 20px;
    width: 750px;
}

#BG12 #TerrainCarousel
{
    position: absolute;
    top: 348px;
    left: 178px;
    width: 800px;
    height: 400px;
}

#BG12 #TerrainCarousel img
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 800px;
    height: 400px;
}

#BG12 .VideoOverlay
{
    position: absolute;
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/terrain_overlay.png' );
    width: 277px;
    height: 520px;
    top: 284px;
    left: -30px;
    z-index: 9001;
}

#BG12 a.BuyButton
{
    position: absolute;
    top: 792px;
    left: 455px;
}

#BG12 p.Bottom
{
    display: block;
    position: absolute;
    width: 800px;
    top: 872px;
    left: 177px;
    font-size: 18px;
    line-height: 24px;
}

#BG12 p.Bottom b
{
    font-weight: normal;
    color: #CCCCCC;
    text-transform: uppercase;
}

#BG13, #BG13 .Inner
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/700/hero/bg_13.jpg' );
    background-color: #101012;
    height: 1108px;
}

#BG13 .Inner
{
    padding-top: 103px;
}

#BG13 .Inner > *
{
    display: table;
    margin: 0 auto;
    text-align: center;
}

#BG13 p
{
    padding-top: 31px;
    width: 750px;
}

#BG13 h2
{
    line-height: 34px;
}

#BG13 a.BuyButton
{
    position: absolute;
    top: 832px;
    left: 455px;
}

#BG13 #HubLink
{
    top: 986px;
    left: 385px;
    text-align: left;
}