/* global */

* {
  margin: 0;
  padding: 0;
}

body {
  font: normal 14px/1.4 Tahoma, Helvetica, sans-serif;
  color: #b5bfad;
  background-color: #252525;
}


.clear-left {
  clear: left;
}

.clear-both {
  clear: both;
}

/* global links */

a:link {
	color: #fee689;
	text-decoration: underline;
}

a:visited {
	color: #f489fe;
	text-decoration: none;
}

a:hover {
	color: #fff5d0;
	text-decoration: none;
}

a:active {
	color: #9a0000;
	text-decoration: underline;
}

/* /global links */

/* header */

#wrapper {
  background-color: #181b17;
  width: 1000px;
  margin: 0 auto;
}

#header-bg {
  background: url(../img/header.jpg) top no-repeat;
  width: 1000px;
  height: 200px;
}

/* /header */

/* login form */

#login-form form {
  padding: 75px 0 0 670px;
}

#login-form form {
  font-size: 12px;
  color: #000000;
}

#login-form form input {
  background-color: #414141;
  border-width: 1px 0 0 1px;
  border-top-color: #313131;
  border-left-color: #313131;
}

#login-form form input#username-text-box {
  width: 210px;
  height: 20px;
  margin: 0 0 0 5px;
  padding: 5px 0 0 5px;
  color: #ffffff;
}

#login-form form input#password-text-box {
  width: 170px;
  height: 20px;
  margin: 10px 0 0 8px;
  padding: 5px 0 0 5px;
  color: #ffffff;
}

#login-form form input#login-ok {
  vertical-align: top;
  margin: 10px 0 0 6px;
}

#login-form form p {
  margin: 12px 0 0 67px;
}

#login-form form a:link {
  color: #292929;
  text-decoration: underline;
}

#login-form form a:visited {
  color: #292929;
  text-decoration: none;
}

#login-form form a:hover {
  color: #ffffff;
  text-decoration: none;
}

#login-form form a:active {
  color: #9a0000;
  text-decoration: none;
}

/* /login form */

/* header nav */

#header-nav-bg {
  background: url(../img/header-nav.jpg) top no-repeat;
  width: 1000px;
  height: 40px;
}

#header-nav {
  margin: 0;
  padding: 0;
}

#header-nav ul {
  margin: 0 0 0 469px;
  padding: 0;
}

#header-nav li {
  font-size: 14px;
  font-family: "Trebuchet MS", sans-serif;
  text-transform: uppercase;
  list-style: none;
  float: left;
}

#header-nav li a {
  height: 31px;
  display: block;
  padding: 9px 20px 0 20px;
  background: url(../img/header-nav-button-bg.jpg) top right no-repeat;
}

#header-nav li a:link {
  color: #fee689;
  text-decoration: underline;
}

#header-nav li a:visited {
  color: #fee689;
  text-decoration: none;
}

#header-nav li a:hover {
  color: #ffffa3;
  text-decoration: none;
  
  background: url(../img/header-nav-button-bg-hover.jpg) top right no-repeat;
  background-color: #2c2f2c;
}

#header-nav li a:active {
  color: #ffffff;
  text-decoration: none;
}

/* /header nav */

#container {
  width: 980px;
  margin: 0 auto;
}

p.text {
  font-size: 12px;
  margin: 10px;
}

.list ul {
  margin: 0 0 0 30px;
}

.list li {
  font-size: 11px;
}

.title-bg {
  background: url(../img/title-bg.png) top no-repeat;
  width: 980px;
  height: 25px;
}

.title-bg p {
  font-size: 13px;
  color: #ffd450;
  margin: 0 0 0 50px;
}

/* left box */

.left {
  width: 250px;
  float: left;
  margin: 0 0 10px 0;
}

.title-bg-left {
  background: url(../img/title-bg-left.png) top no-repeat;
  width: 250px;
  height: 25px;
}

.title-bg-left p {
  font-size: 13px;
  color: #ffd450;
  margin: 0 0 0 50px;
}

.left-box {
  background-color: #2e312c;
  height: 210px;
  overflow: auto;
}

/* /left box */

/* right box */

.right {
  width: 720px;
  float: right;
  margin: 0 0 10px 0;
}

.right-box {
  background-color: #2e312c;
  height: 210px;
  overflow: hidden;
}

.title-bg-right {
  background: url(../img/title-bg-right.png) top no-repeat;
  width: 720px;
  height: 25px;
}

.title-bg-right p {
  font-size: 13px;
  color: #ffffff;
  margin: 0 0 0 50px;
}

/* /right box */

/* footer */

#footer-bg {
  background: url(../img/footer.jpg) top no-repeat;
  width: 1000px;
  height: 105px;
}

#footer-nav {
  margin: 0;
  padding: 0;
}

#footer-nav ul {
  margin: 0;
  padding: 48px 0 0 340px;
}

#footer-nav li {
  font-size: 10px;
  text-transform: uppercase;
  list-style: none;
  float: left;
}

#footer-nav li a {
  padding: 0 20px 0 0;
}

#copyright {
  float: right;
  margin: -5px 0 0 0;
  padding: 0 40px 0 0;
}

#copyright p {
  font-size: 10px;
  color: #686e68;
}

/* /footer */