/** Global **/
body	{ background: #000; }

#pwi-main-background	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/pwi-main-background.png) no-repeat top center; overflow: hidden; min-height: 1600px; }
#pwi-main-background2	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/pwi-main-background2.png) no-repeat top center; overflow: hidden; min-height: 1100px; }
#pwi-main-background3	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/pwi-main-background3.png) no-repeat top center; overflow: hidden; min-height: 1600px; }
#pwi-main-bottombackground	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/pwi-main-bottombackground.png) bottom center no-repeat; overflow: hidden; min-height: 1600px; }

#topurls	{ margin: 0 auto; width: 925px; overflow: hidden; }
#lnkHome	{ width: 200px; height: 170px; float: left;  }
#lnkHome a	{ display: block; width: 100%; height: 100%; }

/** top URLs **/
#expURL		{ float: right; width: 500px; padding: 50px 60px 0 0; }
#expURL	li	{ float: left;  width: 100px; height: 15px; }
#expURL	li.odd	{ float: left;  width: 75px; height: 15px; // margin-left:10px;  }
#expURL	li:hover	{ background-position: 0 -15px; }

.txt-title-home		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-title-home.png) no-repeat;  }
.txt-title-features	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-title-features.png) no-repeat;  }
.txt-title-media	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-title-media.png) no-repeat;  }
.txt-title-faq		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-title-faq.png) no-repeat;  }
.txt-title-forums	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-title-forums.png) no-repeat;  }
.txt-title-home a, .txt-title-features a, .txt-title-media a, .txt-title-faq a, .txt-title-forums a	{ display: block; width: 100%; height: 100%; }


/** main page **/
#mediamaincontainer	{ margin: 0 auto; width: 930px;  } 
#mediacontainer		{ float: right;  width: 260px; margin: -90px 15px 0 0;  }
#mediacontainer ul	{ padding-left: 17px; }
#mediacontainer li	{ float: left; }
#mediacontainer a	{ display: block; width: 100%; height: 100%; }

#bg-media-top1		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-media-top1.png) no-repeat; height: 78px; width: 259px; padding-top: 90px; }
#bg-media-top2		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-media-top2.png) no-repeat; height: 10px; width: 259px; }
#bg-media-mid		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-media-mid.png) repeat-y; width: 258px;  }
#bg-media-bottom	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-media-bottom.png) no-repeat; height: 10px; margin-bottom: 10px; width: 258px; }
#bg-media-top1, #bg-media-top2, #bg-media-mid, #bg-media-bottom		{  float: right; }

.txt-hdr-newclasses	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-hdr-newclasses.png) no-repeat; height: 21px; }
.txt-hdr-features	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-hdr-features.png) no-repeat; height: 20px; margin-top: 5px; }
.txt-hdr-videos		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-hdr-videos.png) no-repeat; height: 19px; }
.txt-hdr-newclasses, .txt-hdr-features, .txt-hdr-videos	{  width: 258px; }

.bg-class-mystic	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-class-mystic.png) no-repeat; height: 136px; width: 123px; }
.bg-class-seeker	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-class-seeker.png) no-repeat; height: 136px; width: 114px; }
.bg-class-mystic, .bg-class-seeker	{ margin-top: -55px; }


.bg-zones			{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-zones1.png) no-repeat; height: 61px; width: 230px; }
.bg-guildbases		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-guildbases.png) no-repeat; height: 60px; width: 224px; margin-top: 5px; }
.thm-video			{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/thm-video.png) no-repeat; height: 103px; width: 227px; }


#txt-content		{ width: 820px; margin: 0 auto; float: left; padding: 0 40px;  }
.lg-ltr				{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-letterA.png) no-repeat top center; height: 42px; width: 42px; float: left; padding: 0 5px; }
#txt-content h3		{ font: 12px Arial; font-weight: bold; color: #d9baba; line-height: 25px; margin: 20px 0 10px; width: 750px; // width: 700px; }
#txt-content p		{ font: 12px Arial; color: #d9baba; line-height: 25px; margin-bottom: 10px; }


/** common pages **/
#featurescontent	{ margin: 195px auto 265px; width: 680px; padding: 0 0 130px 30px; }
#mainmediacontent	{ margin: 150px auto 430px; width: 680px; padding: 0 0 130px 10px; }
#characterscontent	{ margin: 150px auto 270px; width: 680px; padding: 0 0 130px 30px; }
#mainfaqcontent		{ margin: 150px auto 475px; width: 680px; padding: 0 0 130px 30px; }
#guildcontent		{ margin: 150px auto 475px; width: 680px; padding: 0 0 130px 30px; }

#pageHeaders		{ height: 90px; }
#subHeaders			{ height: 30px; margin-top: 10px; }

.subnav			{ height: 30px; width: 380px; margin: 8px 0; padding-left: 20px; }
.subnav	li		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/ico-nav.png) no-repeat; padding: 3px 15px 0; float: left; font: 11px Arial; color: #a89068;  }
.subnav	li a	{ font: 11px Arial; color: #a89068; margin-top: 3px; }
.subnav	li a:hover	{ text-decoration: underline; }

li.urlback 			{ float: right; margin-top: 3px; background: none; }
li.urlback a		{ font: 11px Arial; color: #a89068; }
li.urlback a:hover	{ text-decoration: underline; }
li.urlback span		{ font: 10px Arial; color: #badd00; font-weight: bold;  }
#contentinfo 	{ width: 680px;  margin: 0 auto; }
#contentinfo h1	{ font: 18px Georgia; color: #bca999; line-height: 22px; margin-bottom: 20px; }
#contentinfo h2	{ font: 18px Georgia; color: #bca999; line-height: 22px; }
#contentinfo h3	{ font: 18px Georgia; color: #bca999; line-height: 22px; margin-bottom: 20px; }
#contentinfo h4	{ font: 18px Georgia; color: #848d40; line-height: 22px; }
#contentimg		{ float: right; padding: 0 0 10px 10px; }
#contentimg.animatedimg	{ margin-top: -150px; width: 300px; }
#contentinfo p	{ font: 12px Arial; color: #a9a9a9; line-height: 22px; margin-bottom: 15px;  }
#contentinfo p span	{ color: #848d40; }

#lrgimg			{ margin: -260px 0 0 -600px; float: left; }


/** features main page **/
.txt-features-title			{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-features-title.png) no-repeat;  }

.txt-features-newclasses	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-features-newclasses.png) no-repeat left; clear: both;  }
.txt-features-newraces		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-features-newraces.png) no-repeat left; float: left; width: 330px; }
.txt-features-guildbase		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-features-guildbase.png) no-repeat left; float: right; width: 330px; }
.txt-features-gamefeatures	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-features-gamefeatures.png) no-repeat left bottom; clear: both; }

.bg-page-earthguard		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-page-earthguard.png) no-repeat; margin-right: 20px; }
.bg-page-mystic			{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-page-mystic.png) no-repeat; margin-right: 20px; }
.bg-page-seeker			{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-page-seeker.png) no-repeat; }
.bg-page-earthguard, .bg-page-mystic, .bg-page-seeker { width: 330px; height: 110px; float: left; }

.bg-page-guildbase		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-page-guildbase.png) no-repeat; width: 210px; height: 46px; padding: 65px 20px 0 100px; float: left;  font: 11px Arial; color: #cdcdcd; text-align: right;}

.bg-page-gamefeatures	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-page-gamefeatures.png) no-repeat; overflow:hidden; padding-right: 10px; }

#featurescontent a	{ display: block; }
#featurescontent a:hover	{ text-decoration: none; background-position: 0 -110px; }

#txtleft	{ float: left; width: 320px }
#txtright	{ float: right; width: 320px }
#txtleft h3, #txtright h3	{ font: 12px Arial; color: #fff; margin-top: 20px; }
#txtleft h3:first-child, #txtright h3:first-child	{ margin-top: 10px; }
#txtleft p, #txtright p		{ font: 12px Arial; color: #cacaca; }

/** earthguard page **/
.txt-title-earthguard	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-title-earthguard.png) no-repeat; height: 80px; }
.bg-earthguard01		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-earthguard01.png) no-repeat top right; height: 180px; width: 269px; }
.lrgearthguardmale		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-class-lrgearthguardmale.png) no-repeat top right; width: 600px; height: 975px; }
.lrgearthguardfemale	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-class-lrgearthguardfemale.png) no-repeat top right; width: 600px; height: 975px; }

/** seeker page **/
.txt-title-seeker	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-title-seeker.png) no-repeat; height: 80px; }
.bg-seeker01		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-seeker01.png) no-repeat; height: 180px; width: 269px; }
.lrgseeker			{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-class-lrgseeker.png) no-repeat top right; width: 600px; height: 975px; }

/** mystic page **/
.txt-title-mystic	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-title-mystic.png) no-repeat; height: 80px; }
.bg-mystic01		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-mystic01.png) no-repeat top right; height: 180px; width: 280px;  }
.lrgmystic			{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-class-lrgmystic.png) no-repeat top right; width: 600px; height: 975px; }

/** guild bases page **/
.txt-title-guildbases	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-title-guildbases.png) no-repeat; height: 80px; }
.bg-guildbases-imgs		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-guildbases-imgs.png) no-repeat; width: 270px; height: 380px; }
#columnLeft				{ width: 270px; padding-right: 20px; float: left; }
#columnRight			{ width: 390px; float: left; }
#columnRight p			{ width: 380px; }
#columnRight p:first-child	{ padding-bottom: 10px; border-bottom: 1px solid #283718; }

/** faq page **/
.txt-hdr-faq		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-hdr-faq.png) no-repeat; height: 70px; }
#faqcontent			{ margin: 40px auto 0; width: 680px; }
#faqcontent	li		{ padding: 20px 0; border-bottom: 1px solid #27351d; }
#faqcontent li h2	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/ico-content.png) no-repeat; padding-left: 20px; width: 650px; font: 18px Georgia; color: #8aa169; margin-bottom: 10px;  }
#faqcontent li p	{ margin-left: 20px; font: 12px Arial; color: #a9a9a9; //  margin-left: 40px; }

/** media page **/
.txt-hdr-media		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-hdr-media.png) no-repeat; height: 70px; }
#mediacontent		{ margin: 60px auto 0; width: 695px; }
#mediathms			{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/bg-media-borders.png) no-repeat; height: 441px; width: 700px; }
#video				{ height: 302px; width: 640px; margin: 0 auto; }
.videotitle			{ font: 11px Arial; color: #658242; margin: 5px 0; }

#txt-media-tabs		{ width: 680px; height: 55px; padding: 13px 0 0 5px; // height: 57px;  }
#txt-media-tabs	div	{ width: 138px; padding-right: 20px; float: left; margin-top: 3px; }
	#txt-title-screenshots	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-title-screenshots.png) no-repeat; }
	#txt-title-conceptarts	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/txt-title-conceptarts.png) no-repeat; }
	#txt-title-screenshots, #txt-title-conceptarts	{ width: 138px; height: 25px; cursor: pointer; cursor: hand; }

#txt-title-screenshots.hover, #txt-title-conceptarts.hover	{ background-position: 0 -25px; }
#txt-title-screenshots.selected, #txt-title-conceptarts.selected	{ background-position: 0 -25px; }

#media-screenshots, #media-conceptarts	{ overflow: hidden; margin: 0 auto; width: 700px; padding-left: 2px;}

#thm-media li		{ float: left; padding: 0 6px; margin-bottom: 25px; }
#thm-media li:last-child	{ padding-right: 0; }
#thm-media li a		{ display: block; width: 100%; height: 100%; }
.thm-screenshot01	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/thm/picture4.png) no-repeat; }
.thm-screenshot02	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/thm/natural-scenery.png) no-repeat; }
.thm-screenshot03	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/thm/picture9.png) no-repeat; }
.thm-screenshot04	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/thm/waterfall.png) no-repeat; }
.thm-screenshot05	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/thm/picture3.png) no-repeat; }
.thm-screenshot06	{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/thm/valley.png) no-repeat; }
.thm-screenshot01, .thm-screenshot02, .thm-screenshot03, .thm-screenshot04, .thm-screenshot05, .thm-screenshot06	{ width: 220px; height: 165px; }

.thm-concept01		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/thm/2bd.png) no-repeat; }
.thm-concept02		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/thm/bd.png) no-repeat; }
.thm-concept03		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/thm/lava-crevasse.png) no-repeat; }
.thm-concept04		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/thm/magic-class4.png) no-repeat; }
.thm-concept05		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/thm/new-scene5.png) no-repeat; }
.thm-concept06		{ background: url(http://images-cdn.perfectworld.com/en/pwi/expansion/thm/underground-city.png) no-repeat; }
.thm-concept01, .thm-concept02, .thm-concept03, .thm-concept04, .thm-concept05, .thm-concept06	{ width: 220px; height: 165px; }