body {
	background-color: #000;
	padding: 0;
	margin: 0;
	font-family: georgia,serif;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	color: #cccccc;
	
}

/*#Container_01 {
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/threespirits/bg_01.jpg?x=3');
	background-position:top center;
	background-repeat:no-repeat;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	height:1000px;
}*/

.Container {
    background-position:top center;
    background-repeat:no-repeat;
    margin-right:auto;
    margin-left:auto;
    position:relative;
}

.Content {
    background-position:top center;
    background-repeat:no-repeat;
    margin-right:auto;
    margin-left:auto;
    position:relative;
    width:938px;
}

#Container_Header {
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/threespirits/bg_header.jpg');
    height:46px;
}

#Content_Header {
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/threespirits/bg_header.jpg');
    height:46px;
    padding-top:14px;
    width: 938px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.Content_Header_Item {
    font-family: 'Montserrat', sans-serif;
    font-size:13px;
    text-transform:uppercase;
    z-index:200;
    position:relative;
    padding-right:20px;

    color:#637572 !important;
}

.Content_Header_Item:hover {
    color:#b4d4ce !important;
}

.first {
    padding-left:80px;
}

#GetDota {
    font-family: 'Montserrat', sans-serif;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    z-index:200;
    color:#8caca8;
    position:absolute;
    right:24px;
    padding-top:2px;
    text-align:right;
    width:150px;
    text-align:center;
    -moz-text-shadow: 0px 0px 15px #b4d4ce;
    -webkit-text-shadow: 0px 0px 15px #b4d4ce;
    text-shadow: 0px 0px 15px #b4d4ce;
}

#GetDota:hover {
    color:#fff;
}

.Container_01_Base {
    height:1000px;
}

.Content_01_Base {
	height:1000px;
	position: relative;
	margin: 0 auto;
}

.Content_01_Base .ImageContainer {
	position: relative;
	width: 100%;
	left: -100px;
	top: 209px;
}

.Content_01_Base .ImageContainer .Hidden {
	opacity: 0;
}

#StormContainer {
	cursor: pointer;
	position: absolute;
	top: 27px;
	left: 54px;
	width: 314px;
	height: 475px;
	z-index: 10000;
}

#EarthContainer {
	cursor: pointer;
	position: absolute;
	top: 28px;
	left: 410px;
	width: 310px;
	height: 471px;
	z-index: 10000;
}

#EmberContainer {
	cursor: pointer;
	position: absolute;
	top: 22px;
	left: 765px;
	width: 321px;
	height: 477px;
	z-index: 10000;
}

#Glow {
	width: 1138px;
	height: 530px;
	position: absolute;
}

#Storm {
	width: 1138px;
	height: 530px;
	position: absolute;
	z-index: 1;
}

#Earth {
	width: 1138px;
	height: 530px;
	position: absolute;
	z-index: 1;
}

#Ember {
	width: 1138px;
	height: 530px;
	position: absolute;
	z-index: 1;
}

.Content_01_Base .ImageContainer img {
	position: absolute;
}

.Container_02_Base {
    height:1184px;
}

.Content_02_Base {
    height:1184px;
}

.Container_03_Base {
    height:612px;
}

.Content_03_Base {
    height:612px;
}

.Container_04_Base {
    height:1094px;
}

.Content_04_Base {
    height:1094px;
}

.Container_05_Base {
    height:720px;
}

.Content_05_Base {
    height:720px;
}

.Container_06_Base {
    height:1028px;
}

.Content_06_Base {
    height:1028px;
}

.Container_07_Base {
    height:720px;
}

.Content_07_Base {
    height:720px;
}

.Container_08_Base {
    height:812px;
}

.Content_08_Base {
    height:812px;
}

.Container_09_Base {
    height:894px;
}

.Content_09_Base {
    height:894px;
}

.Container_10_Base {
    height:890px;
}

.Content_10_Base {
    height:890px;
}

.Container_11_Base {
    height:930px;
}

.Content_11_Base {
    height:930px;
}

/*894*/

.Container_12_Base {
    background-repeat:repeat-y;
}

.Container_13_Base {
    height:260px;
}

.Content_13_Base {
    height:260px;
}

.copy {
   position:absolute;
   font-size:13px;
   line-height:20px;
   font-family:Arial,helvetica,sans-serif;
   color:#cccccc;
}

.spirit_copy {
    font-family: 'Balthazar', serif;
    font-size:18px;
    line-height:20px;
}

.spirit_copy strong {
    font-family: 'Balthazar', serif;
    font-size:18px;
}

.center_copy {
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    width:692px;
    text-align:center;
}

.desc_copy {
   width:534px;
   left:270px;
}

.left_copy {
   left:74px;
}

.right_copy {
    left:478px;
}

#storm_copy_01 {
    top:12px;
}

#storm_copy_02 {
    top:166px;
}

#storm_copy_03 {
    top:262px;
}

#storm_copy_04 {
    top:360px;
}

#storm_copy_05 {
    top:454px;
}

#earth_copy_01 {
    top:8px;
}

#earth_copy_02 {
    top:176px;
}

#earth_copy_03 {
    top:274px;
}

#earth_copy_04 {
    top:370px;
}

#earth_copy_05 {
    top:466px;
}

#earth_copy_06 {
    top:564px;
}

#ember_copy_01 {
    top:6px;
}

#ember_copy_02 {
    top:166px;
}

#ember_copy_03 {
    top:264px;
}

#ember_copy_04 {
    top:362px;
}

#ember_copy_05 {
    top:456px;
}

#ember_copy_06 {
    top:556px;
}

#feature_copy_01 {
   top:256px;
   width:310px;
}

#feature_copy_02 {
    top:530px;
    width:354px;
}

#feature_copy_03 {
    top:142px;
    width:410px;
    left:479px;
}

#feature_copy_04 {
    top:574px;
    width:320px;
    left:76px;
}

#feature_copy_05 {
    top:126px;
    width:390px;
}

#feature_copy_06 {
    top:573px;
    width:310px;
    left:47px;
}

#treasure_copy_01 {
   top:376px;
   left:20px;
   text-align:center;
}

#treasure_copy_02 {
    top:376px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
 }

#treasure_copy_03 {
    top:376px;
    right:20px;
    text-align:center;
}

.Learn {
    width:230px;
    height:66px;
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    background-position:top;
}

.Learn:hover {
    background-position:bottom;
}

.LearnStorm_Base {
    top:542px;
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/threespirits/learn_storm.png');
 }

.LearnEarth_Base {
    top:648px;
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/threespirits/learn_earth.png');
}

.LearnEmber_Base {
    top:636px;
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/threespirits/learn_ember.png');
}

#ChangeLog {
    width:760px;
    margin-left:80px;
    color:#a1a1a1;
}

#ChangeLog i {
    font-size:16px;
    font-weight:bold;
    color:#ccc;
}

ul {
    margin:14px 0px 0px 0px;
    padding-bottom: 14px;
}

#Flicker {
	position: absolute;
	left: 24px;
	top: 450px;
	width: 640px;
	height: 410px;
	color: #f00;
	cursor: pointer;
}

#FlickerHover {
	position: absolute;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	top: 450px;
	left: 24px;
	z-index: 9999;
}

#FlickerHover:hover {
	opacity: .5;
}
/*#Content_03 .Copy_01 {
	position: absolute;

	top: 184px;
	left: 77px;
	width: 356px;

	height: 473px;
}*/

#Valve {
	position: relative;
	width:936px;
	height:36px;
	margin: 0 auto;
	top: 140px;
}

#Valve .logoValve {
	position:absolute;
	left:50px;
	width:110px;
	height:36px;
}

#Valve .legal {
	position:absolute;
	left:170px;
	color:#525050;
	font-size:12px;
	line-height:16px;
}

#SignUpButton {
	display:block;
	width:261px;
	height:77px;
	background-image:url('https://cdn.steamstatic.com/apps/dota2/images/blogfiles/rightcol_signup_button.jpg?x=1');
	position:absolute;
	left:338px;
	top:128px;
}

#GetSteamButton {
	display:block;
	width:278px;
	height:63px;
	background-image:url('https://cdn.steamstatic.com/apps/dota2/images/blogfiles/getsteam_button.jpg?x=1');
	position:absolute;
	left:330px;
	top:372px;
}

.fb-like {
	position:absolute;
	top:630px;
	left:54px;
}

.button {
	position: relative;
	display: inline-block;
	margin-right: 26px;
	vertical-align: middle;
	padding-top: 4px;
}

.button img.top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}

.button:hover img.top {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
	padding-top: 4px;
}

#js_NewItems {
	position: absolute;
	top: 406px;
}

#js_UpdateNotes {
	position: absolute;
	top: 486px;
}

#HeroNamesContainer {
	width: 100%;
	height: 83px;
	position: absolute;
	bottom: 210px;
}

#HeroNamesContainer .Container {
	position: relative;
	margin: 0 auto;
	width: 1052px;
	top: 11px;
	left: 15px;
}

.HeroName {
	cursor: pointer;
	position:relative;
	width:348px;
	height:83px;
	margin:0 auto;
	z-index: 1;
	display: inline-block;
}

.HeroName img {
	position:absolute;
	left:0;
	-webkit-transition: opacity .1s ease-in-out;
	-moz-transition: opacity .1s ease-in-out;
	-o-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out;
}

.HeroName img.Top:hover {
	opacity: 0;
}