@charset "utf-8";
/*
Elemental Layout Coded By Bufo Designed By Squidy
(c) No rights reserved.
*/

/* General CSS Settings */
* {margin:0; padding:0;}
a {color:#b26400;}
a img {border:0;}
a:active {outline:none;}
a:focus {outline:none; -moz-outline-style:none;}
a:hover {color:white; text-decoration:none;}
object {outline:none; -moz-outline-style:none;}
p {margin:1.8em 0;}
p.lead {margin-top:0;}
em em {font-style:normal;}
.relative {position:relative;}
.left {float:left;}
.right {float:right;}1


/* Page show */
html {}

body
{
	background: #000000 url('../_img/background/background.jpg') top center no-repeat;
	font-size: 11px;
	color: #524b3a;
	font-family: 'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif;
	padding: 0px;
	margin: 0px;
	text-shadow: 1px 1px #000;
}

#page
{
	margin: auto;
	width: 990px;
	margin-top: -32px;
}

#top_bar
{
	background: url('../_img/bar/top_bar.png') top center repeat-x;
	margin: auto;
	height: 48px;
}

#logo-box
{
	background: url('../_img/logo.png') center no-repeat;
	margin: auto;
	width: 1000px;
	height: 300px;
}

#fotter
{
	background: url(../_img/content/bottom_frame.png) no-repeat;
	width: 591px;
	height: 100px;
	color: #fff;
	padding-top: 10px;
	font-weight: bold;
    text-align: center;
	text-shadow: 1px 1px #000;
}

#online
{
	background: url('../_img/status/online.png') center no-repeat;
	margin: auto;
	height: 100%;
	width: 100%;
}

#offline
{
	background: url('../_img/status/offline.png') center no-repeat;
	margin: auto;
	height: 100%;
	width: 100%;
}

#bottom_bar
{
	background: url('../_img/bar/bottom_bar.png') top center repeat-x;
	margin: auto;
	height: 74px;
}

#title
{
	color: #f9aa72;
	padding-top: 15px;
	font-weight: bold;
    text-align: center;
	text-shadow: 1px 1px #000;
}

#status_box
{
	color: #dbbd6e;
	background: url('../_img/content/status_box.png') top center no-repeat;
	margin: auto;
	height: 233px;
	width: 580px;
}

  /*=================*/
 /*Content Container*/
/*=================*/

#cnt-box
{
	width: 1000px;
	float: left;
}

	#cnt-container
	{
		width: 1000px;
		margin: auto;
	}
	
	#cnt-left
	{
		width: 200px;
		float: left;
	}

  /*=========*/
 /* Content */
/*=========*/

#content-cnt
{
	width: 591px;
	float: left;
}

#content-bg
{
	background: url(../_img/content/content.png) repeat-y;
	min-height: 630px;
}

#content-text
{
	width: 526px;
	margin: auto;
}

  /*===================*/
 /*Menu left Container*/
/*===================*/
ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#bg_menu
{
	width: 200px;
	background: url(../_img/menu_left/background.png) repeat-y;
	float: left;
}

#menu
{
	margin: 6px;
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
	float: left;
}

#menu-top
{
	width: 188px;
	height: 34px;
	background: url(../_img/menu_left/nav-top.png) no-repeat;
	color: #e79a20;
	font-size: 15px;
	text-align: center;
	padding-top: 7px;
	text-shadow: 2px 2px #000;
}

#menu-bottom
{
	margin: -4px 0px 0px -2px;
	width: 205px;
	height: 49px;
	background: url(../_img/menu_left/nav-bottom.png) no-repeat;
	float: left;
	color: #CCCCCC;
	padding-left: 20px;
	padding-top: 15px;
}

#menu li {
	padding: 0px 0 4px 0px;
	display: block;
	width: 178px;
	background: url(../_img/menu_left/menu-li-bg.png) no-repeat bottom;
}

#menu .last {
	margin-bottom: 6px;
}

#menu li a {
	color: #CEA04B;
	padding: 5px 0px 0 20px;
	text-decoration: none;
	display: block;
	width: 100%;
	background: url(../_img/menu_left/menu-li-a-bg-hover.png) no-repeat 2px 2px;
}

#menu li a:hover {
	color: #DDD;
	text-decoration: none;
	display: block;
	width: 100%;
	background: url(../_img/menu_left/menu-li-a-bg.png) no-repeat 2px 2px;
}

  /*====================*/
 /*Menu Right Container*/
/*====================*/
#bg_menu2
{
	width: 200px;
	background: url(../_img/menu_right/background.png) repeat-y;
	float: left;
}

#menu2
{
	margin: 6px;
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
	float: left;
}

#menu-top2
{
	width: 188px;
	height: 34px;
	background: url(../_img/menu_right/nav-top.png) no-repeat;
	color: #6ad3ff;
	font-size: 15px;
	text-align: center;
	padding-top: 7px;
	text-shadow: 2px 2px #000;
}

#menu-bottom2
{
	margin: -4px 0px 0px -2px;
	width: 205px;
	height: 49px;
	background: url(../_img/menu_right/nav-bottom.png) no-repeat;
	float: left;
	color: #CCCCCC;
	padding-left: 20px;
	padding-top: 15px;
}

#menu2 li {
	padding: 0px 0 4px 0px;
	display: block;
	width: 178px;
	background: url(../_img/menu_right/menu-li-bg.png) no-repeat bottom;
}

#menu2 .last {
	margin-bottom: 6px;
}

#menu2 li a {
	color: #288ba5;
	padding: 5px 0px 0 20px;
	text-decoration: none;
	display: block;
	width: 100%;
	background: url(../_img/menu_right/menu-li-a-bg-hover.png) no-repeat 2px 2px;
}

#menu2 li a:hover {
	color: #4adbff;
	text-decoration: none;
	display: block;
	width: 100%;
	background: url(../_img/menu_right/menu-li-a-bg.png) no-repeat 2px 2px;
}

input.acc {
	background: url(../_img/buttons/acc.png) no-repeat;
	width:176px;
	height:21px;
	color:white;
	margin-bottom:5px;
	border: 0px;
}

input.pass {
	background: url(../_img/buttons/pass.png) no-repeat;
	width:176px;
	height:21px;
	color:white;
	margin-bottom:5px;
	border: 0px;
}

input.login {
	background: url(../_img/buttons/login.png) no-repeat;
	width:71px;
	height:26px;
	color:white;
	margin-bottom:5px;
	border: 0px;
}

.white
{
	color: #FFF;
	font-weight: bold;
}

.whites
{
	color: #FFF;
	font-weight: bold;
}