/** HTML Element Specific **/
body, html {
  height: 100% !important;
  background-image: url(../img/body_bg.jpg);
  background-repeat: repeat-all;
  font-family: Arial, Helvetica, sans-serif;
}
a { text-decoration: none; }


/** Wrapping Elements **/
#allwrap {
  position: relative !important;
  height: auto !important;
  min-height: 100%;
}
#main {
  width: 789px;
  margin: 0 auto 0 110px;
  padding-bottom: 60px;
}
#trans {
  background: url(../img/wrapbg_body.png) repeat-y;
  padding: 80px 0 0 10px;
}
#trans > h3 {
  height: 126px;
  padding: 40px 0 0 196px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  background: url(../img/contbg_head.png) no-repeat;
}
#trans > h3 span {
  font-family: Arial Black;
}
#credits {
  height: 43px;
  background: url(../img/wrapbg_foot.png) no-repeat;
}
#page {
  margin-top: -43px;
  background: url(../img/contbg_body.png) repeat-y;
}

/** Header Stuff **/
#header {
  position: relative;
  height: 6px;
  background-color: teal;
  background: url(../img/header_bg.jpg) repeat-x top;
}
#header h1 {
  position: absolute;
  top: 6px;
  left: 54px;
  height: 83px;
  width: 591px;
  background: url(../img/header_style.png) no-repeat top;
}
/** Credits Stuss **/
#credits ul li {
  display: inline;
}
#hmlink, #dhlink {
  position: relative;
  left: 90px;
  line-height: 43px;
  color: #AAA;
  font-family: 'Arial Rounded MT Bold';
  font-size: 12px;
}
#hmlink span {
  color: #CCC;
  font-family: 'Arial black';
}
#dhlink {
  font-size: 10px;
  left: 160px;
}
#dhlink:before {
  content:"DESIGN BY | ";
  color: #666;
}
/** Footer Stuff **/
#footer {
  position: relative !imporatant;
  height: 60px;
  margin: -60px auto 0;
}
#footer div {
  background-color: #3B3B3B;
  border-top: 2px solid black;
  color: #767676;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  position: relative;
  top: 28px;
  padding-left: 20px;
}

/** Navigation **/
#nav {
  float: left;
  width: 171px;
  position: relative;
  top: -20px;
  left: 14px;
}
#nav li {
  height: 36px;
  line-height: 36px;
  background: url(../img/navi_hover.png) no-repeat;
}
#nav a {
  background-image: url(../img/navi_norm.png);
  background-repeat: no-repeat;
  color: #A3A3A3;
  display: block;
  font-family: Arial;
  font-size: 10px;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
  padding-left: 24px;
  width: 147px;
}
#nav a:hover, #nav a:active {
  background-image: none;
}
#act a {
  background-image: url(../img/navi_active.png) !important;
  color: #fff !important;
}

/** Content **/
#cont {
  float: left;
  width: 503px;
  position: relative;
  top: -18px;
  left: 40px;
}
.item {
  margin-bottom: 10px;
  width: 503px;
  background: url(../img/content_body.png) repeat-y;
}
.head {
  background: url(../img/content_head.png) no-repeat;
  height: 62px;
}
.head h1 {
  color: #3B3B3B;
  font-family: Verdana;
  font-size: 18px;
  font-weight: normal;
  position: relative;
  left: 30px;
  top: 6px;
}
.head h1 a {
  color: inherit !important;
}
.type2 .head h1 {
  font-size: 20px;
  top: 12px;
}
.head p {
  color: #A4A4A4;
  font-family: Verdana;
  font-size: 9px;
  font-weight: normal;
  left: 30px;
  top: 6px;
  position: relative;
}
.head p span, .head p a {
  color: inherit !important;
  font-weight: bold;
}
.head p a {
  border-bottom: 1px dotted #A4A4A4;
}
.text {
  padding: 0 15px 5px 30px;
  color: #3B3B3B;
  font-family: Verdana;
  font-size: 12px;
}
.text ul, .text ol, .text p, .text table {
  margin: 10px 0 10px 0;
}
.text li {
  margin-left: 24px;
  list-style-type: disc;
}
.text ol li {
  list-style-type: decimal;
}