body {
	margin:0px;
	font-family:Arial;
	/*background-position:center;*/
	background-color:#000000;
	padding: 0px;
	background-image: url(bg.jpg);
	background-repeat: repeat;
	background-position: center 0px;
	overflow-x:hidden;
}
img{
	border: none;
}

#logo {
	margin: auto;
	background: url(logo2.png) no-repeat scroll center 0 transparent;
	width: 300px;
	height: 115px;
	margin-top:20px;
	cursor: pointer;
}

#choose_server {
	margin: auto;
	background: url(choose_server3.png) no-repeat scroll center 0 transparent;
	background-size: 70%;	
	width: 299px;
	height: 28px;
	margin-top:40px;
	cursor: pointer;
}

#servers {
	width: 820px;
	height: 450px;
    margin: auto;
	position: relative;
	background-color:none;
	padding: auto;
}

#vesta {
	background: url(vesta4_bg.png?v=3) 286px 0px;
	width: 284px;
	height: 450px;
	cursor: pointer;
	position: absolute;
	left: 0px;
}

.users{
	float: left; 
	position: relative; 
	margin-left: 5px;
	margin-top: 1px;	
	font-family: Tahoma;
	color: #c3c3c3;
    font-size: 8pt;
	font-weight: bold;
}

#stat_vesta {
	position: absolute;
	left: 60px;
	top: 275px;
	width: 168px;
	background-color:none;
}

#difficulty_vesta {
	background: url(hard5.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;	
	width: 45px;
	height: 12px;
	position: absolute;
	left: 160px;
	top: 352px;
}

#likya {
	background: url(likya-server.png?v=1) 286px 0px;
	width: 284px;
	height: 450px;
	cursor: pointer;
	position: absolute;
	left: 275px;
}
#stat_likya {
	position: absolute;
	left: 60px;
	top: 275px;
	width: 168px;
	background-color:none;
}
#difficulty_likya {
	background: url(hard5.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 45px;
	height: 12px;
	position: absolute;
	left: 160px;
	top: 352px;
}

#hazar {
	background: url(hazar_bg.png?v=2) 286px 0px;
	width: 284px;
	height: 450px;
	cursor: pointer;
	position: absolute;
	left: 550px;
}

#stat_hazar {
	position: absolute;
	left: 60px;
	top: 275px;
	width: 168px;
	background-color:none;
}
#difficulty_hazar {
	background: url(hard3.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;	
	width: 45px;
	height: 12px;
	position: absolute;
	left: 160px;
	top: 352px;
}

#footer {
	width: 100%;
	height: 40px;
	background-image: url(footer_bg.png);
	background-color:none;
	background-repeat: repeat-x;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 30px;
}
#footer #innerdiv {
	width: 800px;
	height:100%;
	background-color:none;
    margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
	position: relative;	
}

#footer #innerdiv #copyright {
	background-color:none;
	margin-right: 40px;
	color: #919191;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
#footer #innerdiv #social {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #858378;
	margin-left: 0px;
	margin-top: 0px;
}

#footer #innerdiv #social #button_facebook {
	background: url(button_facebook.png) 0 0;
	background-color:none;
	width: 40px;
	height: 40px;
	cursor: pointer;
	float: left;
	margin: 0 5px 0 0;
}
#footer #innerdiv #social #button_twitter {
	background: url(button_twitter.png) 0 0;
	background-color:none;
	width: 40px;
	height: 40px;
	cursor: pointer;
	float: left;
	margin: 0 5px 0 0;
}
#footer #innerdiv #social #button_instagram {
	background: url(button_instagram.png) 0 0;
	background-color:none;
	width: 40px;
	height: 40px;
	cursor: pointer;
	float: left;
	margin: 0 5px 0 0;
}
#footer #innerdiv #social #button_youtube {
	background: url(button_youtube.png) 0 0;
	background-color:none;
	width: 40px;
	height: 40px;
	cursor: pointer;
	float: left;
	margin: 0 5px 0 0;
}
#footer #innerdiv #social #button_forum {
	background: url(button_forum.png) 0 0;
	background-color:none;
	width: 86px;
	height: 40px;
	cursor: pointer;
	float: left;
	margin: 0 5px 0 0;
}
#footer #innerdiv #social #button_epvp {
	background: url(http://hazar.joysro.com/images/epvplogo.png) no-repeat scroll center 0px transparent;
	background-size: 80%;
	background-color:none;
	width: 140px;
	height: 60px;
	cursor: pointer;
	float: left;
	margin: 0 10px 0 0;
}
#videopopup_layout {
	position: absolute;
	top: 370px;
	left: 0;
	right: 0;
	margin: 0 0 0 200px;
	width: 652px;
	height: 552px;
	z-index: 50;
}
#videopopup_layout #closebutton {
	background: url(images_v3/button_close.png?v2) no-repeat scroll 0 0 transparent;
	position: absolute;
	top: 5px;
	right: -23px;
	width: 50px;
	height: 50px;
	z-index: 50;
	cursor: pointer;
}
#videopopup_layout #leftok {
	position: absolute;
	top: 0;
	left: 260px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 30px 30px 30px;
	border-color: transparent transparent #010318 transparent;
	z-index: 50;
}
#videopopup_layout #videobox {
	width: 650px;
	height: 400px;
	background-color: #000000;
	position: absolute;
    top: 28px;
    border: 1px dashed #000000;
}