/* heading */
.hero-heading-subheading { color: #57b5b5; position: relative; margin-left: 6px; font-style: italic; }
.hero-heading-subheading a:hover { color: #f3e6d0; }

/* gameplay */
.gameplay { background: none; position: relative; }
.gameplay .section-body { padding: 0; }
.gameplay-text p:first-child { margin-bottom: 25px; font-size: 14px; line-height: 1.75em; }

/* lore */
.lore { margin-bottom: 0; }
.lore .section-body { position: relative; min-height: 450px; }
.lore-text { position: relative; z-index: 2; margin-left: 255px; min-height: 430px; }

/* resource */
.resource-orb { position: absolute; left: 107px; top: 30px; width: 95px; height: 97px; background: no-repeat; }
.resource-top { padding: 160px 25px 50px 25px; }

/* class video */
.class-video { width: 572px; height: 195px; padding: 9px 0 0 8px; margin: 0 auto 20px auto; display: block; box-shadow: 0 0 5px #000; background: url("../../images/hero/class-video-bg.jpg") 0 0 no-repeat; }
.class-video a { display: block; width: 563px; height: 184px; border: 1px solid #000; position: relative; }
.class-video a:hover { border-color: #824c06; background-position: 0 -184px; }
.class-video a span { position: absolute; top: 0; left: 0; font-size: 16px; width: 563px; height: 44px; text-transform: uppercase; padding-top: 140px; text-align: center; background: url("../../images/hero/watch-video.png") 50% 40% no-repeat; }
.class-video a:hover span { background-image: url("../../images/hero/watch-video-hover.png"); }

/* class specific */
.hero-barbarian .body-top { background-image: url("../../images/hero/barbarian/bg.jpg"); }
.hero-barbarian .features .crest { background-image: url("../../images/hero/barbarian/crest.png"); top: -145px; }
.hero-barbarian .features-top { background-image: url("../../images/hero/barbarian/features-top.jpg"); }
.hero-barbarian .resource-top { background-image: url("../../images/hero/barbarian/resource-top.jpg"); }
.hero-barbarian .resource-orb { background-image: url("../../images/hero/barbarian/resource-orb.gif"); }
.hero-barbarian .armor .tiers { background-image: url("../../images/hero/barbarian/armor-bg.jpg"); }
.hero-barbarian .character-model .model-canvas { background-image: url("../../images/hero/barbarian/model-bg.jpg"); }
.hero-barbarian .hero-male .model-canvas .fallback { background-image: url("../../images/hero/barbarian/model-male.jpg"); }
.hero-barbarian .hero-female .model-canvas .fallback { background-image: url("../../images/hero/barbarian/model-female.jpg"); }
.hero-barbarian .class-video a { background-image: url("../../images/hero/barbarian/class-video.jpg"); }

.hero-crusader .body-top { background-image: url("../../images/hero/crusader/bg.jpg"); }
.hero-crusader .features .crest { background-image: url("../../images/hero/crusader/crest.png"); top: -160px; }
.hero-crusader .features-top { background-image: url("../../images/hero/crusader/features-top.jpg"); }
.hero-crusader .resource-top { background-image: url("../../images/hero/crusader/resource-top.jpg"); }
.hero-crusader .resource-orb { background-image: url("../../images/hero/crusader/resource-orb.gif"); }
.hero-crusader .armor .tiers { background-image: url("../../images/hero/crusader/armor-bg.jpg"); }
.hero-crusader .character-model .model-canvas { background-image: url("../../images/hero/crusader/model-bg.jpg"); }
.hero-crusader .hero-male .model-canvas .fallback { background-image: url("../../images/hero/crusader/model-male.jpg"); }
.hero-crusader .hero-female .model-canvas .fallback { background-image: url("../../images/hero/crusader/model-female.jpg"); }
.hero-crusader .class-video a { background-image: url("../../images/hero/crusader/class-video.jpg"); }

.hero-demon-hunter .body-top { background-image: url("../../images/hero/demon-hunter/bg.jpg"); }
.hero-demon-hunter .features .crest { background-image: url("../../images/hero/demon-hunter/crest.png"); }
.hero-demon-hunter .features-top { background-image: url("../../images/hero/demon-hunter/features-top.jpg"); }
.hero-demon-hunter .resource-top { background-image: url("../../images/hero/demon-hunter/resource-top.jpg"); }
.hero-demon-hunter .resource-orb { background-image: url("../../images/hero/demon-hunter/resource-orb.gif"); }
.hero-demon-hunter .armor .tiers { padding-top: 400px; background-image: url("../../images/hero/demon-hunter/armor-bg.jpg"); }
.hero-demon-hunter .character-model .model-canvas { background-image: url("../../images/hero/demon-hunter/model-bg.jpg"); }
.hero-demon-hunter .hero-male .model-canvas .fallback { background-image: url("../../images/hero/demon-hunter/model-male.jpg"); }
.hero-demon-hunter .hero-female .model-canvas .fallback { background-image: url("../../images/hero/demon-hunter/model-female.jpg"); }
.hero-demon-hunter .class-video a { background-image: url("../../images/hero/demon-hunter/class-video.jpg"); }

.hero-monk .body-top { background-image: url("../../images/hero/monk/bg.jpg"); }
.hero-monk .features .crest { background-image: url("../../images/hero/monk/crest.png"); }
.hero-monk .features-top { background-image: url("../../images/hero/monk/features-top.jpg"); }
.hero-monk .resource-top { background-image: url("../../images/hero/monk/resource-top.jpg"); }
.hero-monk .resource-orb { background-image: url("../../images/hero/monk/resource-orb.gif"); }
.hero-monk .armor .tiers { background-image: url("../../images/hero/monk/armor-bg.jpg"); }
.hero-monk .character-model .model-canvas { background-image: url("../../images/hero/monk/model-bg.jpg"); }
.hero-monk .hero-male .model-canvas .fallback { background-image: url("../../images/hero/monk/model-male.jpg"); }
.hero-monk .hero-female .model-canvas .fallback { background-image: url("../../images/hero/monk/model-female.jpg"); }
.hero-monk .class-video a { background-image: url("../../images/hero/monk/class-video.jpg"); }

.hero-necromancer .body-top { background-image: url("../../images/hero/necromancer/bg.jpg"); }
.hero-necromancer .features .crest { background-image: url("../../images/hero/necromancer/crest.png"); top: -160px; }
.hero-necromancer .features-top { background-image: url("../../images/hero/necromancer/features-top.jpg"); }
.hero-necromancer .resource-top { background-image: url("../../images/hero/necromancer/resource-top.jpg"); }
.hero-necromancer .resource-orb { background-image: url("../../images/hero/necromancer/resource-orb.gif"); }
.hero-necromancer .armor .tiers { background-image: url("../../images/hero/necromancer/armor-bg.jpg"); }
.hero-necromancer .character-model .model-canvas { background-image: url("../../images/hero/necromancer/model-bg.jpg"); }
.hero-necromancer .hero-male .model-canvas .fallback { background-image: url("../../images/hero/necromancer/model-male.gif"); background-size: contain; background-position: 50% 50%; }
.hero-necromancer .hero-female .model-canvas .fallback { background-image: url("../../images/hero/necromancer/model-female.gif"); background-size: contain; background-position: 50% 50%; }
.hero-necromancer .class-video a { background-image: url("../../images/hero/necromancer/class-video.jpg"); }

.hero-witch-doctor .body-top { background-image: url("../../images/hero/witch-doctor/bg.jpg"); }
.hero-witch-doctor .features .crest { background-image: url("../../images/hero/witch-doctor/crest.png"); }
.hero-witch-doctor .features-top { background-image: url("../../images/hero/witch-doctor/features-top.jpg"); }
.hero-witch-doctor .resource-top { background-image: url("../../images/hero/witch-doctor/resource-top.jpg"); }
.hero-witch-doctor .resource-orb { background-image: url("../../images/hero/witch-doctor/resource-orb.gif"); }
.hero-witch-doctor .armor .tiers { padding-top: 350px; background-image: url("../../images/hero/witch-doctor/armor-bg.jpg"); }
.hero-witch-doctor .character-model .model-canvas { background-image: url("../../images/hero/witch-doctor/model-bg.jpg"); }
.hero-witch-doctor .hero-male .model-canvas .fallback { background-image: url("../../images/hero/witch-doctor/model-male.jpg"); }
.hero-witch-doctor .hero-female .model-canvas .fallback { background-image: url("../../images/hero/witch-doctor/model-female.jpg"); }
.hero-witch-doctor .class-video a { background-image: url("../../images/hero/witch-doctor/class-video.jpg"); }

.hero-wizard .body-top { background-image: url("../../images/hero/wizard/bg.jpg"); }
.hero-wizard .features .crest { background-image: url("../../images/hero/wizard/crest.png"); top: -165px; }
.hero-wizard .features-top { background-image: url("../../images/hero/wizard/features-top.jpg"); }
.hero-wizard .resource-top { background-image: url("../../images/hero/wizard/resource-top.jpg"); }
.hero-wizard .resource-orb { background-image: url("../../images/hero/wizard/resource-orb.gif"); }
.hero-wizard .armor .tiers { padding-top: 350px; background-image: url("../../images/hero/wizard/armor-bg.jpg"); }
.hero-wizard .character-model .model-canvas { background-image: url("../../images/hero/wizard/model-bg.jpg"); }
.hero-wizard .hero-male .model-canvas .fallback { background-image: url("../../images/hero/wizard/model-male.jpg"); }
.hero-wizard .hero-female .model-canvas .fallback { background-image: url("../../images/hero/wizard/model-female.jpg"); }
.hero-wizard .class-video a { background-image: url("../../images/hero/wizard/class-video.jpg"); }

/* ie */
.ie6 .hero-barbarian .features .crest { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/hero/barbarian/crest.png", sizingMethod="image"); }
.ie6 .hero-demon-hunter .features .crest { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/hero/demon-hunter/crest.png", sizingMethod="image"); }
.ie6 .hero-monk .features .crest { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/hero/monk/crest.png", sizingMethod="image"); }
.ie6 .hero-witch-doctor .features .crest { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/hero/witch-doctor/crest.png", sizingMethod="image"); }
.ie6 .hero-wizard .features .crest { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/hero/wizard/crest.png", sizingMethod="image"); }
.ie6 .class-video a span,
.ie6 .class-video a:hover span { background: none; }

.ie67 .armor .tiers { height: 225px; }