.main-background		{ background: #000 url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/main-background.jpg) center top no-repeat; min-height: 1100px; }

#main-content			{ margin: 0 auto; width: 984px; overflow: hidden; }
#main-content #col01	{ width: 530px; float: left; }
#main-content #col02	{ width: 445px; float: right; }

#col01 .lnkHome			{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/lnkHome.png) center top no-repeat; height: 143px; width: 453px; margin: 35px auto; }

#col01 .bg-col1			{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/bg-col1.png) no-repeat; padding: 10px; height: 777px; }

#main-content .hdr-trailer		{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/hdr-trailer.png) no-repeat center top; height: 70px; }
#main-content .hdr-features		{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/hdr-features.png) no-repeat center top; height: 70px; }
#main-content .hdr-screenshots	{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/hdr-screenshots.png) no-repeat center top; height: 70px; position: relative; z-index: 1; }
#main-content .hdr-blank		{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/hdr-blank.png) no-repeat center top; height: 70px; }


	.bg-col1 .video	{ width: 380px; height: 205px; margin: 0 auto;  }
	.lbcontent .video	{ margin: 0 0 10px; }
	.lbcontent .close	{ float: right; }

	.bg-col1 .bg-trailer	{ width: 380px; height: 204px; }
	.bg-col1 #bg-trailer	{ position: absolute; width: 380px; height: 204px; cursor: pointer; z-index: 4; background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/bg-transparent.png) repeat; }


#main-content .feature					{ overflow: hidden; margin: 0 20px; padding: 20px 0; clear: both; }
#main-content .feature h3				{ font: 14px Verdana; color: #eec090; }
#main-content .feature p				{ font: 12px/16px Arial; color: #a6a1a2; width: 300px; float: left; }
#main-content .feature .bg-features		{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/bg-features.png) no-repeat; margin: 0 15px 0 0; float: left; padding: 5px; }
#main-content .feature .sprite-features			{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/sprite-features.png) no-repeat; width: 144px; height: 96px; }
#main-content .feature .sprite-features.pic1	{ background-position: left top; }
#main-content .feature .sprite-features.pic2	{ background-position: left -96px; }
#main-content .feature .sprite-features.pic3	{ background-position: left -192px; }
#main-content .feature .sprite-features.pic4	{ background-position: left -288px; }
#main-content .feature .sprite-features.pic5	{ background-position: left -384px; }
#main-content .feature .sprite-features.pic6	{ background-position: left -480px; }
#main-content .feature .sprite-features.pic7	{ background-position: left -576px; }
#main-content .feature .sprite-features.pic8	{ background-position: left bottom; }
#pages .page { display: none; height: 300px; } 

.arrows				{ height: 25px; overflow: hidden; }
.arrows span		{ font: 11px Tahoma; color: #a6a1a2; margin: 3px 9px; float: left; cursor: pointer; }
.arrows.selected, .arrows span:hover, .arrows span.selected	{ color: #fff; }
.arrows.set1		{ width: 140px; margin: 0 auto; }
.arrows.set2		{ width: 265px; margin: -50px 82px 0; position: absolute; z-index: 5; }
.arrows .arrow		{ width: 20px; height: 25px; cursor: pointer; background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/ico-arrows.png) no-repeat; -moz-user-select: none; -webkit-user-select: none; }
.arrows #left-arrow 	{ float: left; background-position: left top; }
.arrows #right-arrow 	{ float: right; background-position: right top; }
.arrows #top-arrow 		{ float: left; background-position: left top; }
.arrows #bot-arrow 		{ float: right; background-position: right top; }
.arrows #left-arrow:hover, .arrows #left-arrow.selected { background-position: left bottom; }
.arrows #right-arrow:hover, .arrows #right-arrow.selected { background-position: right bottom; }
.arrows #top-arrow:hover, .arrows #top-arrow.selected { background-position: left bottom; }
.arrows #bot-arrow:hover, .arrows #bot-arrow.selected { background-position: right bottom; }


#col02 .lnk-social			{ clear: both; height: 22px; margin: 35px 0 10px; width: 365px; float: right; }
.lnk-social a.txt-social	{ float: left; display: block; height: 22px; }
.lnk-social a.txt-social.site		{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/txt-social.png) no-repeat left top; width: 145px; }
.lnk-social a.txt-social.forum		{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/txt-social.png) no-repeat -145px top; width: 80px; }
.lnk-social a.txt-social.register	{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/txt-social.png) no-repeat -225px top; width: 135px; }
.lnk-social a.txt-social.site:hover		{ background-position: left bottom; }
.lnk-social a.txt-social.forum:hover	{ background-position: -145px bottom; }
.lnk-social a.txt-social.register:hover	{ background-position: -225px bottom; }

#col02 .icons-social		{ clear: both; height: 24px; float: right; width: 85px; }
.icons-social a.ico-social	{ float: left; display: block; height: 24px; width: 24px; margin: 0 2px; }
.icons-social a.ico-social.fb 		{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/ico-social.png) no-repeat left top; }
.icons-social a.ico-social.twitter 	{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/ico-social.png) no-repeat center top; }
.icons-social a.ico-social.youtube 	{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/ico-social.png) no-repeat right top; }
.icons-social a.ico-social.fb:hover			{ background-position: left bottom; }
.icons-social a.ico-social.twitter:hover	{ background-position: center bottom; }
.icons-social a.ico-social.youtube:hover 	{ background-position: right bottom;  }


#col02 .bg-col2			{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/bg-col2.png) no-repeat; padding: 10px; height: 172px; margin: 815px 0 0; }


		#screenshots				{ overflow: hidden; clear: both; margin:  0 14px; }	
		#screenshots li				{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/bg-screenshots.png) no-repeat; padding: 4px; float: left; margin: 0 3px; }	
		#screenshots #list a, #screenshots #list div.sprite#list	{ cursor: pointer; display: block; height: 67px; width: 118px; display: block;  }
			#screenshots #list a	{ background: url(http://images-cdn.perfectworld.com/en/raiderz/redesign2012/brokensilence/sprite-screenshots.png) no-repeat; }
			#screenshots #list a.s0	{ background-position: left top;}
			#screenshots #list a.s1	{ background-position: left -67px; }
			#screenshots #list a.s2	{ background-position: left -134px; }
			#screenshots #list a.s3	{ background-position: left -201px; }
			#screenshots #list a.s4	{ background-position: left -268px; }
			#screenshots #list a.s5	{ background-position: left -335px; }