@import url("//fonts.googleapis.com/css?family=La+Belle+Aurore|Lancelot|Dancing+Script");

/********************************************************
 *	WEBSITE IS USING 'Dear Joe Four' FONT FOR GRAPHICS	*
 *	http://www.dafont.com/dear-joe-four.font			*
 *                                                      *
 ********************************************************/

#legal {
	position: absolute;
	top: 620px;
	left: 130px;
}

.story #legal {
	top: 880px;
}

.features #legal, .media #legal, .requirements #legal {
	top: 760px;
}

.factions #legal, .units #legal {
	top: 850px;
}

.links #legal {
    top: 640px;
}

#menu, #bannerdiv {
	z-index: 3 !important;
	text-transform: none !important	;
}

#menu {
	position: relative;
}

#menu_esrb_logo {
	position: fixed !important;
	bottom: 20px !important;
	left: 20px !important;
	z-index: 10;
}

#privacypolicy {
	position: fixed;
	right: 20px;
	background: white;
	border-radius: 2px;
	width: auto;
	padding:  3px 10px 2px;
	margin-top: 10px;
	bottom: 20px;
	color: black;
	z-index: 10;
	font-size: 12px;
}

#privacypolicy:hover {
	color: black;
	font-weight: bold;
	padding: 3px 7px 2px;
}

footer a {
margin-bottom: 0;
}

#minisitecontent {
	position: relative;
	left: 94px;
	top: -4px;
}

#minisitecontent p {
	line-height: 18px;
}

body {
	background: url('../background/bg.jpg') #835b31 top center no-repeat;
	overflow-x: hidden;
	font-family: 'Lancelot', "Times New Roman", serif;
	font-size: 16px;
	color: #754C24;
	-webkit-font-smoothing: subpixel-antialiased;
}

body ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

body .arrow {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	width: 31px;
	height: 63px;
	cursor: pointer;
  	-webkit-transition: opacity 0.2s linear;
  	-moz-transition: opacity 0.2s linear;
  	transition: opacity 0.2s linear;
	opacity: 0.5;
	z-index: 10;
}

body .arrow:hover {
	opacity: 1.0;
}

img.bg_pic_left {
	position: absolute;
	top: 380px; left: -381px;
}

img.bg_pic_right {
	position: absolute;
	top: 450px; left: 610px;
}

.preorder-buynow {
	display: block;
	position: absolute;
	width: 137px;
	height: 136px;
	background-repeat: no-repeat;
	background-position: 6px 24px;
}

.preorder-buynow div {
	width: 100%;
	height: 100%;
  	-webkit-transition: opacity 1.0s linear;
  	-moz-transition: opacity 1.0s linear;
  	transition: opacity 1.0s linear;
	opacity: 0.0;
}

.preorder-buynow:hover div, .preorder-buynow.blink div {
	opacity: 1.0;
}

/* Turn off pre-order buttons

.preorder-buynow, #story_compass, #features_compass, #factions_compass, #units_compass, #media_compass, #sysreqs_compass, #link_compass {
	display: none !important;
} */

/* PREORDER BUTTONS
.preorder-buynow.pb_en div { background-image: url('../images/preorder-buynow/preorder_en.png'); }
.preorder-buynow.pb_de div { background-image: url('../images/preorder-buynow/preorder_de.png'); }
.preorder-buynow.pb_es div { background-image: url('../images/preorder-buynow/preorder_es.png'); }
.preorder-buynow.pb_fr div { background-image: url('../images/preorder-buynow/preorder_fr.png'); }
.preorder-buynow.pb_it div { background-image: url('../images/preorder-buynow/preorder_it.png'); }
.preorder-buynow.pb_en { background-image: url('../images/preorder-buynow/preorder_bg_en.jpg'); }
.preorder-buynow.pb_de { background-image: url('../images/preorder-buynow/preorder_bg_de.jpg'); }
.preorder-buynow.pb_es { background-image: url('../images/preorder-buynow/preorder_bg_es.jpg'); }
.preorder-buynow.pb_fr { background-image: url('../images/preorder-buynow/preorder_bg_fr.jpg'); }
.preorder-buynow.pb_it { background-image: url('../images/preorder-buynow/preorder_bg_it.jpg'); }
/**/
/* BUY NOW BUTTONS */
.preorder-buynow.pb_en div { background-image: url('../images/preorder-buynow/buynow_en.png'); }
.preorder-buynow.pb_de div { background-image: url('../images/preorder-buynow/buynow_de.png'); }
.preorder-buynow.pb_es div { background-image: url('../images/preorder-buynow/buynow_es.png'); }
.preorder-buynow.pb_fr div { background-image: url('../images/preorder-buynow/buynow_fr.png'); }
.preorder-buynow.pb_it div { background-image: url('../images/preorder-buynow/buynow_it.png'); }
.preorder-buynow.pb_en { background-image: url('../images/preorder-buynow/buynow_bg_en.jpg'); }
.preorder-buynow.pb_de { background-image: url('../images/preorder-buynow/buynow_bg_de.jpg'); }
.preorder-buynow.pb_es { background-image: url('../images/preorder-buynow/buynow_bg_es.jpg'); }
.preorder-buynow.pb_fr { background-image: url('../images/preorder-buynow/buynow_bg_fr.jpg'); }
.preorder-buynow.pb_it { background-image: url('../images/preorder-buynow/buynow_bg_it.jpg'); }
/**/

/* MAIN MENU */

#empire_menu_bg {
	position: absolute;
	top: 3px;
	left: -8px;
	background-image: url('../images/menu/menu_bg.jpg');
	width: 612px;
	height: 69px;
	z-index: -1;
}

#empire_menu {
	position: absolute;
	top: 26px;
	left: 25px;
/* 	width: 546px; */
	height: 32px;
	z-index: 1;
}

#empire_menu li {
	float: left;
	display: block;
	height: 32px;
	width: 10px;
}

#empire_menu li:last-child {
	margin-right: 0;
}

#empire_menu a {
	display: block;
	width: 100%;
	height: 100%;
  	-webkit-transition: opacity 0.2s linear;
  	-moz-transition: opacity 0.2s linear;
  	transition: opacity 0.2s linear;
  	text-indent: -9999px;
	opacity: 1.0;
}

#empire_menu a:hover, #empire_menu .current a {
	opacity: 0.0;
}

#empire_menu .current a {
	cursor: default;
}

/* MAIN MENU ENGLISH */

[lang=en] #empire_menu {
	left: 122px;	
}
#empire_menu.empire_menu_en, #empire_menu.empire_menu_en li a { background-image: url('../images/menu/menu_en.jpg'); }

.empire_menu_en #empire_menu_story { width: 53px; margin-left: 13px; margin-right: 5px; }
.empire_menu_en #empire_menu_story a { background-position: -13px -32px; }

.empire_menu_en #empire_menu_features { width: 73px; margin-right: 5px; }
.empire_menu_en #empire_menu_features a { background-position: -71px -32px; }

.empire_menu_en #empire_menu_factions { width: 74px; margin-right: 5px; }
.empire_menu_en #empire_menu_factions a { background-position: -149px -32px; }

.empire_menu_en #empire_menu_units { width: 55px; margin-right: 5px; }
.empire_menu_en #empire_menu_units a { background-position: -228px -32px; }

.empire_menu_en #empire_menu_media { width: 62px; margin-right: 5px; }
.empire_menu_en #empire_menu_media a { background-position: -288px -32px; }

.empire_menu_en #empire_menu_requirements { width: 121px; margin-right: 5px; }
.empire_menu_en #empire_menu_requirements a { background-position: -355px -32px; }

.empire_menu_en #empire_menu_links { width: 55px; }
.empire_menu_en #empire_menu_links a { background-position: -481px -32px; }

/* MAIN MENU ESPANOL */

[lang=es] #empire_menu {
	left: 95px;	
}
#empire_menu.empire_menu_es, #empire_menu.empire_menu_es li a { background-image: url('../images/menu/menu_es.jpg'); }

.empire_menu_es #empire_menu_story { width: 68px; margin-left: 13px; margin-right: 5px; }
.empire_menu_es #empire_menu_story a { background-position: -13px -32px; }

.empire_menu_es #empire_menu_features { width: 112px; margin-right: 5px; }
.empire_menu_es #empire_menu_features a { background-position: -86px -32px; }

.empire_menu_es #empire_menu_factions { width: 71px; margin-right: 5px; }
.empire_menu_es #empire_menu_factions a { background-position: -203px -32px; }

.empire_menu_es #empire_menu_units { width: 56px; margin-right: 5px; }
.empire_menu_es #empire_menu_units a { background-position: -279px -32px; }

.empire_menu_es #empire_menu_media { width: 54px; margin-right: 5px; }
.empire_menu_es #empire_menu_media a { background-position: -340px -32px; }

.empire_menu_es #empire_menu_requirements { width: 82px; margin-right: 5px; }
.empire_menu_es #empire_menu_requirements a { background-position: -399px -32px; }

.empire_menu_es #empire_menu_links { width: 45px; }
.empire_menu_es #empire_menu_links a { background-position: -486px -32px; }

/* MAIN MENU DEUTSCH */

[lang=de] #empire_menu {
	left: 111px;	
}
#empire_menu.empire_menu_de, #empire_menu.empire_menu_de li a { background-image: url('../images/menu/menu_de.jpg'); }

.empire_menu_de #empire_menu_story { width: 82px; margin-left: 0px; margin-right: 5px; }
.empire_menu_de #empire_menu_story a { background-position: 0px -32px; }

.empire_menu_de #empire_menu_features { width: 65px; margin-right: 5px; }
.empire_menu_de #empire_menu_features a { background-position: -87px -32px; }

.empire_menu_de #empire_menu_factions { width: 82px; margin-right: 5px; }
.empire_menu_de #empire_menu_factions a { background-position: -157px -32px; }

.empire_menu_de #empire_menu_units { width: 74px; margin-right: 5px; }
.empire_menu_de #empire_menu_units a { background-position: -244px -32px; }

.empire_menu_de #empire_menu_media { width: 54px; margin-right: 5px; }
.empire_menu_de #empire_menu_media a { background-position: -323px -32px; }

.empire_menu_de #empire_menu_requirements { width: 119px; margin-right: 5px; }
.empire_menu_de #empire_menu_requirements a { background-position: -382px -32px; }

.empire_menu_de #empire_menu_links { width: 40px; }
.empire_menu_de #empire_menu_links a { background-position: -506px -32px; }

/* MAIN MENU FRANCAIS */

[lang=fr] #empire_menu {
	left: 96px;	
}
#empire_menu.empire_menu_fr, #empire_menu.empire_menu_fr li a { background-image: url('../images/menu/menu_fr.jpg'); }

.empire_menu_fr #empire_menu_story { width: 77px; margin-left: 0px; margin-right: 5px; }
.empire_menu_fr #empire_menu_story a { background-position: 0px -32px; }

.empire_menu_fr #empire_menu_features { width: 105px; margin-right: 5px; }
.empire_menu_fr #empire_menu_features a { background-position: -82px -32px; }

.empire_menu_fr #empire_menu_factions { width: 81px; margin-right: 5px; }
.empire_menu_fr #empire_menu_factions a { background-position: -192px -32px; }

.empire_menu_fr #empire_menu_units { width: 65px; margin-right: 5px; }
.empire_menu_fr #empire_menu_units a { background-position: -278px -32px; }

.empire_menu_fr #empire_menu_media { width: 65px; margin-right: 5px; }
.empire_menu_fr #empire_menu_media a { background-position: -348px -32px; }

.empire_menu_fr #empire_menu_requirements { width: 75px; margin-right: 5px; }
.empire_menu_fr #empire_menu_requirements a { background-position: -418px -32px; }

.empire_menu_fr #empire_menu_links { width: 46px; }
.empire_menu_fr #empire_menu_links a { background-position: -498px -32px; }

/* MAIN MENU ITALIANO */

[lang=it] #empire_menu {
	left: 98px;	
}
#empire_menu.empire_menu_it, #empire_menu.empire_menu_it li a { background-image: url('../images/menu/menu_it.jpg'); }

.empire_menu_it #empire_menu_story { width: 57px; margin-left: 13px; margin-right: 5px; }
.empire_menu_it #empire_menu_story a { background-position: -13px -32px; }

.empire_menu_it #empire_menu_features { width: 123px; margin-right: 5px; }
.empire_menu_it #empire_menu_features a { background-position: -75px -32px; }

.empire_menu_it #empire_menu_factions { width: 63px; margin-right: 5px; }
.empire_menu_it #empire_menu_factions a { background-position: -203px -32px; }

.empire_menu_it #empire_menu_units { width: 53px; margin-right: 5px; }
.empire_menu_it #empire_menu_units a { background-position: -271px -32px; }

.empire_menu_it #empire_menu_media { width: 58px; margin-right: 5px; }
.empire_menu_it #empire_menu_media a { background-position: -329px -32px; }

.empire_menu_it #empire_menu_requirements { width: 82px; margin-right: 5px; }
.empire_menu_it #empire_menu_requirements a { background-position: -392px -32px; }

.empire_menu_it #empire_menu_links { width: 52px; }
.empire_menu_it #empire_menu_links a { background-position: -479px -32px; }

.ru #empire_menu{
	top:22px;
	text-align:center;
}

.ru #empire_menu li {
	width:auto;
	display:inline-block;
	float:none;
	height:18px;
}
.ru #empire_menu a{
	font-family: 'Dancing Script', cursive;
	color:#a29379;
	text-decoration:none;
	text-indent:0;
	margin-right:5px;

	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	transition: color 0.2s linear;
}
.ru #empire_menu li:not(:last-child) a:after{
	content: '●';
	margin-left:5px;
	color: #d5d3d3;
}

.ru #empire_menu a:hover, .ru #empire_menu li.current a{
	color: #d5d3d3;
	opacity:1;
}

/* HOME PAGE */

#home_map {
	position: absolute;
	top: -42px; left: -34px;
	background-image: url('../images/home/map.jpg');
	width: 715px; height: 690px;
}

#home_enter {
	position: absolute;
	top: 122px; left: 84px;
}

#home_enter a {
	display: block;
	background-repeat: no-repeat;
	background-position: 185px 245px;
	width: 500px; height: 450px;
  	-webkit-transition: opacity 0.2s linear;
  	-moz-transition: opacity 0.2s linear;
  	transition: opacity 0.2s linear;
	opacity: 0.0;
	cursor: pointer;
}

#home_enter.home_enter_en a { background-image: url('../images/home/enter_en.jpg'); }
#home_enter.home_enter_fr a { background-image: url('../images/home/enter_fr.jpg'); }
#home_enter.home_enter_de a { background-image: url('../images/home/enter_de.jpg'); }
#home_enter.home_enter_es a { background-image: url('../images/home/enter_es.jpg'); }
#home_enter.home_enter_it a { background-image: url('../images/home/enter_it.jpg'); }

#home_enter a:hover {
	opacity: 1.0;
}

#pb_home {
	top: 275px; /*42*/
	left: 522px; /*34*/
}

#MacUser {
	position: absolute;
	top: 10px;
	left: -78px;
}



#MacFormat {
	position: absolute;
	top: 148px;
	left: -185px;
	z-index: 10;
}

#MacUser {
	position: absolute;
	top: 120px;
	left: -265px;
	z-index: 10;
}



/*.requirements #MacFormat {
	position: absolute;
	top: 262px;
	left: -288px;
	z-index: 10;
}

.requirements #MacUser {
	position: absolute;
	top: 110px;
	left: -265px;
	z-index: 10;
}*/

/* STORY PAGE */

#story_paper {
	position: absolute;
	top: 72px;
	left: -14px;
	background-image: url('../images/story/paper.jpg');
	width: 633px;
	height: 817px;
	z-index: -1;
}

#story_movie {
	position: absolute;
	top: 153px; left: 120px;
}

#story_compass {
	position: absolute;
	top: 45px;
	left: 486px;
	background-image: url('../images/story/compass.jpg');
	width: 250px;
	height: 286px;
}

#pb_story {
	top: 135px;
	left: 543px;
}

#story_play_button {
	position: absolute;
	top: 212px;
	left: 258px;
	background-image: url('../images/story/play_button.png');
	width: 95px;
	height: 95px;
  	-webkit-transition: opacity 0.2s linear;
  	-moz-transition: opacity 0.2s linear;
  	transition: opacity 0.2s linear;
	opacity: 0.4;
	cursor: pointer;
}

#story_play_button:hover {
	opacity: 0.8;
}

#story_text {
	position: absolute;
	top: 465px;
	left: 60px;
	width: 490px;
}

#story_text h2 {
	font-size: 22px;
}

.ru #story_text h2{
	margin:0;
}

.ru #story_text p{
	margin:10px 0;

}
.ru .preorder-buynow{
	text-decoration:none;
	color:black;
	font-size:30px;

}
.ru .preorder-buynow div:before{
	content:'Купить';
	position:absolute;
	left:23px;
	top:47px;
}

/* FEATURES PAGE */

#features_paper {
	position: absolute;
	top: 72px;
	left: -14px;
	background-image: url('../images/features/paper.jpg');
	width: 627px;
	height: 701px;
	z-index: -1;
}

#features_compass {
	position: absolute;
	top: 51px;
	left: 474px;
	background-image: url('../images/features/compass.jpg');
	width: 250px;
	height: 286px;
}

#pb_features {
	top: 141px;
	left: 531px;
	z-index: 30;
}

#features_text {
	position: absolute;
	top: 140px;
	left: 50px;
	background-repeat: no-repeat;
	width: 540px;
	height: 500px;
	text-shadow:0px 0px 1px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 1px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 1px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 2px #D9C9AB;
}

#features_text li {
	position: absolute;
	display: block;
}

/* #features_text.features_text_en { background-image: url('../images/features/headers_en.png'); }
#features_text.features_text_es { background-image: url('../images/features/headers_es.png'); }
#features_text.features_text_de { background-image: url('../images/features/headers_de.png'); }
#features_text.features_text_fr { background-image: url('../images/features/headers_fr.png'); }
#features_text.features_text_it { background-image: url('../images/features/headers_it.png'); } */

#features_text strong {
	font-family: 'La Belle Aurore', cursive;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: -1px;
	word-spacing: -4px;
	line-height: 18px;
	text-shadow: none;
}

#features_text #take_command {
	width: 400px;
	height: 100px;
}

#features_text #founding_father {
	top: 108px;
	left: 210px;
	width: 290px;
	height: 100px;
}

#features_text #new_multiplayer {
	top: 253px;
	left: 24px;
	width: 270px;
	height: 90px;
}

#features_text #new_graphics {
	top: 386px;
	left: 228px;
	width: 270px;
	height: 110px;
}

#features_text.features_text_en #take_command p { margin-top: 22px; }
#features_text.features_text_en #founding_father p { margin-top: 22px; }
#features_text.features_text_en #new_multiplayer p { margin-top: 6px; /*text-indent: 212px;*/ }
#features_text.features_text_en #new_graphics p { margin-top: 8px; /*text-indent: 152px;*/ }

#features_text.features_text_de #take_command p { margin-top: 26px; }
#features_text.features_text_de #founding_father p { margin-top: 34px; /*text-indent: 218px;*/ }
#features_text.features_text_de #new_multiplayer p { margin-top: 13px; /*text-indent: 228px;*/ }
#features_text.features_text_de #new_graphics p { margin-top: 27px; }

#features_text.features_text_es #take_command p { margin-top: 22px; }
#features_text.features_text_es #founding_father p { margin-top: 7px; /*text-indent: 218px;*/ }
#features_text.features_text_es #new_multiplayer p { margin-top: 40px; }
#features_text.features_text_es #new_graphics p { margin-top: 26px; /*text-indent: 234px;*/ }

#features_text.features_text_fr #take_command p { margin-top: 22px; }
#features_text.features_text_fr #founding_father p { margin-top: 27px; /*text-indent: 107px;*/ }
#features_text.features_text_fr #new_multiplayer p { margin-top: 26px; /*text-indent: 110px;*/ }
#features_text.features_text_fr #new_graphics p { margin-top: 26px; /*text-indent: 100px;*/ }

#features_text.features_text_it #take_command p { margin-top: 22px; }
#features_text.features_text_it #founding_father p { margin-top: 22px; }
#features_text.features_text_it #new_multiplayer p { margin-top: 44px; }
#features_text.features_text_it #new_graphics p { margin-top: 7px; /*text-indent: 170px;*/ }

/* FACTIONS PAGE */

@import url(//fonts.googleapis.com/css?family=Dancing+Script);

.ru #faction_name{
	top:90px;
	margin-left:-200px;
	position: relative;
	width:100%;
}

#faction_name{
	text-align: center;
}

#faction_name span{
	display: none;
	font-size:24px;
	font-family: 'Dancing Script', cursive;
}

.ru #faction_name.austria span.austria{
	display: inline-block;
}

.ru #faction_name.britain span.britain{
	display: inline-block;
}

.ru #faction_name.france span.france{
	display: inline-block;
}

.ru #faction_name.marathas span.marathas{
	display: inline-block;
}

.ru #faction_name.ottoman span.ottoman{
	display: inline-block;
}

.ru #faction_name.poland span.poland{
	display: inline-block;
}

.ru #faction_name.prussia span.prussia{
	display: inline-block;
}

.ru #faction_name.russia span.russia{
	display: inline-block;
}

.ru #faction_name.spain span.spain{
	display: inline-block;
}

.ru #faction_name.sweden span.sweden{
	display: inline-block;
}

.ru #faction_name.united_provinces span.united_provinces{
	display: inline-block;
}

.ru #faction_name.usa span.usa{
	display: inline-block;
}



#factions_paper {
	position: absolute;
	top: 72px;
	left: -14px;
	background-image: url('../images/factions/paper.jpg');
	width: 633px;
	height: 790px;
	z-index: -1;
}

#factions_compass {
	position: absolute;
	top: 45px;
	left: 486px;
	background-image: url('../images/factions/compass.jpg');
	width: 250px;
	height: 286px;
}

#pb_factions {
	top: 135px;
	left: 543px;
}

#faction_name {
	position: absolute;
	top: 105px;
	height: 36px;
	background-repeat: no-repeat;
}

#faction_name.faction_name_en {
	background-image: url('../images/factions/names_en.png');
	left: 180px; width: 238px;
}

#faction_name.faction_name_de {
	background-image: url('../images/factions/names_de.png');
	left: 164px; width: 270px;
}

#faction_name.faction_name_es {
	background-image: url('../images/factions/names_es.png');
	left: 196px; width: 206px;
}

#faction_name.faction_name_fr {
	background-image: url('../images/factions/names_fr.png');
	left: 179px; width: 240px;
}

#faction_name.faction_name_it {
	background-image: url('../images/factions/names_it.png');
	left: 120px; width: 359px;
}

#factions_arrow_prev {
	top: 210px;
	left: 102px;
	background-image: url('../images/factions/arrow_prev.jpg');
}

#factions_arrow_next {
	top: 210px;
	left: 465px;
	background-image: url('../images/factions/arrow_next.jpg');
}

#factions_flags {
	position: absolute;
	top: 159px;
	left: 160px;
}

#factions_flags li {
	position: absolute;
	display: block;
	width: 277px;
	height: 163px;
}

#factions_flags_austria { background-image: url('../images/factions/flags/austria.jpg'); }
#factions_flags_britain { background-image: url('../images/factions/flags/britain.jpg'); }
#factions_flags_france { background-image: url('../images/factions/flags/france.jpg'); }
#factions_flags_marathas { background-image: url('../images/factions/flags/marathas.jpg'); }
#factions_flags_ottoman { background-image: url('../images/factions/flags/ottoman.jpg'); }
#factions_flags_poland { background-image: url('../images/factions/flags/poland.jpg'); }
#factions_flags_prussia { background-image: url('../images/factions/flags/prussia.jpg'); }
#factions_flags_russia { background-image: url('../images/factions/flags/russia.jpg'); }
#factions_flags_spain { background-image: url('../images/factions/flags/spain.jpg'); }
#factions_flags_sweden { background-image: url('../images/factions/flags/sweden.jpg'); }
#factions_flags_united_provinces { background-image: url('../images/factions/flags/united_provinces.jpg'); }
#factions_flags_usa { background-image: url('../images/factions/flags/usa.jpg'); }

#faction_flag_effect {
	position: absolute;
	top: 159px;
	left: 162px;
	width: 273px;
	height: 163px;
	overflow: hidden;
	z-index: 10;
}

#faction_flag_effect_image {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url('../images/factions/flags/effect.png');
	width: 300px;
	height: 163px;
}

#factions_list {
	position: absolute;
	top: 350px;
	left: 65px;
}

#factions_list li {
	width: 480px;
}

/* UNITS PAGE */

.ru #units_submenu li{
	float: none;
	text-indent: 0;
	opacity: 1;
	color:white;
	display: inline-block;
	font-family: 'Dancing Script', cursive;
	margin: 2px 5px;
	line-height: 1;
	cursor: pointer;
	height: initial;
}

.ru #units_submenu{
	top:93px;
	text-align: center;
}

#units_paper {
	position: absolute;
	top: 72px;
	left: -14px;
	background-image: url('../images/units/paper.jpg');
	width: 633px;
	height: 790px;
	z-index: -1;
}

#units_compass {
	position: absolute;
	top: 45px;
	left: 486px;
	background-image: url('../images/units/compass.jpg');
	width: 250px;
	height: 286px;
}

#pb_units {
	top: 135px;
	left: 543px;
}

#units_submenu {
	position: absolute;
	top: 100px;
	left: 98px;
	width: 397px;
	height: 30px;
}

#units_submenu li {
	display: block;
	height: 30px;
	float: left;
  	-webkit-transition: opacity 0.2s linear;
  	-moz-transition: opacity 0.2s linear;
  	transition: opacity 0.2s linear;
	opacity: 0.0;
	text-indent: -9999px;
	cursor: pointer;
}

#units_submenu li.current {
	cursor: default;
}

#units_submenu li.current, #units_submenu li:hover {
	opacity: 1.0;
}

#units_submenu.units_submenu_en, #units_submenu.units_submenu_en li {
	background-image: url('../images/units/submenu_en.jpg');
}

#units_submenu.units_submenu_en #units_submenu_land {
	margin-left: 9px; width: 45px;
	background-position: -9px -30px;
}

#units_submenu.units_submenu_en #units_submenu_naval {
	margin-left: 16px; width: 55px;
	background-position: -70px -30px;
}

#units_submenu.units_submenu_en #units_submenu_building {
	margin-left: 17px; width: 87px;
	background-position: -142px -30px;
}

#units_submenu.units_submenu_en #units_submenu_technology {
	margin-left: 16px; width: 92px;
	background-position: -245px -30px;
}

#units_submenu.units_submenu_en #units_submenu_dlc {
	margin-left: 16px; width: 35px;
	background-position: -353px -30px;
}

#units_submenu.units_submenu_de, #units_submenu.units_submenu_de li {
	background-image: url('../images/units/submenu_de.jpg');
}

#units_submenu.units_submenu_de #units_submenu_land {
	margin-left: 9px; width: 50px;
	background-position: -9px -30px;
}

#units_submenu.units_submenu_de #units_submenu_naval {
	margin-left: 12px; width: 57px;
	background-position: -71px -30px;
}

#units_submenu.units_submenu_de #units_submenu_building {
	margin-left: 12px; width: 83px;
	background-position: -140px -30px;
}

#units_submenu.units_submenu_de #units_submenu_technology {
	margin-left: 12px; width: 102px;
	background-position: -235px -30px;
}

#units_submenu.units_submenu_de #units_submenu_dlc {
	margin-left: 12px; width: 38px;
	background-position: -349px -30px;
}

#units_submenu.units_submenu_es, #units_submenu.units_submenu_es li {
	background-image: url('../images/units/submenu_es.jpg');
}

#units_submenu.units_submenu_es #units_submenu_land {
	margin-left: 0px; width: 73px;
	background-position: 0px -30px;
}

#units_submenu.units_submenu_es #units_submenu_naval {
	margin-left: 11px; width: 63px;
	background-position: -84px -30px;
}

#units_submenu.units_submenu_es #units_submenu_building {
	margin-left: 12px; width: 100px;
	background-position: -159px -30px;
}

#units_submenu.units_submenu_es #units_submenu_technology {
	margin-left: 12px; width: 85px;
	background-position: -271px -30px;
}

#units_submenu.units_submenu_es #units_submenu_dlc {
	margin-left: 12px; width: 29px;
	background-position: -368px -30px;
}

#units_submenu.units_submenu_fr, #units_submenu.units_submenu_fr li {
	background-image: url('../images/units/submenu_fr.jpg');
}

#units_submenu.units_submenu_fr #units_submenu_land {
	margin-left: 7px; width: 54px;
	background-position: -7px -30px;
}

#units_submenu.units_submenu_fr #units_submenu_naval {
	margin-left: 11px; width: 46px;
	background-position: -72px -30px;
}

#units_submenu.units_submenu_fr #units_submenu_building {
	margin-left: 12px; width: 95px;
	background-position: -130px -30px;
}

#units_submenu.units_submenu_fr #units_submenu_technology {
	margin-left: 12px; width: 100px;
	background-position: -237px -30px;
}

#units_submenu.units_submenu_fr #units_submenu_dlc {
	margin-left: 12px; width: 37px;
	background-position: -349px -30px;
}

#units_submenu.units_submenu_it, #units_submenu.units_submenu_it li {
	background-image: url('../images/units/submenu_it.jpg');
}

#units_submenu.units_submenu_it #units_submenu_land {
	margin-left: 7px; width: 54px;
	background-position: -7px -30px;
}

#units_submenu.units_submenu_it #units_submenu_naval {
	margin-left: 11px; width: 51px;
	background-position: -72px -30px;
}

#units_submenu.units_submenu_it #units_submenu_building {
	margin-left: 12px; width: 102px;
	background-position: -135px -30px;
}

#units_submenu.units_submenu_it #units_submenu_technology {
	margin-left: 12px; width: 87px;
	background-position: -249px -30px;
}

#units_submenu.units_submenu_it #units_submenu_dlc {
	margin-left: 12px; width: 37px;
	background-position: -348px -30px;
}

#units_arrow_prev {
	top: 244px;
	left: 137px;
	background-image: url('../images/units/arrow_prev.jpg');
}

#units_arrow_next {
	top: 244px;
	left: 428px;
	background-image: url('../images/units/arrow_next.jpg');
}

#units_list {
	position: absolute;
	top: 185px;
	left: 65px;
}

#units_list li ul li {
	position: absolute;
	width: 480px;
	background-repeat: no-repeat;
	background-position: 135px 0px;
	padding-top: 210px;
}

#units_list h2 {
	margin: 0px;
}

#units_list #units_list_land_1 { background-image: url('../images/units/land/land_1.jpg'); }
#units_list #units_list_land_2 { background-image: url('../images/units/land/land_2.jpg'); }
#units_list #units_list_land_3 { background-image: url('../images/units/land/land_3.jpg'); }
#units_list #units_list_land_4 { background-image: url('../images/units/land/land_4.jpg'); }
#units_list #units_list_land_5 { background-image: url('../images/units/land/land_5.jpg'); }
#units_list #units_list_naval_1 { background-image: url('../images/units/naval/naval_1.jpg'); }
#units_list #units_list_naval_2 { background-image: url('../images/units/naval/naval_2.jpg'); }
#units_list #units_list_naval_3 { background-image: url('../images/units/naval/naval_3.jpg'); }
#units_list #units_list_naval_4 { background-image: url('../images/units/naval/naval_4.jpg'); }
#units_list #units_list_building_1 { background-image: url('../images/units/building/building_1.jpg'); }
#units_list #units_list_building_2 { background-image: url('../images/units/building/building_2.jpg'); }
#units_list #units_list_building_3 { background-image: url('../images/units/building/building_3.jpg'); }
#units_list #units_list_building_4 { background-image: url('../images/units/building/building_4.jpg'); }
#units_list #units_list_building_5 { background-image: url('../images/units/building/building_5.jpg'); }
#units_list #units_list_building_6 { background-image: url('../images/units/building/building_6.jpg'); }
#units_list #units_list_technology_1 { background-image: url('../images/units/technology/technology_1.jpg'); }
#units_list #units_list_technology_2 { background-image: url('../images/units/technology/technology_2.jpg'); }
#units_list #units_list_technology_3 { background-image: url('../images/units/technology/technology_3.jpg'); }
#units_list #units_list_dlc_1 { background-image: url('../images/units/dlc/dlc_1.jpg'); }
#units_list #units_list_dlc_2 { background-image: url('../images/units/dlc/dlc_2.jpg'); }
#units_list #units_list_dlc_3 { background-image: url('../images/units/dlc/dlc_3.jpg'); }
#units_list #units_list_dlc_4 { background-image: url('../images/units/dlc/dlc_4.jpg'); }
#units_list #units_list_dlc_5 { background-image: url('../images/units/dlc/dlc_5.jpg'); }
#units_list #units_list_dlc_6 { background-image: url('../images/units/dlc/dlc_6.jpg'); }

/* MEDIA PAGE */

#media_paper {
	position: absolute;
	top: 72px;
	left: -27px;
	background-image: url('../images/media/paper.jpg');
	width: 646px;
	height: 701px;
	z-index: -1;
}

#media_compass {
	position: absolute;
	top: 51px;
	left: 474px;
	background-image: url('../images/media/compass.jpg');
	width: 250px;
	height: 286px;
}

#pb_media {
	top: 141px;
	left: 531px;
}

#empire_media_menu {
	position: absolute;
	top: 120px;
	left: 107px;
	width: 410px;
	height: 340px;
	background-repeat: no-repeat;
	background-position: 13px 7px;
}

#empire_media_menu li {
	display: block;
	position: absolute;
	width: 188px;
	height: 169px;
	background-repeat: no-repeat;
	cursor: pointer;
	background-image: url('../images/media/menu_hover.png');
  	-webkit-transition: opacity 0.2s linear;
  	-moz-transition: opacity 0.2s linear;
  	transition: opacity 0.2s linear;
	opacity: 0.0;
}

#empire_media_menu li a {
	display: block;
	width: 100%; height: 100%;
	background-repeat: no-repeat;
	background-color: transparent;
	text-indent: -9999px;
}

#empire_media_menu li:hover { opacity: 1.0; }

#empire_media_menu #empire_media_screenshots { top: 20px; left: 0px; background-position: 17px 15px; }
#empire_media_menu #empire_media_desktops { top: 20px; left: 197px; background-position: -180px 15px; }
#empire_media_menu #empire_media_movie { top: 190px; left: 101px; background-position: 17px -155px; }
#empire_media_menu #empire_media_demo { top: 190px; left: 197px; background-position: -180px -155px; display:none;}

#empire_media_menu.empire_media_menu_en_de { background-image: url('../images/media/menu_en_de.png'); }
#empire_media_menu.empire_media_menu_fr { background-image: url('../images/media/menu_fr.png'); }
#empire_media_menu.empire_media_menu_es { background-image: url('../images/media/menu_es.png'); }
#empire_media_menu.empire_media_menu_it { background-image: url('../images/media/menu_it.png'); }

@-webkit-keyframes fade {	from {opacity: 0;} to {opacity: 1;} }
@-webkit-keyframes grow { from { -webkit-transform:  scale(0); }	to 	{ }	}
@-webkit-keyframes next {	from { -webkit-transform:  translate(100%); -webkit-animation-timing-function: ease-out; } to { }	}
@-webkit-keyframes prev { from { -webkit-transform: translate(-100%); -webkit-animation-timing-function: ease-out; } to { }	}
@-moz-keyframes fade { from {opacity: 0;} to	{opacity: 1;} }
@-moz-keyframes grow{ from { -moz-transform: scale(0); } to 	{  } }
@-moz-keyframes next {	from { -moz-transform:  translate(100%); -moz-animation-timing-function: ease-out; } to { }	}
@-moz-keyframes prev { from { -moz-transform: translate(-100%); -moz-animation-timing-function: ease-out; } to { }	}
@keyframes fade{ from {opacity: 0;}	to 	{opacity: 1;}	}
@keyframes grow{ from { transform: scale(0); }	to 	{  } }
@keyframes next {	from { transform:  translate(100%); animation-timing-function: ease-out; } to { }	}
@keyframes prev { from { transform: translate(-100%); animation-timing-function: ease-out; } to { }	}

/* Pure CSS lightbox popups fuck yeah! */

.popup {
	width: 100%; height: 100%;
	position: fixed;
	left: 0; top: 0;
	display: none;
	z-index: 999;
	background: rgba(0,0,0,0.5);
	-webkit-animation-duration: 1s;
	-webkit-animation-name: fade;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-moz-animation-duration: 1s;
	-moz-animation-name: fade;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-animation-duration: 1s;
	-animation-name: fade;
	-animation-iteration-count: 1;
	-animation-direction: normal;
	vertical-align: middle;
	text-align: center;
}

.popup:target {
	display: block;
}

.popup div.popup_content a:hover { text-decoration: underline; }
.popup div.popup_content a {
	color: #FFF;
	text-decoration: none;
}

.popup div.popup_content {
	position: relative;
	width: 760px;
	top: 99px;
	margin: auto;
	background: #000;
	color: #FFF;
	-webkit-box-shadow: 0px 0px 15px #444;
	-moz-box-shadow: 0px 0px 15px #444;
	-webkit-animation-duration: 0.50s;
	-webkit-animation-name: grow;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-duration: 0.50s;
	-moz-animation-name: grow;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-in;
	-animation-duration: 0.50s;
	-animation-name: grow;
	-animation-iteration-count: 1;
	-animation-direction: normal;
	-animation-timing-function: ease-in;
}

.popup h1 {
	margin: 0px; padding-top: 10px;
	font-size: 24px;
}

.popup p {
	margin: auto;
	width: 680px;
	padding-bottom: 10px;
}

.popup ul {
	margin: 0px; padding: 20px;
	list-style: none;
}

.popup ul li {
	display: inline-block;
	margin: 5px; padding: 0px;
}

.popup img {
	display: block;
	margin: 0px;
}

.media_close_button {
	position: absolute;
	width: 30px; height: 30px;
	left: -15px;
	top: -15px;
	z-index: 1;
}

#screenshots div.popup_content, .popup.single_screenshot div.popup_content {
	width: 960px;
}

.popup.single_screenshot figure {
	display: inline-block;
	margin: auto; padding: 0px;
}

.popup.single_screenshot figcaption {
	padding: 10px;
}

.popup.single_screenshot .media_prev_button {
	position: absolute;
	left: -50px; top: 250px;
}

.popup.single_screenshot .media_next_button {
	position: absolute;
	right: -50px; top: 250px;
}

/*.popup.single_screenshot .media_prev_button:hover {
	background: url(../images/media/arrow_previous_hover.png) no-repeat transparent;
}*/

.popup.single_screenshot .media_prev_button:hover img {
	opacity: 0.5;
}

/*.popup.single_screenshot .media_next_button:hover {
	background: url(../images/media/arrow_next_hover.png) no-repeat transparent;
}*/

.popup.single_screenshot .media_next_button:hover img {
	opacity: 0.5;
}

#desktops ul li {
	position: relative;
}

#desktops ul li:hover ul { display: block; }
#desktops ul li ul {
	display: none;
	position: absolute;
	margin: 0px; padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	list-style: none;
	bottom: 0px;
	background: #967856;
	width: 100%; line-height: 24px;
	font-weight: bold;
}

#demo h1.soon {
	line-height: 350px;
}

/* REQUIREMENTS PAGE */

#sysreqs_paper {
	position: absolute;
	top: 72px;
	left: -13px;
	background-image: url('../images/requirements/paper.jpg');
	width: 633px;
	height: 701px;
	z-index: -1;
}

#sysreqs_compass {
	position: absolute;
	top: 51px;
	left: 474px;
	background-image: url('../images/requirements/compass.jpg');
	width: 250px;
	height: 286px;
}

#pb_sysreqs {
	top: 141px;
	left: 531px;
}

#sysreqs_text {
	position: absolute;
	top: 120px;
	left: 65px;
	font-size: 16px;
	text-shadow:0px 0px 1px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 1px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 1px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 2px #D9C9AB;
}

.fr #sysreqs_text {
	left:60px;
}
.fr #min_requirements, .fr #rec_requirements{margin:0;}

#sysreqs_text h3 {
	margin: 0px;
}

#sysreqs_text p {
	margin-top: 0px;
}

#sysreqs_text dl {
	width: 300px;
}

#sysreqs_text dl lh {
	display: block;
	font-size: 24px;
	font-weight: bold;
}

#sysreqs_text dt {
	display: inline-block;
	margin-top: 3px;
	width: 110px; line-height: 18px;
}

#sysreqs_text dd {
	display: inline-block;
	margin: 3px 0 0;
	width: 190px; line-height: 18px;
}

#sysreqs_text dl#rec_requirements {
	margin-bottom: 20px;
}

#sysreqs_text div#requirements_notices {
	width: 285px;
}
#multiplayer_warning {
  position: absolute;
	left: -230px;
	top: 13px;
  width: 160px;
  color: white;
  text-shadow: none;
}

body.es #multiplayer_warning {

	line-height: 16px;
}

#strong_provisional {
  width: 300px;
  margin-top: 20px;
}

/* LINKS PAGE */

#link_paper {
	position: absolute;
	top: 72px;
	left: -13px;
	background-image: url('../images/links/paper.jpg');
	width: 633px;
	height: 701px;
	z-index: -1;
}

#link_compass {
	position: absolute;
	top: 51px;
	left: 474px;
	background-image: url('../images/links/compass.jpg');
	width: 250px;
	height: 286px;
}

#pb_link {
	top: 141px;
	left: 531px;
}

#link_text {
	position: absolute;
	top: 97px;
	left: 43px;
	width: 470px;
	text-indent: 205px;
	font-size: 14px;
}

#link_text p {
	margin-top: 12px;
}

#link_links {
	position: absolute;
	top: 110px;
	left: 98px;
	width: 400px;
}

#link_links li {
	float: left;
	margin: 7px 25px;
	background-image: url('../images/links/link_bg.png');
	width: 144px;
	height: 173px;
}

#link_links li a {
	margin-top: 46px;
	margin-left: 7px;
	display: block;
	width: 130px;
	height: 76px;
	text-indent: -9999px;
	opacity: 0.8;
}

#link_links li a:hover { opacity: 1.0; }

#link_links li #link1 { background-image: url('../images/links/etw-official.jpg'); }
#link_links li #link2 { background-image: url('../images/links/wiki.jpg'); }
#link_links li #link3 { background-image: url('../images/links/heaven.jpg'); }
#link_links li #linkEN { background-image: url('../images/links/EN.jpg'); }
#link_links li #linkFR { background-image: url('../images/links/FR.jpg'); }
#link_links li #linkDE { background-image: url('../images/links/DE.jpg'); }
#link_links li #linkES { background-image: url('../images/links/ES.jpg'); }
#link_links li #linkIT { background-image: url('../images/links/IT.jpg'); }


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}



/* ------------------------------------------------*/
/* ---------------- Steam Edition -----------------*/
/* ------------------------------------------------*/
body.steam #local .box li:first-child {
	display: none;
}

body.steam #local .box li a {
	border-top: 2px solid black;
}

body.steam {
	background: url('../images/steam/background.jpg') no-repeat center -20px black;
}

body.steam em {
	padding-right: 3px;
}

body.steam #minisitecontent {
	left: 0;
	-webkit-font-smoothing: subpixel-antialiased;
	text-shadow:0px 0px 1px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 1px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 1px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 2px #D9C9AB;
}

body.steam #minisitecontent a {

	-webkit-transition: background-color .2s ease-out, color .2s ease-out;
    -moz-transition: background-color .2s ease-out, color .2s ease-out;
    -o-transition: background-color .2s ease-out, color .2s ease-out;
    transition: background-color .2s ease-out, color .2s ease-out;
}

#steam_content {
	background: url('../images/steam/paper.png') no-repeat center bottom transparent;
	margin: -14px 0 0 0;
	width: 633px;
	text-align: center;
	padding-bottom: 135px;
	height: auto;
	-webkit-transition: height 500ms ease-out 1s;
    -moz-transition: height 500ms ease-out 1s;
    -o-transition: height 500ms ease-out 1s;
    transition: height 500ms ease-out 1s;
}

#steam_content h1 {
	width: 529px;
	margin-left: 50px;
}

#steam_heading {
	font-size: 14px;
	color: #b18e3a;
	font-weight: bold;
	width: 320px;
	text-align: center;
	margin: -135px auto 0;
	padding-right: 10px;
	text-shadow: none;
	text-shadow: 0px 0px 13px black, 0px 0px 13px black, 0px 0px 13px black;
}

.fr #steam_heading, .de #steam_heading {
	width: 430px;
}

.it #steam_heading {
	width: 350px;
}

.es #steam_heading {
	width: 400px;
}

.ru #steam_heading {
	width: 305px;
}

body.steam h2 {
	display: inline-block;
	border-left: 2px solid;
	color: #4d2900;
	padding: 2px 5px;
	font-size: 13px;
	margin-top: 60px;
}

body.steam h2 a.active{
    color: #4D2900;
    text-decoration: none;
    text-shadow: 0px 0px 1px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 2px #D9C9AB,
	0px 0px 1px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 2px #D9C9AB,
	0px 0px 1px #D9C9AB, 0px 0px 2px #D9C9AB, 0px 0px 2px #D9C9AB;
}

body.steam h2:first-child {
	border-left: none;
}

body.steam h2 a {
	color: #754C24;
	text-shadow: none;
}

body.steam h2 a:hover {
	color: #4d2900;
}

.text_container {
	opacity: 0;
	display: none;
	margin-top: -230px;
	padding-top: 230px;
	font-size: 16px;
}

.text_container:target {
	opacity: 1;
	display: block;
}

.text_container p, .text_container ul, body.steam h3 {
	text-align: left;
}

body.steam h3 {
	margin-left: 80px;
	padding-left: 10px;
	background: url('../images/steam/headunderline.png') no-repeat left 18px ;
	background-size: 34% 3px;
	display: block;
}

body.de.steam h3, body.fr.steam h3 {
	background-size: 40% 3px;
}

body.es.steam h3 {
	background-size: 45% 3px;
}

body.steam #text_body div:nth-child(5) h3 {
	background-size: 58% 3px;
}

body.de.steam #text_body div:nth-child(5) h3 {
	background-size: 75% 3px;
}

body.es.steam #text_body div:nth-child(5) h3 {
	background-size: 80% 3px;
}

body.fr.steam #text_body div:nth-child(5) h3 {
	background-size: 85% 3px;
}

.text_container #text_body a {
	display: block;
	background: #4d2900;
	color: #ffe1a3;
	text-decoration: none;
	padding: 7px;
	margin: 10px auto;
	width: 510px;
	text-shadow: none;
	font-size: 18px;
}

.text_container #text_body a:hover {
	background: #2b1a06;
}

.text_container p, .text_container ul {
	margin: 10px auto;
	width: 480px;
}

body.steam h2.title {
	font-size: 24px;
	margin-top: 20px;
	background: url('../images/steam/headunderline.png') no-repeat center 25px ;
	background-size: 90% 3px;
}

body.steam h2.title:before {
	content: '~ ';
}

body.steam h2.title:after {
	content: ' ~';
}

body.steam .text_container ul {
	margin: 0 auto 0;
	padding: 20px ;
}

body.steam #steam_dlc_text.text_container ul {
	padding: 10px;
}

body.steam .text_container ul li {
	margin: 5px 20px;
	width: 250px;
}

body.steam .text_container ul li:before {
	content: '~ ';
	font-weight: bold;
	font-size: 20px;
	margin-left: -15px;
}

p.dlc-info {
	text-align: center;
	font-weight: bold;
	margin-top: 17px;
	width: 430px;
}

#text_body div {
	padding-top: 20px;
	background: url('../images/steam/backing.png') no-repeat top center;
}

#steam_dlc_text #text_body div li:before {
	content: '';
	margin-left: 0;
}

#steam_dlc_text #text_body div div {
	background: none;
	margin-top: -20px;
}

#steam_dlc_text #text_body div div.inner1 {
	background: url('../images/steam/dlc1.png') no-repeat 280px center;
}

#steam_dlc_text #text_body div div.inner2 {
	background: url('../images/steam/dlc2.png') no-repeat 290px center;
}

#steam_dlc_text #text_body div div.inner3 {
	background: url('../images/steam/dlc3.png') no-repeat 290px center;
}

#steam_dlc_text #text_body div div.inner4 {
	background: url('../images/steam/dlc4.png') no-repeat 290px center;
}

.de #steam_dlc_text #text_body div div.inner4, .fr #steam_dlc_text #text_body div div.inner4, .es #steam_dlc_text #text_body div div.inner4 {
	background: url('../images/steam/dlc4.png') no-repeat 270px 65px;
}

.de #steam_dlc_text #text_body div div.inner4 a, .fr #steam_dlc_text #text_body div div.inner4 a, .es #steam_dlc_text #text_body div div.inner4 a {
	margin-top: 40px;
}

#text_body div a {
	padding: 5px;
	font-size: 14px;
}

#steam_base_text.text_container ul {
	background: url('../images/steam/base.png') no-repeat 290px bottom;
}

#steam_campaign_text.text_container ul {
	background: url('../images/steam/campaign.png') no-repeat 290px bottom;
}

#steam_collection_text.text_container ul {
	background: url('../images/steam/collection.png') no-repeat right bottom;
}

.es #steam_collection_text.text_container ul li:nth-child(6) {
	width: 240px;
}

body.steam #legal {
	position: static;
	margin-bottom: -220px;

}

.ru #steam_nav{
	max-width:580px;
	margin:0 30px;
}

.ru #steam_nav h2:last-child{
		margin:0;
		border:0;
}

.ru #empire_menu {
		top:34px;
	left: 37px;
		line-height:1;
}

/* Copied from media.css */

.popup.next, .popup.prev {
    -webkit-animation-name: none
}
.popup.single_screenshot.next>div {
    -webkit-animation-name: next;
    animation-name: next
}
.popup.single_screenshot.prev>div {
    -webkit-animation-name: prev;
    animation-name: prev
}














#local {
	pointer-events: none;
}

#game_select_box {
	pointer-events: auto;
}
#local .box li:first-child {
	opacity: 0;
	pointer-events: none;
}

#local .box li:last-child a {
/* 	border-top-width: 2px !important; */
	pointer-events: auto;
}

#content .buylink {
	position: absolute;
	
	background: pink;
	top: 85px;
	left: -259px;
	height: 82px;
	width: 184px;
	z-index: 15;
	cursor: pointer;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjczZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjdhMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-color: #ffb73d;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top, #ffb73d, #ef7a2a);
	background-image: linear-gradient(180deg, #ffb73d 0, #ef7a2a);
	color: #000;
	font-weight: 700;
	font-family: helvetica, sans-serif;
	text-transform: uppercase;
	height: 12px;
padding: 5px 2px 5px 5px;
transition: border .2s linear;
text-decoration: none;
display: block;
	width: 151px;
	border-radius: 5px;
	border: 2px solid #000;
	font-size: 10.8px;
}
/*

.fr #content .buylink, .it #content .buylink {
	height: auto;
	top: 101px;
	
}
*/

.es #content .buylink {
	font-size: 11px;
}

/*

.ru #content .buylink {
	height: auto;
	top: 101px;
	font-size: 10px;
}

.fr #content .buylink span, .it #content .buylink span {
	top: 5px;
}

.ru #content .buylink span {
	top: 3px;
}
*/

#content .buylink:hover {
	border-color: white;
	z-index: 16;
}

#content .buylink#buyoverlinkdownload {
	top: 29px;
}

#content .buylink span {
	height: 18px;
width: 18px;
display: block;
float: left;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNzM3NDc2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzMzNTM3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzUzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background-color: #737476;
background-repeat: repeat-x;
background-image: -webkit-linear-gradient(135deg, #737476, #333537);
background-image: linear-gradient(-45deg, #737476, #333537);
border-radius: 3px;
position: relative;
top: -3px;
left: -3px;
margin-right: 2px;
border: 0 solid transparent;
-webkit-transition: background .2s linear, border .2s linear;
transition: background .2s linear, border .2s linear
}

#content .buylink span img {
	width: 18px;
	height: 18px;
	margin-top: 0px;
	margin-left: 0px;
}