*{
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	margin: 0px; 
	padding: 0px;
	border-collapse: collapse;}

body{
	background-repeat:no-repeat;
	background-position:middle;
	background-attachment:fixed;
	font-family: verdana, arial, sans-serif;
	color:#ffffff;
	margin: 0px; 
	padding: 0px;
	border-collapse: collapse;
	background-color:#000000;
	text-align:center;}
	
body,table,td,div,p {
	font-family: verdana, arial, sans-serif;
	margin: 0px; 
	padding: 0px;
	border-collapse: collapse;
	vertical-align:top;}	

#centered {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:900px;

	background-image:url(/images/container-bg.jpg);}
	
#content-container {
	margin-left:auto;
	margin-right:auto;
	width:800px;}	
	
a img {
	border:0px;}	
	
/* Banner Rotation & Logo */

#top-frame {
	position:relative;
	clear:both; }
	
#frame {
	background:#666666;
	margin-top:-70px;
	width:798px;
	height:295px;
	border:1px solid #a5a5a5;
	border-top:0px;}
	
#frame-feature {
	background:#666666;
	margin-top:-70px;
	width798px;
	height:150px;
	border:1px solid #a5a5a5;}	




/* Navigation */

#menu {
	width:800px;
	margin-top:15px;
	height:41px;
	background-image:url(/images/menubar.gif);
	background-repeat:no-repeat;}	
	
.menu-items {
	padding-top:8px;
	padding-left:40px;
	font-weight:bold;
	text-align:center;}

.menu-items ul li {
	display:inline;
	list-style: none;
	padding-right:30px;
	}
	
.menu-items a {
	text-decoration:none;
	color:#ffffff;
	font-size:14px;}	
	
.menu-items a:hover {
	text-decoration:none;
	color:#ffffff;
	font-size:14px;
	background-image:url(/images/menu-hilite.jpg);
	background-position:center;
	background-repeat:no-repeat;}			




/* Updates and Promotions */
	
#updates {
	padding-top:8px;
	background-image:url(/images/updatetop.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin-top:15px;
	width:800px;
	border:1px solid #a5a5a5;
	border-top:1px solid #acb5b6;
	border-bottom:0px;}	

.update-left {
	float:left;
	padding:20px;
	width:380px;}

.update-right {
	float:right;
	margin-top:20px;    
	padding-right:10px;
	text-align:left;
	width:202px;}
	
.update-bg {
	z-index:2;
	background-image:url(/images/update-bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	width:796px;
	height:460px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;}	

#update-bottom {
	width:800px;
	margin-top:-10px;
	background-image:url(/images/updatebottom-bg.gif); 
	background-repeat:repeat-x;
	background-position:bottom;
	height:8px;
	border:1px solid #a5a5a5;
	border-bottom:1px solid #acb5b6;
	border-top:0px;}

.feed {
	width:370px;
	margin-top:10px;
	border-bottom:1px dotted #484848;}

.feed h1 a{
	font-size:12px;
	color:#ffa200;
	text-decoration:none;}
	
.feed h1 a:hover{
	font-size:12px;
	color:#ffffff;
	text-decoration:none;}	
	
.feed h2{
	font-weight:normal;
	font-size:10px;
	color:#ffa200;}	
	
.feed p {
	padding-top:5px;
	text-align:justify;}	


/* features */

#features-human {
	background-image:url(/images/human-bg.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	width:800px;
	height:532px;
	border-bottom:0px;}	

#features-elf {
	background-image:url(/images/elf-bg.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	width:800px;
	height:532px;
	border-bottom:0px;}
	
#features-helf {
	background-image:url(/images/helf-bg.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	width:800px;
	height:532px;
	border-bottom:0px;}	
	
#features-dhan {
	background-image:url(/images/dhan-bg.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	width:800px;
	height:532px;
	border-bottom:0px;}		
	
#features-delf {
	background-image:url(/images/delf-bg.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	width:800px;
	height:532px;
	border-bottom:0px;}		
	
#features-dekan {
	background-image:url(/images/dekan-bg.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	width:800px;
	height:532px;
	border-bottom:0px;}		

#features-history {
	background-image:url(/images/history-bg.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	padding:20px;
	text-align:justify;
	border-bottom:1px solid #717173;}
	
#features-region {
	background-image:url(/images/guide-bg.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	padding:20px;
	text-align:justify;
	border:1px solid #717173;}	
	
#features-town {
	border-bottom:1px solid #717173;
	width:800px;
	background-image:url(/images/town-bg.jpg);
	margin-top:15px;
	padding-bottom:15px;
	text-align:justify;}		

.features-left {
	float:left;}
		
.features-right {
	float:right;}	

.features-content {
	width:753px;}

.features-desc {
	margin-top:15px;
	width:315px;
	text-align:left;
	margin-top:20px;
	margin-right:20px;
	line-height: 16px;
	text-align:justify;}

.features-desc a{
	color:#ffa200;
	text-decoration:none;}

.features-desc a:hover{
	color:#ffffff;
	text-decoration:none;}

.features-desc h1{
	margin-top:15px;
	font-size:16px;
	padding-bottom:5px;
	color:#ffa200;}

.intro  {
	font-size:13px;}

p.jobs {
	margin-top:15px;
	height:60px;}

p.jobs span{
	font-weight:bold;
	font-size:12px;
	color:#ffa200;}

	
#features-geninfo {
	float:left;
	background-image:url(/images/guide-bg.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	width:800px;
	border-bottom:0px;
	border:solid 1px #717173;
	padding:10px;}

.geninfo {
	float:left;
	width:315px;
	text-align:left;
	margin-top:0px;
	text-align:justify;}

.geninfo a {
	font-size:12px;
	color:#ffa200;
	text-decoration:none;}
	
.geninfo a:hover {
	color:#ffffff;
	text-decoration:none;}	
	
.geninfo-desc {
	margin-top:15px;
	width:315px;
	text-align:left;
	margin-top:20px;
	margin-left:20px;
	text-align:justify;}

.geninfo-gallery-container {
	padding:30px 20px 10px 0px;}	

.geninfo ul li {
	list-style-type:none;}
	
.geninfo li a {
	font-size:10px;
	color:#ffa200;
	text-decoration:none;
	padding-left:5px;}	

.screenshots {
	margin-top:30px;}


.townhead {
	background-image:url(/images/guide-bg.jpg); 
	float:left; 
	clear:both;
	margin:15px 0px 0px 0px;
	position:relative;
	left:12px;
	width:768px;
	border:solid 2px #717173;
	border-bottom:1px dashed #717173;}

.town-info {
	margin:0px 0px 0px 12px;
	padding-top:10px;
	width:768px;
	height:350px;
	border:solid 2px #717173;
	border-top:0px;
	background-color:#000000;
	background-image:url(/images/guide-bg.jpg);
	background-position:bottom;}
	
.town-gallery-container {
	padding:10px;}	
	
.town-gallery-container img {
	border:1px solid #717173;}	



/** guide **/
#features-guide {
	background-image:url(/images/guide-bg.jpg);
	margin-top:15px;
	width:100%;
	max-width:754px;
	border-bottom:0px;
	border:solid 1px #717173;
	padding:20px;
	text-align:left;}

.guide-content {
	text-align:justify;
	width:580px;
	margin-top:20px;}

.guide-content  ul {
	text-align:left;}

.guide-content  li {
	padding-left:8px;
	padding-bottom:4px;
	text-align:left;
	list-style-type:none;
	background-image:url(/images/sm-bullet.gif);
	background-repeat:no-repeat;
	background-position:left 6px;}

.guide-content h1 {
	font-size:16px;
	padding-bottom:5px;}
	
.guide-content h2 {
	font-size:12px;
	padding-bottom:5px;}	

.guide-container {
	width:580px;
	text-align:left;
	text-align:justify;}
	
#features-guide a {
	color:#ffa200;
	text-decoration:none;}	
	
#features-guide a:hover {
	color:#ffffff;
	text-decoration:none;}		

.guide-sc {
	z-index:2;
	position:relative;
	float:left;
	padding:10px 10px 10px 0px ;}

.kb ul li{
	clear:left;
	padding-bottom:10px;
	list-style-type:none;
	font-size:12px;}

.key {
	text-align:center;
	float:left;
	font-size:11px;
	padding:2px;
	font-weight:bold;
	color:#000000;
	border:1px #ffffff solid;}


.sysreq-container {
	margin-top:20px;
	width:560px;
	padding:10px;
	background-color:#000000;
	border:solid 1px #717173;}
	
.sysreq-container td {
	height:20px;
	padding:5px;}	

/* Footer & Copyright */
	
#footer {
	margin-top:10px;
	padding-bottom:40px;
	width:800px;
	background-image:url(/images/footer-bg.gif); 
	background-repeat:no-repeat;
	height:125px;}	

#copyright-container {
	width:800px;
	margin-top:15px;}

.tos a {
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
	}
	
.tos a:hover {
	color:#ffa200;
	text-decoration:none;
	}	

#copyright-container table {
	margin-left:auto;
	margin-right:auto;
	width:800px;}
	
.copyright {
	margin-top:10px;
	width:450px;
	font-size:10px;
	color:#b8b8b8;
	text-align:center;}	


/**** guilds  ****/
.guild-searchbox {
	border:1px solid #717173;
	margin-top:20px;
	background-color:#242424; 
	padding:10px;
	width:560px; }
	
.guild-list {
	width:580px;
	border-bottom:1px solid #717173;}	

.guild-list td {
	padding:10px;}	
	
.guild-detail table td {
	height:20px;}	
	
	
/**** township battle ****/	

.serverselect {
	margin-top:3px;
	background-image:url(/images/server-bg.jpg);
	background-repeat:no-repeat;
	width:575px;
	height:68px;}

.server-title {
	padding:5px;
	background-repeat:no-repeat;
	background-image:url(/images/serv-title-bg.gif);
	width:567px;
	height:37px;}

.guide-content-tw {
	text-align:justify;
	width:580px;
	margin-top:10px;}
	
.server-title h1{
	font-size:16px;}	
	
.server-title h1 span{
	font-size:11px;
	font-wight:normal;}	

.region-box {
	background-image:url(/images/region-box.gif);
	width:174px;
	height:92px;
	position:relative;
	top:-130px;
	left:50px;
	margin-bottom:-92px;}	
	
.region-box h1 {
	font-size:14px;
	color:#f8c263;}	
	
.region-box span {
	font-size:10px;}		

.region-box strong {
	font-size:12px;}	
	
.twchart-container {
	width:504px;
	padding-left:35px;
	padding-top:35px;}	
	
#twbox {
	width:510px;
	height:224px;
	background-image:url(/images/land_box.gif);}	
	
.box-head td{
	padding-top:5px;
	width:170px;
	text-align:center;}	

.box-body {
	margin-top:6px;}

.box-body td{
	padding-top:5px;
	padding-left:5px;	
	width:170px;
	text-align:left;}	

.footnote {
	margin-top:35px;
	background-color:#504334;
	border-top:2px solid #717173;
	border-bottom:2px solid #717173;}	

.footnote td {
	padding:5px}	
	
.footnote strong {
	color:#ffa200;}
	

.guild-list-tw {
	width:580px;
	border-bottom:1px solid #717173;}	

.guild-list-tw td {
	padding:5px;
	text-align:center;
	vertical-align:middle;}
	
.tw-days {
	margin-top:15px;
	margin-bottom:15px;
	width:575px;
	height:42px;
	background-image:url(/images/tw-daysbg.gif);}		


.tw-days a {
	font-size:12px;
	color:#ffffff;}

.tw-days a:hover {
	font-size:12px;
	color:#ffa200;}	
	
	
	
	
/* Login */

.login {
	position:relative;
	background-image:url(/images/login.gif);
	height:29px;
	width:232px;
	margin-top:-29px;
	top:29px;
	z-index:100;
	margin-left:625px;}

.login div{
	font-size:10px;
	padding-top:7px;
	padding-left:20px;}
	
.login a{
	color:#ffffff;
	text-decoration:none;
	font-size:10px;}	

.login a:hover{
	color:#ffa200;
	text-decoration:none;
	font-size:10px;}
	
.loginbox {
	text-align:left;
	display:none;
	z-index:10;
	position:relative;
	margin-bottom:-154px;
	margin-left:500px;}	

.loginform {
	margin-top:20px;
	width:160px;
	height:132px;
	background-color:#000000;
	border:solid 1px #666666;}	

.loginform div {
	font-size:10px;}
	
.loginform div input {
	border:0px;
	height:15px;
	width:140px;
	padding:2px;
	margin:0px;}	
	
.loginbutton {
	width:55px;
	height:21px;}			


/** account info **/

.register-body {
	padding:10px 30px 30px 0px;}

.form-container table {
	width:560px;
	margin-top:25px;
	border-bottom:1px solid #666666;}

.form-container td {
	padding-bottom:25px;}

td.cat{
	font-weight:bold;
	font-size:12px;
	width:150px;
	height:18px;
	vertical-align:middle;}
	
td.fill {
	width:280px;
	vertical-align:middle;}
	
td.fill_full {
	vertical-align:middle;}
	

.form-container td input {
	font-size:12px;
	width:250px;
	height:18px;
	border:0px;
	padding-left:3px;
	padding-top:2px;
	padding-bottom:1px;
	color:#000000;
	background-color:#ffffff;}	

td .checkbox{
	background-color: #272a2f;
	width:10px;
	vertical-align:left;}
	
td .input_small {
	font-size:12px;
	width:100px;
	height:18px;
	border:0px;
	padding-left:3px;
	padding-top:2px;
	padding-bottom:1px;
	color:#000000;
	background-color:#ffffff;}	

td.limit {
	font-size:11px;
	vertical-align:top;
	line-height:11px;}		
	
td.limit span {
	color:#ffa200;
	font-size:10px;}	
			
td.fill .limit{
	color:#ffa200;
	font-size:11px;}		

.form-container td a {
	color:#ffa200;
	font-size:10px;	}

/* wallpapers */

.wp-box {
	background-color:#000000;
	width:160px;
	border:#717173 solid 1px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;}

.wp-box img {
	border:1px solid #717173;}


	
/* png transperancy IE6 fix */
img {
	behavior:url(/Common/Js/pngbehavior.htc); 
	}