*{ margin: 0; padding: 0;}

/* style duplicated inline for immediate availability to renderer */
body{
	color: #656565; 
	min-width:1000px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	background-image: url(../images/body.jpg);
	background-position: center 20px;
}

html, body{
	height: 100%;
}
td{
	vertical-align: top;
}

img{
	border: 0px;
}

/* ================================================================================*/

div, td, input, select, p, a, li {
	color: #656565;
}

a{
	color: #754555;
	font-weight: bold;
}

#main_inside{
	position:relative; 
	min-height:100%; 
	margin: 0 auto; 
	min-width: 1000px; 
	background-image: url(../images/body_top_baked.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	margin-top: -4px;
}

#main_inside_in{ 
	position:relative; 
	height:100%; 
	margin: 0 auto; 
	width: 1000px;
}


#main_content{
	margin: 0 auto;
	padding: 0px 10px 0px 0px;
}
.clear{
	clear: both;
	height: 0px;
}
/* CMS Start */

/* style duplicated inline for immediate availability to renderer */
#globalPreloader{
    display:block;
    position:absolute; 
    top:0px;
    left:0px;
    min-height: 1680px;
    width:100%;
	 background-image: url(../images/body.jpg);
	 background-position: center 20px;
    z-index:8888;   
}

/* style duplicated inline for immediate availability to renderer */
#preloaderSwf{
    display:block;
    position:absolute; 
    top:50%;
    left:50%;
	 margin: -133px 0px 0px -128px;
    z-index:810000889;
  	 width: 256px;
	 height: 226px;
	 overflow: hidden;
}
/* CMS End */

/*=======================================================*/

.header{
	height: 304px;
	overflow: hidden;
}
#flashHeader, #flashHeaderOverlay{
	height: 235px;
	overflow: hidden;	
	padding: 0px 0px 0px 1px;
	position: absolute;
	width: 987px;
	top: -2px;
}
#flashHeaderOverlay object img {
    height: 235px;
    width: 987px;
}
#flashHeaderOverlay {
    z-index: 10001;
}
.preTopMenu{
	height: 0px;
}
.topMenu{
	width: 956px;
	height: 89px;
	overflow: hidden;
	margin: 212px 20px 0px 12px;
	position: relative;
	z-index: 20;
}
.topMenu .left{
	width: 414px;
	float: left;
}
.topMenu .left ul{
	list-style-type: none;
	margin: 5px 0px 0px 0px;
}
.topMenu .left ul li{
	float: left;
	display: block;
}
.topMenu .playNow{
	width: 140px;
	height: 89px;
	float: left;
}
.topMenu .playNow a:hover{
    background-position: -10px -915px;
}
.topMenu .playNow a{
	display: block;
	text-decoration: none;
	position: relative;
	z-index: 10000;
	height: 89px;
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -826px;
	background-repeat: no-repeat;
}
.topMenu .right{
	width: 400px;
	float: left;
}
.topMenu .right ul{
	list-style-type: none;
	margin: 5px 0px 0px 0px;
}
.topMenu .right ul li{
	float: left;
	display: block;
}
.topMenu ul li a{
	text-decoration: none;
}
.topMenu ul li a img{
	position: relative;
	bottom: 8px;
}
.topMenu .left ul li a.news{
   display: block;
   height: 84px;
	width: 100px;
	overflow: hidden;

	background-image: url(../images/sprite-index-1.png);
    background-position: -10px -10px;
	background-repeat: no-repeat;

	position: relative;
	z-index: 12;
	cursor: pointer;
	padding: 8px 0px 0px 0px;
}
.topMenu .left ul li a.news:hover{
	background-position: left -94px;
}
.topMenu .left ul li.cur a.news{
    background-position: -10px -178px;
}


.topMenu .left ul li a.how_to_play{
	display: block;
	height: 84px;
	width: 158px;
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -282px;
	background-repeat: no-repeat;
}
.topMenu .left ul li a.how_to_play:hover{
    background-position: -10px -366px;
}
.topMenu .left ul li.cur a.how_to_play{
    background-position: -10px -450px;
}


.topMenu .left ul li a.players_guide{
	display: block;
	height: 84px;
	width: 156px;
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -554px;
	background-repeat: no-repeat;
}
.topMenu .left ul li a.players_guide:hover{
    background-position: -10px -638px;
}
.topMenu .left ul li.cur a.players_guide{
    background-position: -10px -722px;
}

.topMenu .right ul li a.the_wolrd{
	display: block;
	height: 84px;
	width: 138px;
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -1024px;
	background-repeat: no-repeat;
}
.topMenu .right ul li a.the_wolrd:hover{
    background-position: -10px -1108px;
}
.topMenu .right ul li.cur a.the_wolrd{
    background-position: -10px -1192px;
}


.topMenu .right ul li a.forum{
	display: block;
	height: 84px;
	width: 107px;
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -1296px;
	background-repeat: no-repeat;
}
.topMenu .right ul li a.forum:hover{
    background-position: -10px -1380px;
}
.topMenu .right ul li.cur a.forum{
    background-position: -10px -1464px;
}

.topMenu .right ul li a.download{
	display: block;
	height: 84px;
	width: 140px;
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -1568px;
	background-repeat: no-repeat;
}
.topMenu .right ul li a.download:hover{
    background-position: -10px -1652px;
}
.topMenu .right ul li.cur a.download{
    background-position: -10px -1736px;
}
/*=======================================================*/

.content{
	margin: 15px 0px 0px 0px;
	padding: 0px 10px 0px 7px;
	clear: both;
}
/*=================== LEFT CELL =========================*/
.leftCell{
	float: left;
	width: 180px;
	margin: 8px 0px 0px 3px;
}
.categories{
	width: 180px;
	padding-left: 0px;
}
.categories .title{
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -2243px;
	background-repeat: no-repeat;
	padding: 11px 0px 0px 0px;
}

.newTo{
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -1840px;
	background-repeat: no-repeat;
	clear: both;
	margin: 9px 0px 0px 0px;
	width: 177px;
	height: 139px;
}
.visitWiki{
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -2007px;
	background-repeat: no-repeat;
	clear: both;
	margin: 9px 0px 0px 0px;
	width: 177px;
	height: 139px;
}



.newTo img{
	margin: 35px 35px 70px 25px;
}
.videoTutorial{
	padding: 15px 0px 5px 0px;
}
.videoTutorial .title{
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -2174px;
	background-repeat: no-repeat;
	height: 23px;
	overflow: hidden;
}
.videoTutorial .title a{
	font-size: 10px;
	text-transform: uppercase;
	color: #AE9C88;
	text-decoration: none;
   margin: 0px 0px 0px 46px;
	line-height: 25px;
	display: block;
}
.videoTutorial .video{
    background-image: url(../images/sprite-index-3.png);
   background-position: -10px 0px;
	background-repeat: repeat-y;
	padding: 0px 10px;
}
.videoTutorial .video img{
	margin: 0px 10px 0px 1px;
}
.videoTutorial .videoBottom{
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -2217px;
	background-repeat: no-repeat;
	margin-left: 4px;
}

.screenShots{
	padding: 0px 0px 10px 0px;
}
.screenShots .title{
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -2174px;
	background-repeat: no-repeat;
	height: 23px;
	overflow: hidden;
}
.screenShots .title a{
	font-size: 10px;
	text-transform: uppercase;
	color: #AE9C88;
	text-decoration: none;
   margin: 0px 0px 0px 46px;
	line-height: 25px;
	display: block;
}
.screenShots .screen{
    background-image: url(../images/sprite-index-3.png);
    background-position: -10px 0px;
	background-repeat: repeat-y;
	padding: 0px 10px;
}
.screenShots .screen img{
	margin: 0px 10px 0px 1px;
}
.screenShots .screenBottom{
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -2217px;
	background-repeat: no-repeat;
	margin-left: 4px;
}
/*=================== // LEFT CELL =========================*/


/*=================== CONTENT CELL =========================*/
.contentCell{
	float: left;
	width: 562px;
	margin: 0px 0px 0px 15px;
	position: relative;
	bottom: 2px;
}
.contentCell .contentTop{
    background-image: url(../images/sprite-index-3.png);
    background-position: -402px 0px;
	background-repeat: repeat-y; 
}
.contentCell .contentTop .top{
    background-image: url(../images/sprite-index-2.png);
    background-position: -10px -183.5px;
	background-repeat: no-repeat;
	padding: 68px 0px 0px 0px;
}
.contentCell .top .greetings {
    background-image: url(../images/sprite-index-3.png);
    background-position: -987px 0px;
	background-repeat: repeat-y;
	margin: 0px 0px 0px 28px;
}
.contentCell .top .greetings .greetingsTop{
	background-image: url(../images/sprite-index-2.png);
    background-position: -10px -387px;
	background-repeat: no-repeat;
}
.contentCell .top .greetings .greetingsTop .greetingsBottom{
    /*background-image: url(../images/sprite-index-2.png);
    background-position: -10px -403px;
	background-repeat: no-repeat;*/
}
.contentCell .top .greetings .greetingsTop .greetingsBottom h2{
	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	font-style: italic;
	color: #422217;
	font-weight: normal;
	margin-left: 5px;
	padding: 3px 0px 0px 3px;
}
.contentCell .top .greetings .greetingsTop .greetingsBottom p{
	padding: 0px 30px 15px 13px;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #3B3831;
	line-height: 18px;
	margin: 13px 10px 0px 0px;
	display: block;
}
.contentCell .img_items{
	margin: 16px 20px 20px 27px;
	display: inline-block;
	float: left;
}
.contentCell .description{
	padding: 39px 30px 23px 30px;
}
.contentCell .description p{
	padding: 0px 5px 18px 0px;
	color: #3B3831;
	font-size: 14px;
	line-height: 18px;
}
.contentCell .description p span{
	font-size: 15px;
	font-weight: bold;
	color: #762B49;
}
.bgTopBottom{
	background-image: url(../images/bg_border_top_content.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin: 0px 8px 0px 6px;
	clear: both;
}
.contentCell .contentBottom{
    background-image: url("../images/sprite-index-3.png");
    background-position: -1531px 1062px;
	background-repeat: repeat-y;
}
.contentCell .contentBottom .text{
	padding: 20px 0px 20px 20px;
    position: relative;
}
#content-background {
    background-image: url("../images/sprite-index-2.png");
    background-position: -7px -532px;
    background-repeat: no-repeat;
    bottom: 0;
    height: 238px;
    position: absolute;
    right: 0;
    width: 565px;
}
.news {
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: collapse;
    position: relative;
}
.news-item-left {
    text-align: left;
    width: 48%;
    padding-left: 6px;
    padding-right: 2px;
}
.news-item-vseparator {
    background: url(../images/bg_border_top_content.gif) top repeat-y;
    width: 1px;
}
.news-item-right {
    text-align: left;
    padding-left: 18px;
}
.news-item-header {
    font-size: 18px;
    font-weight: normal;
    color: #44231A;
}
.news-item-info {
    font-size: 12px;
    color: #84371B;
}
.news-item-p {
    font-size: 12px;
    color: #2F2725;
    margin: 0 20px 0 0;
    padding-bottom: 2px;
    line-height: 18px;
}
.news-item-p p, .news-item-p a, .news-item-p li {
    color: #2F2725;
}
.contentCell .newToBottom{
	clear: both;
	background-image: url(../images/sprite-index-2.png);
    background-position: -9.5px -10px;
	background-repeat: no-repeat;
	width: 555px;
	height: 155px;
	margin: 10px 0px 0px 5px;
}
.contentCell .newToBottom img{
	margin: 50px 0px 0px 25px;
	float: left;
}
/*=================== // CONTENT CELL =========================*/


/*=================== RIGHT CELL =========================*/
.rightCell{
	float: right;
	width: 190px;
	margin: 8px 7px 0px 0px;
}
.races{
	width: 185px;
}
.races .title{
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -2243px;
	background-repeat: no-repeat;
	padding: 9px 5px 7px 0px;
	text-align: center;
	width: 185px;
	margin-left: 3px;
}
.races_item{
    background-image: url(../images/sprite-index-3.png);
    background-position: -203px 0px;
	background-repeat: repeat-y;
}
.races_item ul{
	list-style-type: none;
	padding: 10px 0px 1px 0px;
}
.races_item ul li{
	padding: 3px 0px 5px 0px;
	display: block;
	margin: 2px 10px 5px 7px; 
	font-size: 0px;
	line-height: 0px;
	border-bottom: 1px dotted #44403D;
	height: 60px;
}
.races_item ul li a{
	position: relative;
	right: 7px;
	text-decoration: none;
	display: block;
}
.races_item ul li a img{
	float: left;
}



.races_item ul li a.sylvan2{
	height: 59px;
	width: 100px;
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -2327px;
	background-repeat: no-repeat;
	float: left;
}
.races_item ul li:hover a.sylvan2{
    background-position: -10px -2386px;
}



.races_item ul li a.mountainFolk{
	height: 59px;
	width: 100px;
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -2465px;
	background-repeat: no-repeat;
	float: left;
}
.races_item ul li:hover a.mountainFolk{
    background-position: -10px -2524px;
}



.races_item ul li a.darkLegion{
	height: 59px;
	width: 100px;
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -2603px;
	background-repeat: no-repeat;
	float: left;
}
.races_item ul li:hover a.darkLegion{
    background-position: -10px -2662px;
}



.races_item ul li a.elementals{
	height: 59px;
	width: 100px;
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -2741px;
	background-repeat: no-repeat;
	float: left;
}
.races_item ul li:hover a.elementals{
    background-position: -10px -2800px;
}

.races_item ul li a.chaos{
	height: 59px;
	width: 100px;
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -2879px;
	background-repeat: no-repeat;
	float: left;
}
.races_item ul li:hover a.chaos{
    background-position: -10px -2938px;
}

.races_item ul li a.celestialImperium{
	height: 59px;
	width: 100px;
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -3017px;
	background-repeat: no-repeat;
	float: left;
}
.races_item ul li:hover a.celestialImperium{
    background-position: -10px -3076px;
}


.races_item ul li.last{
	border: none;
	padding: 4px 0px 0px 0px;
}
.racesBottom{
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -2300px;
	background-repeat: no-repeat;
	margin-left: 3px;
	padding: 0px;
	height: 7px;
	font-size: 0px;
	overflow: hidden;
	clear: both;
}
.topPlayers{
	padding: 19px 0px 0px 0px;
}
.topPlayers .title{
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -2243px;
	background-repeat: no-repeat;
	padding: 10px 0px 0px 31px;
	margin-left: 3px;
}
.topPlayers .top20{
    background-image: url(../images/sprite-index-3.png);
    background-position: -209px 0;
	background-repeat: repeat-y;
	margin-left: 7px;
}
.topPlayers .top20 ul{
	list-style-type: none;
	margin: 0px 22px 0px 7px;
	padding: 13px 0px;
}
.topPlayers .top20 ul li{
	border-bottom: 1px dotted #47423F;
	padding: 2px 3px;
	display: block;
}
.topPlayers .top20 ul li span.points{
	font-size: 12px;
	color: #AD9D84;
	text-align: center;
	width: 45px;
	display: block;
	float: left;
}
.topPlayers .top20 ul li.gray{
	background-color: #1b1716;
}
.topPlayers .top20 ul li span.places{
	font-size: 12px;
	width: 14px;
	text-align: center;
	display: block;
	float: left;
}
.topPlayers .topPlayersBottom{
    background-image: url(../images/sprite-index-1.png);
    background-position: -10px -2300px;
	background-repeat: no-repeat;
	height: 7px;
	margin-left: 3px;
	font-size: 0px;
	overflow: hidden;
}
/*=================== // RIGHT CELL =========================*/

/*=======================================================*/

#footer_block{
	height: 70px; 
	clear: both;
}

#footer_main{
	height: 70px; 
	margin: -70px auto; 
	position: relative;
}

#footer{
  	height: 70px; 
	margin: 0 auto; 
	min-width: 998px;
}
.footer_menu{
	width: 600px;	
	margin: 0 auto;
	padding: 0px 0px 0px 70px;
}
.footer_menu ul{
	list-style-type: none;
}
.footer_menu ul li{
	float: left;
	display: block;
	margin: 5px 0px;
    position: relative;
}
.footer_menu ul li a{
	font-size: 12px;
	color: #B59C53;
	text-decoration: none;
	padding: 10px 10px;
}
.footer_menu ul li span{
    background-image: url("../images/sprite-index-1.png");
    background-position: 0 -3145px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    position: absolute;
    right: -9px;
    top: -10px;
    width: 20px;
}
.footer_menu ul li.last span{
	background-image: none;
}
.copyright{
	width: 500px; 
	font-size: 12px;
	color: #615443;
	text-align: left;
	padding: 10px 0px 0px 80px;
	clear: both;
	margin: 0 auto;
}
/*============================== INNER PAGES ==============================================*/
.bgTopBottom{
	background-image: url(../images/bg_border_top_content.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin: 0px 8px 0px 6px;
}

/*===================================================================*/


.fw_list {
    margin: 10px 0px 10px 30px;
}
.fw_list b{
    color: #000;
    font-size: 15px;
}
.fw_list ul{
    padding: 5px 0px 0px 15px;
}
.fw_list ul li{
	color: #3B3831;
	font-size: 14px;
    padding: 3px 0px 4px 0px;
}

.newToBottom .fw_list {
    float: right;
    width: 350px;
    margin: 10px 10px;
}
.newToBottom .fw_list b{
    color: #B5A993;
    font-size: 14px;
}
.newToBottom .fw_list ul{
    padding: 5px 0px 0px 15px;
}
.newToBottom .fw_list ul li{
    color: #DFC77D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 3px 0px 4px 0px;
}


/* ================================================================================*/

/*Opera Hack*/
@media all and (min-width: 0px) {

.races_item{
	position: relative;
	left: -1px;	
}
.races_item{
	margin-left: 2px;
}