/* Reset */

HTML {
	font-size: 100.01%;
}

HTML, BODY {
	width: 100%;
}

html, body, div, p, table, tr, td, th, a, span, form, ul, ol, li {
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-family: Verdana;
	color: #fff;
	text-align: left;
	vertical-align: top;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

p {
	padding: 5px 0;
}

a {
	color: #EFD487;
	text-decoration: underline;
	outline-style: none;
}

a:hover {
	text-decoration: none;
}

a img {
	vertical-align: bottom;
}

ul, ol {
	padding-left: 10px;
}

th {
	text-align: center;
	font-weight: bold;
}

input {
	vertical-align: middle;
}

/* Design */

body {
	background: #000;
	position: relative;
}

#header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 320px;
	background: url('images/head.png') right top repeat-x;
	min-width: 900px;
}

#header_l {
	height: 320px;
	background: url('images/head_l.png') left top no-repeat;
}

#header_r {
	height: 320px;
	background: url('images/head_r.png') right top no-repeat;
}

#people {
	height: 320px;
	background: url('images/people.png') center top no-repeat;
}

#wall {
	height: 320px;
	background: url('images/head_wall.png') left top no-repeat;
	position: relative;
}

#headercontent {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

#logo {
	width: 360px;
	height: 184px;
	position: absolute;
	top: 0;
	left: 0;
	background: url('images/logo.png') left top no-repeat;
}

#menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 560px;
	height: 320px;
	background: url('images/menu.png') left top no-repeat;
}

#menu .menuitem {
	position: absolute;
	width: 90px;
	height: 100px;
}

#menu .menuitem span {
	display: block;
	width: 90px;
	height: 18px;
	padding-top: 4px;
	background: url('images/m_alt.png') left top no-repeat;
	font-size: 11px;
	color: #fff;
	text-align: center;
}

#menu .menuitem a {
	position: absolute;
	left: 8px;
	top: 25px;
	display: block;
	width: 75px;
	height: 75px;
}

#menu #m_forum {
	left: 17px;
	top: 128px;
}
#menu #m_forum a {
	background: url('images/m_forum.png') left top no-repeat;
}

#menu #m_photo {
	left: 92px;
	top: 143px;
}
#menu #m_photo a {
	background: url('images/m_photo.png') left top no-repeat;
}

#menu #m_creo {
	left: 174px;
	top: 143px;
}
#menu #m_creo a {
	background: url('images/m_creo.png') left top no-repeat;
}

#menu #m_dash {
	left: 258px;
	top: 143px;
}
#menu #m_dash a {
	background: url('images/m_dash.png') left top no-repeat;
}

#menu #m_help {
	left: 344px;
	top: 143px;
}
#menu #m_help a {
	background: url('images/m_help.png') left top no-repeat;
}

#menu #m_people {
	left: 427px;
	top: 128px;
}
#menu #m_people a {
	background: url('images/m_people.png') left top no-repeat;
}

#loginform {
	width: 418px;
	height: 184px;
	position: absolute;
	right: 0;
	top: 0;
	background: url('images/loginform.png') left top no-repeat;
}

#loginform form {
	position: relative;
	width: 100%;
	height: 100%;
}

#loginform input[type=text], #loginform input[type=password] {
	width: 112px;
	height: 17px;
	background: #011b28;
	position: absolute;
	top: 124px;
	font-size: 12px;
	font-family: Verdana;
	color: #fff;
}

#loginform .login {
	left: 130px;
}

#loginform .pass {
	left: 250px;
}

#loginform .power {
	width: 56px;
	height: 64px;
	background: url('images/power.png') left top no-repeat;
	border: 0;
	position: absolute;
	top: 103px;
	right: 0;
	outline-style: none;
	cursor: pointer;
}

#reg {
	display: block;
	width: 141px;
	height: 74px;
	background: url('images/reg.png') left top no-repeat;
	position: absolute;
	top: 10px;
	left: 234px;
}

#reg:hover {
	background: url('images/reg_a.png') left top no-repeat;
}

#projector {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url('images/projector.png') right bottom no-repeat;
}

#projector .fakelogin, .fakepass {
	width: 112px;
	height: 17px;
	background: transparent;
	position: absolute;
	top: 124px;
	cursor: text;
}

#projector .fakelogin {
	left: 130px;
}

#projector .fakepass {
	left: 250px;
}

#projector .fakepower {
	width: 56px;
	height: 64px;
	background: transparent;
	position: absolute;
	top: 103px;
	right: 0;
	cursor: pointer;
}

#board {
	padding-top: 180px;
	background: url('images/board.png') left bottom repeat-x;
	width: 100%;
	height: 599px;
	overflow: hidden;
	position: relative;
}

#sidebar {
	width: 159px;
	height: 599px;
	float: left;
	background: url('images/left_menu.png') left top no-repeat;
	position: relative;
}

#sidebar div {
	position: absolute;
	left: 0;
	width: 100%;
	height: 80px;
	background-position: 26px top;
	background-repeat: no-repeat;
}

#sidebar div a {
	display: block;
	width: 77px;
	height: 80px;
	position: absolute;
	left: 56px;
	top: 0;
	background-position: left top;
	background-repeat: no-repeat;
}

#sidebar #s_info {
	top: 127px;
	background-image: url('images/s_info.png');
}
#sidebar #s_info a {
	background-image: url('images/s_info_a.png');
}
#sidebar #s_info a:hover {
	background-image: url('images/s_info_a_a.png');
}
#sidebar #s_forum {
	top: 212px;
	background-image: url('images/s_forum.png');
}
#sidebar #s_forum a {
	background-image: url('images/s_forum_a.png');
}
#sidebar #s_forum a:hover {
	background-image: url('images/s_forum_a_a.png');
}
#sidebar #s_news {
	top: 297px;
	background-image: url('images/s_news.png');
}
#sidebar #s_news a {
	background-image: url('images/s_news_a.png');
}
#sidebar #s_news a:hover {
	background-image: url('images/s_news_a_a.png');
}
#sidebar #s_contact {
	top: 382px;
	background-image: url('images/s_contact.png');
}
#sidebar #s_contact a {
	background-image: url('images/s_contact_a.png');
}
#sidebar #s_contact a:hover {
	background-image: url('images/s_contact_a_a.png');
}

#content {
	margin: 0 0 0 159px;
	height: 599px;
	position: relative;
}

#content .content_t {
	background: url('images/content_tl.png') left top no-repeat;
	height: 225px;
	padding-left: 208px;
}
#content .content_t div {
	background: url('images/content_tr.png') right top no-repeat;
	height: 225px;
	padding-right: 200px;
}
#content .content_t div div {
	background: url('images/content_t.png') left top repeat-x;
	height: 225px;
}

#content .content_c {
	background: url('images/content_l.png') left top no-repeat;
	height: 224px;
	padding-left: 60px;
}
#content .content_c div {
	background: url('images/content_r.png') right top no-repeat;
	height: 224px;
	padding-right: 76px;
}
#content .content_c div div {
	background: #052942;
	height: 224px;
}

#content .content_b {
	background: url('images/content_bl.png') left top no-repeat;
	height: 150px;
	padding-left: 208px;
}
#content .content_b div {
	background: url('images/content_br.png') right top no-repeat;
	height: 150px;
	padding-right: 200px;
}
#content .content_b div div {
	background: url('images/content_b.png') left top repeat-x;
	height: 150px;
}

#content #realcontent {
	overflow: auto;
}

#content #realcontent, #content #realcontent div {
	background: #052942;
	padding: 0;
}

#content_head {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 225px;
	background: url('images/content_head.png') center top no-repeat;
}

#top {
	width: 100%;
	height: 445px;
	background: url('images/top_bg.png') right top repeat-x;
}

#top_l {
	height: 445px;
	background: url('images/top_bg_l.png') left top no-repeat;
}

#top_r {
	height: 445px;
	background: url('images/top_bg_r.png') right top no-repeat;
	position: relative;
}

#top_logo {
	float: left;
	width: 258px;
	height: 445px;
	background: url('images/top_logo.png') left top no-repeat;
}

#top_lines {
	margin: 0 0 0 258px;
	height: 445px;
	background: url('images/top_lines.png') left top repeat-x;
}

#top_lines #top_menu {
	width: 100%;
	height: 130px;
	position: relative;
}

#top_lines #top_menu a {
	display: block;
	width: 114px;
	height: 22px;
	padding-top: 8px;
	position: absolute;
	top: 72px;
	background: url('images/top_button.png') left top no-repeat;
	text-align: center;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}

#top_lines #top_menu #top_a_mess {
	left: 70px;
}
#top_lines #top_menu #top_a_time {
	left: 200px;
}
#top_lines #top_menu #top_a_ref {
	left: 330px;
}

#top_data table td {
	padding-left: 30px;
	font-size: 14px;
	line-height: 14px;
	height: 14px;
}

#info {
	width: 100%;
	background: url('images/info_bg.png') right top repeat-x;
}

#info_l {
	background: url('images/info_bg_l.png') left top no-repeat;
}

#info_r {
	background: url('images/info_bg_r.png') right top no-repeat;
	position: relative;
	padding: 40px 30px 0;
}

#radio {
	margin-bottom: 30px;
	height: 74px;
	background: url('images/radio_l.png') left top no-repeat;
	padding-left: 491px;
}
#radio_l {
	height: 74px;
	background: url('images/radio_r.png') right top no-repeat;
	padding-right: 142px;
}
#radio_r {
	height: 46px;
	padding-top: 28px;
	background: url('images/radio.png') left top repeat-x;
	text-align: center;
}

#info_block1 {
	width: 48%;
	float: left;
}

#info_block2 {
	margin: 0 0 0 52%;
}

.info_block {
	background: url('images/info_block.png') left top repeat;
	position: relative;
}

.info_block_l {
	background: url('images/info_block_l.png') left top repeat-y;
}
.info_block_lt {
	background: url('images/info_block_lt.png') left top no-repeat;
}
.info_block_lb {
	background: url('images/info_block_lb.png') left bottom no-repeat;
	padding-left: 15px;
}

.info_block_r {
	background: url('images/info_block_r.png') right top repeat-y;
}
.info_block_rt {
	background: url('images/info_block_rt.png') right top no-repeat;
}
.info_block_rb {
	background: url('images/info_block_rb.png') right bottom no-repeat;
	padding-right: 15px;
}

.info_block_t {
	background: url('images/info_block_t.png') left top repeat-x;
	padding-top: 15px;
}
.info_block_b {
	background: url('images/info_block_b.png') left bottom repeat-x;
	padding-bottom: 15px;
}

#info_block_1 {
	background: url('images/info_block_1.png') left top no-repeat;
	float: left;
	width: 145px;
	height: 155px;
}

#info_block_2 {
	background: url('images/info_block_2.png') left top no-repeat;
	float: left;
	width: 142px;
	height: 140px;
}

.clear {
	clear: both;
}

#footer {
	height: 240px;
	background: url('images/footer.png') left top repeat-x;
}

#buttons {
	text-align: center;
	padding-top: 45px;
}
#buttons a {
	margin: 0 15px;
}
#copy {
	text-align: center;
	padding-top: 80px;
}