body {
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	background: url("../images/main_background.png") #212121 top center no-repeat;
}

.clear {
	clear: both;
}

.borders {
	border-top: 1px solid #272727;
	border-left: 1px solid #272727;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}

.border-edge-right {
	border-right: 1px solid #272727;
}

.curved-all {
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.curved-top-all {
	border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
}

.curved-bottom-all {
	border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
}

.curved-bottom-right {
	border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
}

.curved-bottom-left {
	border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
}

.curved-top-right {
	border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
}

.curved-top-left {
	border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
}

.nav {
	font-family: "Segoe UI", Helvetica, Arial, sans-serif;
	background: url("../images/nav_background_repeat.png") repeat-x #000000;
	width: 100%;
	height: 51px;
}

.nav ul {
	width: 990px;
	margin: auto;
}

.nav li {
	background: url("../images/nav_separator.png") top left no-repeat;
	width: 12%;
	height: 51px;
	cursor: pointer;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	text-shadow: 1px 1px #8A8A8A;
	color: #FFFFFF;
	float: left;
	z-index: -50;
}

.nav li:last-child:hover {
	background: url("../images/nav_separator.png") top left no-repeat;
	color: #FFFFFF;
}

.nav li p {
	background: url("../images/nav_arrow.png") bottom center no-repeat;
	padding-bottom: 10px;
	margin-top: 18px;
}

.nav img {
	border: none;
	margin-top: 10px;
}

.nav-sub {
	margin: 7px 0px 0px 2px;
	background: #232323;
	display: none;
	position: absolute;
	z-index: 100;
}

.nav-sub-link {
	padding: 8px;
	cursor: pointer;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 1px 1px #8A8A8A;
	background: url("../images/nav_repeat_horz.png") repeat-x bottom center;
}

.nav-sub-link:last-child {
	background: none;
}

.nav-sub-link:hover {
	background: #333333;
	color: #FFFFFF;
}

.wrapper {
	width: 953px;
	margin: auto;
}

.logo {
	width: 658px;
	margin: 25px auto 25px auto;
}

.logo img {
	width: 658px;
	height: 164px;
}

.body-wrapper {
	margin: 25px auto 0px auto;
	width: 954px;
	position: static;
	z-index: -100;
}

.body-left-wrapper {
	float: left;
}

.box-title-container {
	height: 30px;
}

.box-title {
	font-size: 17px;
	padding: 8px;	
}

.login-box {
	background: url("../images/login_background.png") #000000;
	width: 224px;
	height: 182px;
}

.login-form-container {
	padding: 15px 10px 10px 10px;
}

.login-box input {
	font-size: 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
	height: 20px;
	width: 130px;
	color: #CCCCCC;
	margin-bottom: 10px;
}

.login-box button {
	background: url("../images/login_button.png");
	width: 54px;
	height: 53px;
	border: none;
	cursor: pointer;
}

.login-form-input-container {
	width: 130px;
	float: left;
}

.login-form-submit-container {
	float: right;
}

.login-form-forgotpw-container {
	background: url("../images/login_faded_background.png") no-repeat;
	width: 200px;
	height: 49px;
}

.login-form-forgotpw-link {
	padding: 10px;
}

.login-form-forgotpw-link a, .login-form-forgotpw-link a:visited, .login-form-forgotpw-link a:active {
	font-size: 10px;
	text-decoration: none;
	color: #CCCCCC;
}

.login-form-forgotpw-link a:hover {
	text-decoration: underline;
}

.ranking-box {
	background: url("../images/ranking_background.png");
	width: 226px;
	height: 158px;
	margin-top: 20px;
}

.ranking-table-container table {
	width: 220px;
	margin: auto;
}

.ranking-table-container th {
	font-size: 10px;
	color: #666666;
	height: 20px;
	vertical-align: middle;
 }

.ranking-table-titles {
	border-top: 1px solid #272727;
	border-bottom: 1px solid #272727;
}

.ranking-table-container td {
	text-align: center;
	height: 20px;
	font-size: 12px;
	vertical-align: middle;
	color: #FFFFFF;
	border-bottom: 1px solid #272727;
	border-right: 1px solid #272727;
}

.facebook-box {
	background: url("../images/facebook_background.html");
	width: 226px;
	height: 128px;
	margin-top: 20px;
}

.facebook-box-button-container {
	margin-left: 2px;
	width: 222px;
	border-bottom: 1px solid #272727;
}

.body-mid-wrapper {
	float: left;
	margin-left: 11px;
}

.slider-container {
	background: url("../images/slider_background.png");
	width: 480px;
	height: 273px;
}

.slider-image-container {
	background: url("../images/slide_1.png");
	float: left;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 476px;
	height: 241px;
	overflow: hidden;
	margin: 2px 0px 0px 2px;
}

.slider-controls-container {
	width: 480px;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
}

.slider-controls-back {
	float: left;
	padding: 6px 6px 6px 9px;
	cursor: pointer;
}

.slider-controls-forward {
	float: right;
	padding: 6px 9px 6px 6px;
	cursor: pointer;
}

.flipped {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.news-container {
	background: url("../images/news_background.png");
	width: 479px;
	height: 245px;
	margin-top: 20px;
}

.news-tabs-container {
	margin: auto auto auto 2px;
	width: 475px;
	height: 30px;
	border-bottom: 1px solid #272727;
}

.news-tab {
	float: left;
	background: url("../images/news_tab_inactive.png") repeat-x;
	margin: 5px 0px 0px 1px;
	height: 24px;
	text-align: center;
	border: 1px solid #272727;
	border-bottom: 1px solid #0f0f0f;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	cursor: pointer;
}

.first-news-tab {
	margin-left: 4px;
}

.news-tab-selected {
	background: url("../images/news_tab_active.png") repeat-x;
}

.news-tab-title {
	font-size: 12px;
	font-weight: bold;
	padding: 7px 15px 7px 15px;
}

.news-section-container {
	width: 480px;
	margin-top: 2px;
	display: none;
}

.news-article-container {
	height: 25px;
	width: 477px;
	border-bottom: 1px solid #272727;
}

.news-article-title {
	float: left;
	font-size: 13px;
	color: #2a4b8f;
	font-weight: bold;
	padding: 5px;
	cursor: pointer;
}

.news-article-date {
	float: right;
	font-size: 10px;
	padding: 7px;
}

.news-article-content-container {
	width: 477px;
	height: 100px;
	display: none;
}

.news-article-picture-container {
	float: left;
	padding: 13px 0px 0px 25px;
}

.news-article-text-container {
	float: right;
	width: 350px;
	color: #636363;
	font-size: 12px;
	padding: 13px 0px 0px 10px;
}

.events-container {
	background: url("../images/events_background.png");
	width: 479px;
	height: 142px;
	margin-top: 20px;
}

.more-events {
	float: right;
	font-size: 10px;
}

.event-container {
	padding: 15px 0px 0px 15px;
}

.event-thumbnail-container {
	float: left;
}

.event-container img {
	vertical-align: middle;
}

.event-description-container {
	float: left;
	margin: -5px 0px 0px 10px;
	width: 350px;
}

.event-title {
	font-weight: bold;
	font-size: 14px;
}

.event-name {
	color: #254076;
}

.event-description {
	font-size: 12px;
}

.body-right-wrapper {
	float: right;
	margin-left: 11px;
}

.buttons-container {
	width: 226px;
	height: 130px;
	background: #0f0f0f;
}

.buttons {
	padding: 4px;
}

.buttons img {
	margin-bottom: 2px;
}

.buttons a, a:visited, a:active, a:hover {
	text-decoration: none;
}

.server-info-container {
	margin-top: 20px;
	border: 1px solid black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	width: 224px;
}

.box-title-container-new {
	height: 30px;
	background: url("../images/box_title_repeat.png") repeat-x;
	border: 1px solid #2e2e2e;
	border-bottom: 1px solid #000000;
}

.server-info {
	background: #0f0f0f;
	font-size: 10px;
}

.server-info-table {
	width: 224px;
}

.server-info-left {
	float: left;
	width: 100px;
	text-align: center;
	padding: 5px;
}

.server-info-right {
	float: right;
	width: 100px;
	text-align: center;
	padding: 5px;
}

.online {
	color: #9dc03d;
}

.server-time {
	color: #ffb800;
}

.hot-items-container {
	background: url("../images/hot_items_background.png");
	width: 226px;
	height: 218px;
	margin-top: 20px;
}

.hot-item {
	height: 60px;
	font-size: 12px;
	margin-top: 2px;
}

.hot-item-thumbnail {
	float: left;
	padding: 5px 0px 0px 7px;
}

.hot-item-description-container {
	float: left;
	padding: 10px 0px 0px 7px;
}

.hot-item-name {
	color: #2a4b8f;
	font-weight: bold;
}

.hot-item-description {
	font-size: 10px;
	color: #666666;
	margin-top: 5px;
}

.hot-item-cost {
	margin: 5px 0px 0px 10px;
}

.hot-item-cost-amount {
	font-size: 14px;
	font-weight: bold;
	color: #F00;
	margin-left: 5px;
}

.fame {
	color: #000000;
	font-weight: bold;
}

.show {
	display: block;
}

.footer {
	width: 953px;
	height: 91px;
	background: #0f0f0f;
	margin-top: 40px;
}

.mid-big {
	background: #000000;
	border: 1px solid #000000;
	width: 478px;
}

.main-content {
	background: #0f0f0f;
	border: 1px solid #272727;
	padding: 15px;
}