



html body {
  height: 100%;
  background: url(../images/1378.png) repeat;
  margin-top: 0;
}

label {
  width: 4em;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}

input {
  color: #781351;
  background: #fee3ad;
  border: 1px solid #781351;
}

.submit input {
  color: #000;
  background: #ffa20f;
  border: 2px outset #d7b9c9;
  margin-left: 4.5em;
}
/*--------------------------------------------------------------------*/
/*--------------------------------------------BASIC STUFF--------*/
/*--------------------------------------------------------------------*/

.container {
  position: relative;
  background: #000;
  top: 0;
  width: 1000px;
  height: 800px;
  margin: 0 auto;
}

.top {
  background: url(../images/t-t_1_1.jpg) no-repeat;
  position: relative;
  left: 0;
  top: 0;
  border: 0;
  width: 1000px;
  height: 125px;
}

.top-2 {
  background: url(../images/top-logo.jpg) no-repeat;
  width: 1000px;
  height: 298px;
  text-align: center;
  margin: 0 auto;
}

.top-3 {
  background: url(../images/graphics.jpg) no-repeat;
  border: 0;
  width: 1000px;
  height: 307px;
}

.top-2b {
  background: url(../images/graphics.jpg) no-repeat;
  border: 0;
  width: 1000px;
  height: 307px;
}

.top-2c {
  background: url(../images/tucan.jpg) no-repeat;
  position: relative;
  left: 0;
  top: 0;
  border: 0;
  width: 1000px;
  height: 307px;
}

.top-2d {
  background: url(../images/dock.jpg) no-repeat;
  position: relative;
  left: 0;
  top: 0;
  border: 0;
  width: 1000px;
  height: 307px;
}


.content {
  position: relative;
  top: 0;
  left: 0;
  background: url(../images/t-t_1_3.jpg) repeat-y;
  width: 1000px;
  height: 900px;
}

.content-left {
  position: relative;
  top: 0;
  left: 10px;
  width: 140px;
  height: 100%;
}

.content-right {
  background: #191919;
  position: absolute;
  top: 0px;
  left: 623px;
  width: 210px;
  height: 100%;
  border: 0;
  text-align: center;
}
#fadeinbox{
position:absolute;
width: 300px;
left: 0;
top: -400px;
border: 2px solid #CDCDCD;
background-color: #000000;
font-family: Georgia;
color: #FFF;
padding: 4px;
z-index: 100;
visibility:hidden;
}
/*--------------------------------------------------------------------*/
/*--------------------------------------------- ABOUT THIS SITE */
/*-------------------------------------------------------------------- */

.container-about {
  position: relative;
  background: #000;
  top: 0;
  width: 1000px;
  height: 1450px;
  border: solid 5px #000;
  margin: 0 auto;
}

.top-about {
  background: url(../images/pastel.jpg) no-repeat;
  position: relative;
  left: 0;
  top: 0;
  border: 0;
  width: 1000px;
  height: 307px;
}

.content-center-about {
  background: url(../images/darkaurora.jpg) no-repeat;
  position: relative;
  top: -900px;
  left: 160px;
  width: 830px;
  height: 950px;
  border: 1px solid #191919;
  text-align: center;
}

.content-center-about-text {
  background: transparent;
  position: relative;
  top: 0;
  left: 0;
  width: 810px;
  height: 950px;
  text-align: center;
}

.content-center-about p {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #ccc;
}
/*-------------------------------------------------------------------*/
/*--------------------------------------------------------CONTACT*/
/*-------------------------------------------------------------------*/

.container-contact {
  position: relative;
  background: #000;
  top: 0;
  width: 1000px;
  height: 1450px;
  border: solid 5px #000;
  margin: 0 auto;
}

.top-contact {
  background: url(../images/tucan.jpg) no-repeat;
  position: relative;
  left: 0;
  top: 0;
  border: 0;
  width: 1000px;
  height: 307px;
}

.content-center-contact {
  position: relative;
  top: -900px;
  left: 160px;
  width: 610px;
  height: 600px;
  border: 1px solid #191919;
  text-align: center;
}
/*-------------------------------------------------------------------*/
/*---------------------------------------------------- COPYRIGHT */
/*-------------------------------------------------------------------*/

.copy {
  position: relative;
  background: #000;
  top: 0;
  width: 1000px;
  height: 1450px;
  border: solid 5px #000;
  margin: 0 auto;
}

.content-center-copyright {
  background: url(../images/hitman3.jpg) no-repeat;
  position: relative;
  top: -900px;
  left: 260px;
  width: 610px;
  height: 600px;
  border: 0;
  text-align: center;
}

.copyright-link {
  position: relative;
  top: 200px;
  text-align: center;
  font: bold 20px Arial, Helvetica, sans-serif;
  color: #cdcdcd;
}
/*-------------------------------------------------------------------*/
/*----------------------------------------------------MISC STUFF */
/*--------------------------------------------------------------------*/

p {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #888;
}

li {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #888;
}

small {
  font: 8px Verdana, Arial, Helvetica, sans-serif;
  color: #cdcdcd;
}

a{
  color: #CDC;
  text-decoration: none;
}

a:hover {
  color: #FFF;
  text-decoration: underline;
}

b {
  color: #999;
  text-decoration: underline;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

img {
  border: 0;
}
/*--------------------------------------------------------------------*/
/*----------------------------------------------------------FOOTER*/
/*--------------------------------------------------------------------*/

.footer {
  background: url(../images/t-t_1_4.jpg);
  border: 0;
  width: 1000px;
  height: 114px;
  text-align: center;
  margin: 0 auto;
  }

.footer-content {
  border: 0;
  width: 1000px;
  height: 114px;
  margin: 0 auto;
  text-align: center;
}
/*-------------------------------------------------------------------*/
/*------------------------------------------------------ GRAPHICS */
/*-------------------------------------------------------------------*/

.container-graphics {
  position: relative;
  background: #000;
  top: 0;
  width: 1000px;
  height: 1450px;
  border: solid 5px #000;
  margin: 0 auto;
}

.top-graphics {
  background: url('../images/graphics.jpg') no-repeat;
  position: relative;
  left: 0;
  top: 0;
  border: 0;
  width: 1000px;
  height: 307px;
}

.content-left-graphics {
  position: relative;
  top: 0;
  left: 10px;
  width: 140px;
  height: 100%;
}

.content-right-graphics {
  background: #191919;
  position: absolute;
  top: 0px;
  left: 623px;
  width: 210px;
  height: 100%;
  border: 0;
  text-align: center;
}

/*--------------------------------------------------------------------*/
/*---------------------------------------------------  INDEX PAGE */
/*--------------------------------------------------------------------*/

.container-index {
  background: #000;
  top: 0;
  width: 1000px;
  border: 0;
  margin: 0 auto;
}
.content-left-index {
  background: #404040;
  width: 140px;
  height: 100%;
}

.content-right-index {
  width: 210px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}

.content-index {
  background: url(../images/t-t_1_3.jpg) repeat-y;
  width: 170px;
  height: 100%;
  border: 0;
}

.content-center-index {
  background: url(../images/lam.jpg) no-repeat;
  border: 0;
  height: 591px;
  width: 600px;
  }

.container-index-center {
  background: #000;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  color: #FFF;
  text-align: center;
  margin: 0 auto;
  vertical-align: top;
}
.index-center {
  background: url(../images/blocktop.jpg) repeat; 
  color: #FFF;
  width: 100%;
  height: 47px;
  border: 0;
  text-align: center;
  margin: 0 auto;
  }



.footer-index {
  position: relative;
  top: 0;
  left: 0;
  background: url(../images/t-t_1_4.jpg) repeat-y;
  width: 1000px;
  height: 114px;
  margin: 0 auto;
}

.footer-content-index {
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
  border: 0;
  width: 1000px;
  height: 114px;
  margin: 0 auto;
}
/*--------------------------------------------------------------------*/
/* ----------------------------------------------------LINK TO ME */
/*--------------------------------------------------------------------*/

.top-links {
  background: url(../images/links.jpg) no-repeat;
  position: relative;
  left: 0;
  top: 0;
  border: 0;
  width: 1000px;
  height: 307px;
}

.content-center-links {
  background: url(../images/linksbk.jpg) no-repeat;
  position: relative;
  top: -900px;
  left: 160px;
  width: 100%;
  height: 900px;
  border: 0;
  text-align: center;
  vertical-align: middle;
}

.container-links-center1 {
  position: relative;
  border: solid 2px #191919;
  top: 390px;
  left: 5px;
  width: 570px;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
}

.links-center1bk {
  background: url(../images/blocktop.jpg) repeat;
  width: 100%;
  height: 47px;
}

.content-center-links2 {
  position: relative;
  top: -910px;
  left: 160px;
  width: 810px;
  height: 800px;
  border: 0;
  text-align: center;
  vertical-align: middle;
}

.container-links-center2 {
  position: relative;
  border: solid 2px #191919;
  top: 20px;
  left: 5px;
  width: 570px;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
}

.overall-links-container {
  width: 570px;
  height: auto;
  text-align: left;
}

.container-links-center2a {
  position: relative;
  top: 0;
  left: 0;
  width: 180px;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  float: left;
}

.container-links-center2b {
  position: relative;
  top: 0;
  left: 10px;
  width: 180px;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  float: left;
}

.container-links-center2c {
  position: relative;
  width: 180px;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  float: left;
}

.links-center2bk {
  background: url(../images/blocktop.jpg) repeat;
  width: 100%;
  height: 47px;
}
/*-------------------------------------------------------------------*/
/*------------------------------------------------------------NEWS*/
/*-------------------------------------------------------------------*/
.container-news {
    background: url(../images/layout.jpg) repeat-y;
   border: solid 5px #000;
   width: 1000px;
   height: 100%;
   text-align: left;
   vertical-align: top;
}
.content-news-left {
  width: 140px;
  text-align: left;
}
.content-news {
  position: relative;
  top: 0;
  left: 0;
  background: url(../images/t-t_1_3.jpg) repeat-y;
  width: 170px;
  height: 2100px;
}
.content-center-news {
  background: #000000;
  left: 160px;
  width: 100%;
  height: 100%;
 }
.top-news {
  background: url(../images/news.jpg) no-repeat;
  position: relative;
  left: 0;
  top: 0;
  border: 0;
  width: 1000px;
  height: 307px;
}
/*--------------------------------------------------------------------*/
/*------------------------------------------------------ CONTACT */
/*--------------------------------------------------------------------*/

.container-contact {
  position: relative;
  background: #FFF;
  top: 0;
  width: 1000px;
  height: 1950px;
  border: solid 5px #000;
  margin: 0 auto;
}

.top-contact {
  background: url(../images/dock.jpg) no-repeat;
  position: relative;
  left: 0;
  top: 0;
  border: 0;
  width: 1000px;
  height: 307px;
}

.content-left-contact {
  position: relative;
  top: 0;
  left: 10px;
  width: 140px;
  height: 1300px;
}

.content-center-contact {
  background: #000000;
  position: relative;
  top: -1300px;
  left: 160px;
  width: 710px;
  height: 1400px;
  border: 0;
  text-align: center;
  vertical-align: top;
}

.content-contact {
  position: relative;
  top: 0;
  left: 0;
  background: url(../images/t-t_1_3.jpg) repeat-y;
  width: 1000px;
  height: 1400px;
}
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------- THEMES */
/*-------------------------------------------------------------------*/

.top-themes {
  background: url(../images/themes.jpg) no-repeat;
  position: relative;
  left: 0;
  top: 0;
  border: 0;
  width: 1000px;
  height: 307px;
}
/*-------------------------------------------------------------------*/
/*----------------------------------------------------------- VIEW */
/*------------------------------------------------------------------ */

.content-center-view {
  position: relative;
  top: -1200px;
  left: 160px;
  width: 810px;
  height: 1100px;
  border: 0;
  text-align: left;
}

.content-view {
  position: relative;
  top: 0;
  left: 0;
  background: url(../images/t-t_1_3.jpg) repeat-y;
  width: 1000px;
  height: 1200px;
}

.container-view {
  position: relative;
  background: #000;
  top: 0;
  width: 1000px;
  height: 1750px;
  border: solid 5px #000;
  margin: 0 auto;
}
/*--------------------------------------------------------------------*/
/*----------------------------------------------------------- VIRUS */
/*--------------------------------------------------------------------*/

.container-virus {
  position: relative;
  background: #000;
  top: 0;
  width: 1000px;
  height: 1450px;
  border: solid 5px #000;
  margin: 0 auto;
}

.top-virus {
  background: url(../images/lilypads.jpg) no-repeat;
  position: relative;
  left: 0;
  top: 0;
  border: 0;
  width: 1000px;
  height: 307px;
}

.content-center-virus {
  background: url(../images/dodge.jpg) no-repeat;
  position: relative;
  top: -895px;
  left: 160px;
  width: 610px;
  height: 1000px;
  border: 0;
  text-align: center;
}

.content-rightvirus {
  background: #191919;
  position: relative;
  top: -500px;
  left: 783px;
  width: 210px;
  height: 700px;
  border: 0;
  text-align: center;
}
/*--------------------------------------------------------------------*/
/*---------------------------------------------------------- TOOLS */
/*--------------------------------------------------------------------*/

.content-center-tools {
  background: url(../images/feud.gif) no-repeat;
  position: relative;
  top: -1750px;
  left: -800px;
  width: 210px;
  height: 300px;
  border: 0;
  text-align: center;
  margin: 0 auto;
}
/*--------------------------------------------------------------------*/
/*----------------------------------------------- YOUR_ACCOUNT */
/*--------------------------------------------------------------------*/

.container-account {
  position: relative;
  background: #000;
  top: 0;
  width: 1000px;
  height: 2650px;
  border: solid 5px #000;
  margin: 0 auto;
}

.top-account {
  background: url(../images/antelope.jpg) no-repeat;
  position: relative;
  left: 0;
  top: 0;
  border: 0;
  width: 1000px;
  height: 307px;
}

.top-account-2 {
  background: url(../images/link.jpg) no-repeat;
  position: relative;
  left: 0;
  top: 0;
  border: 0;
  width: 1000px;
  height: 307px;
}

.content-account {
  position: relative;
  top: 0;
  left: 0;
  background: url(../images/t-t_1_3.jpg) repeat-y;
  width: 170px;
  height: 2100px;
}

.content-center-account {
  background: #000000;
  position: relative;
  top: -2100px;
  left: 160px;
  width: 710px;
  height: 2100px;
  border: 0;
  text-align: center;
  vertical-align: top;
}
/*--------------------------------------------------------------------*/
/*------------------------------------------------------- FORUMS  */
/*--------------------------------------------------------------------*/

.top-forums {
  background: url(../images/keys.jpg) no-repeat;
  position: relative;
  left: 0;
  top: 0;
  border: 0;
  width: 1000px;
  height: 307px;
}

.container-forums {
  position: relative;
  top: 10px;
  width: 1000px;
  height: 1300px;
  border: solid 5px #000;
  margin: 0 auto;
}

.content-center-forums {
  background: #000000;
  position: relative;
  top: -1290px;
  left: 220px;
  width: 960px;
  height: 1000px;
  border: 0;
  text-align: left;
  float: left;
  margin: 0 auto;
}

.content-forums {
  position: relative;
  top: 0;
  left: 0;
  background: url(../images/t-t_1_6.jpg) repeat-y;
  width: 1000px;
  height: 2000px;
}
/*-------------------------------------------------------------------*/
/*------------------------------------------- DOWNLOADS 3000 */
/*------------------------------------------------------------------ */

.container-downloads {
  position: relative;
  top: 0;
  width: 1000px;
  height: 2150px;
  border: solid 5px #000;
  margin: 0 auto;
}

.content-center-downloads {
  position: relative;
  top: -1600px;
  left: 160px;
  width: 610px;
  height: 1400px;
  border: 0;
  text-align: center;
  vertical-align: top;
}

.content-downloads {
  position: relative;
  top: 0;
  left: 0;
  background: url(../images/t-t_1_3.jpg) repeat-y;
  width: 1000px;
  height: 1600px;
}

.content-centerbg {
  background: #000;
  position: relative;
  top: -700px;
  left: 160px;
  width: 610px;
  height: 600px;
  border: 0;
  text-align: center;
}

.content-contact {
  background: #000;
  position: relative;
  top: -700px;
  left: 160px;
  width: 710px;
  height: 600px;
  border: 0;
  text-align: center;
}

.gamers-link {
  position: relative;
  top: 600px;
  text-align: center;
  font: bold 16px Arial, Helvetica, sans-serif;
  color: #cdcdcd;
}

form {
  margin-left: 100px;
  border: 1px solid #cccccc;
  width: 160px;
  font: bold 12px Arial, Helvetica, sans-serif;
  padding: 5px;
  margin-bottom: 10px;
}

.free {
  position: absolute;
  left: 0;
  background: url(../images/headerbg.png);
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #fff;
  width: 145px;
  height: 43px;
  text-align: center;
}

.menu {
  background: url(../images/headerbg.png);
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #fff;
  width: 145px;
  height: 43px;
  text-align: center;
}

.menu-right {
  position: absolute;
  top: 5px;
  left: 0;
  background: url(../images/headerbg.png);
  font: bold 22px Arial, Helvetica, sans-serif;
  color: #fff;
  width: 210px;
  height: 43px;
  text-align: center;
}

.rightlinks {
  position: absolute;
  top: 5px;
  left: 0;
  background: url(../images/headerbg.png);
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #fff;
  width: 210px;
  height: 43px;
  text-align: center;
}

.headertext {
  position: absolute;
  top: -35px;
  left: 0;
  background: url(../images/headerbg.png);
  font: bold 20px Arial, Helvetica, sans-serif;
  color: #fff;
  width: 100%;
  height: 43px;
  text-align: center;
}
/* ########################################## */
/* ########################################## */
/* ########################################## */

.set {
  position: relative;
  border: 1px solid #222;
  width: 500px;
  background: #343;
}

.set1 {
  position: relative;
  border: 1px solid #222;
  width: 100%;
}

.set2 {
  position: relative;
  border: 1px solid #222;
  width: 100%;
}

.set3 {
  position: relative;
  border: 1px solid #222;
  width: 100%;
}

.set4 {
  position: relative;
  border: 1px solid #222;
  width: 100%;
}

big {
  font: 24px times;
  color: #FFF;
}

.content-center-archive {
  position: relative;
  top: -900px;
  left: 160px;
  width: 810px;
  height: 900px;
  border: 0;
  text-align: left;
  vertical-align: middle;
}
/*-------------------------------------------------------------------*/
/*  -----------------------------------------------------------------------------REGISTER - */
/*------------------------------------------------------------------- */

.content-center-register {
  position: relative;
  top: -900px;
  left: 60px;
  width: 610px;
  height: 800px;
  border: 0;
  text-align: center;
}
/*-------------------------------------------------------------------*/
/*  -------------------------------------Navigation Buttons Top Set*/
/*------------------------------------------------------------------- */

.cssnav {
  position: relative;
  font-family: arial, helvetica, sans-serif;
  background: url(../images/button-btm.gif);
  background: no-repeat;
  white-space: nowrap;
  display: block;
  width: 141px;
  height: 32px;
  margin: 0;
  padding: 0;
}

.cssnav a {
  display: block;
  font-size: 14px;
  width: 141px;
  height: 32px;
  display: block;
  float: left;
  text-decoration: none;
}

.cssnav img {
  background: url(../images/button-btm.gif);
  background: no-repeat;
  width: 141px;
  height: 32px;
  border: 0;
}

.cssnav a:hover img {
  visibility: hidden;
}

.cssnav span {
  position: absolute;
  left: 0px;
  top: 5px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  width: 141px;
  height: 32px;
  text-align: center;
}
/*-------------------------------------------------------------------*/
/*  -------------------------------------Navigation Buttons Bottom Set- */
/*------------------------------------------------------------------- */

.cssnavbtm {
  position: relative;
  font-family: arial, helvetica, sans-serif;
  background: url(../images/button-btm.gif);
  background: no-repeat;
  white-space: nowrap;
  display: block;
  width: 141px;
  height: 32px;
  margin: 0;
  padding: 0;
}

.cssnavbtm a {
  display: block;
  font-size: 14px;
  width: 141px;
  height: 32px;
  display: block;
  float: left;
  text-decoration: none;
}

.cssnavbtm img {
  background: url(../images/button-btm.gif);
  background: no-repeat;
  width: 141px;
  height: 32px;
  border: 0;
}

.cssnavbtm a:hover img {
  visibility: hidden;
}

.cssnavbtm span {
  position: absolute;
  left: 0px;
  top: 5px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  width: 141px;
  height: 32px;
  text-align: center;
}
/*-------------------------------------------------------------------*/
/*  -------------------------------------Navigation Buttons Random Set-*/
/*------------------------------------------------------------------- */

.cssnavrandom {
  position: relative;
  font-family: arial, helvetica, sans-serif;
  background: url(../images/randombtndown.jpg);
  background: no-repeat;
  white-space: nowrap;
  display: block;
  width: 100px;
  height: 23px;
  margin: 0;
  padding: 0;
}

.cssnavrandom a {
  display: block;
  font-size: 14px;
  width: 100px;
  height: 23px;
  display: block;
  float: left;
  text-decoration: none;
}

.cssnavrandom img {
  background: url(../images/randombtndown.jpg);
  background: no-repeat;
  width: 100px;
  height: 23px;
  border: 0;
}

.cssnavrandom a:hover img {
  visibility: hidden;
}

.cssnavrandom span {
  position: absolute;
  left: 0px;
  top: 5px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  width: 100px;
  height: 23px;
  text-align: center;
}
/* Top DropDown Menu */

.chromestyle {
  width: 99%;
  font-weight: bold;
}

.chromestyle:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.chromestyle ul {
  border: 1px solid #000;
  width: 100%;
  background: url(../images/chromebg.gif) center center repeat-x;
  padding: 4px 0;
  margin: 0;
  text-align: center;
}

.chromestyle ul li {
  display: inline;
}

.chromestyle ul li a {
  color: #CDCDCD;
  padding: 4px 7px;
  margin: 0;
  text-decoration: none;
  border-right: 1px solid #000;
}

.chromestyle ul li a:hover {
  background: url(../images/chromebg-over.gif) center center repeat-x;
}

.chromestyle ul li a [ rel ]:after {
  content: " v";
  content: " " url(../images/downimage.gif);
}
/*-------------------------------------------------------------------*/
/*  ------------------------------------- Drop Down Menu-*/
/*------------------------------------------------------------------- */

.dropmenudiv {
  position: absolute;
  top: 0;
  border: 1px solid #000;
  border-bottom: 0;
  font: normal 12px Verdana;
  line-height: 18px;
  background: #544e4c;
  width: 200px;
  z-index: 100;
  visibility: hidden;
}

.dropmenudiv a {
  width: auto;
  display: block;
  text-indent: 3px;
  border-bottom: 1px solid #000;
  padding: 2px 0;
  text-decoration: none;
  font-weight: bold;
  color: #FFF;
}

* html .dropmenudiv a {
  width: 100%;
}

.dropmenudiv a:hover {
  background: #000;
}
/*-------------------------------------------------------------------*/
/*  -------------------------------------Drop Down Panel*/
/*------------------------------------------------------------------- */

#dropdownpanel {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  z-index: 100;
}

#dropdownpanel .contentdiv {
  background: transparent;
  color: white;
  padding: 10px;
}

#dropdownpanel .control {
  color: white;
  font-weight: bold;
  text-align: center;
  background: transparent url(../images/panel.gif) center center no-repeat;/*change panel.gif to your own if desired*/
  padding-bottom: 3px;/* 21px + 3px should equal height of "panel.gif" */
  height: 21px;/* 21px + 3 px should equal height of "panel.gif" */
  line-height: 21px;/* 21px + 3px should equal height of "panel.gif" */
}
/*-------------------------------------------------------------------*/
/*  -------------------------------------Content Fader-*/
/*------------------------------------------------------------------- */

.fadecontentwrapper {/* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
  position: relative;
  width: 550px;
  height: 200px;/* Set height to be able to contain height of largest content shown*/
  border: 1px solid #000;
  overflow: hidden;
}

.fadecontent {/*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
  position: absolute;
  background: white;
  padding: 10px;
  visibility: hidden;
  width: 530px;
}

.fadecontenttoggler {/*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
  width: 550px;
  border: 1px solid #000;
  border-top: 0;
  overflow: hidden;
}

.fadecontenttoggler a {/*style for every navigational link within toggler */
  text-decoration: none;
  border-right: 1px solid #000;
  padding: 0 6px;
  float: left;
  display: block;
  font-weight: bold;
  color: #000;
}

.fadecontenttoggler a:hover {
  font: 12px arial, helvetica, sans-serif;
  color: #FFF;
}

.fadecontenttoggler a.toc {
  color: #FFF;
  font: 12px arial, helvetica, sans-serif;
}

.fadecontenttoggler a.toc:hover {
  color: #000;
  font: 12px arial, helvetica, sans-serif;
}

.fadecontenttoggler a.prev, .fadecontenttoggler a.next {
  color: #000;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover {
  color: #000;
}

.fadecontenttoggler a.selected {
  color: #000;
}
/*-------------------------------------------------------------------*/
/*  -------------------------------------Side Menu-*/
/*------------------------------------------------------------------- */

A.ssmItems:link {
  color: #000;
  text-decoration: none;
}

A.ssmItems:hover {
  color: #000;
  text-decoration: none;
}

A.ssmItems:active {
  color: #000;
  text-decoration: none;
}

A.ssmItems:visited {
  color: #000;
  text-decoration: none;
}
/*-------------------------------------------------------------------*/
/*  -------------------------------------Extruder-*/
/*------------------------------------------------------------------- */

.wrapper {
      font-family:Arial, Helvetica, sans-serif;
      padding-top:90px;
      padding-left:50px;
    }
    .wrapper .text {
      font-family:Arial, Helvetica, sans-serif;
      padding-top:50px;
    }
    .wrapper h1 {
      font-family:Arial, Helvetica, sans-serif;
      font-size:26px;
    }
    .longText {
      margin-top:20px;
      width:600px;
      font:18px/24px Arial, Helvetica, sans-serif;
      color:gray;
    }
    span.btn {
      padding:10px;
      display:inline-block;
      cursor:pointer;
      font:12px/14px Arial, Helvetica, sans-serif;
      color:#aaa;
      background-color:#eee;
       }
    span.btn:hover {
      background-color:#000;
    }

      /*
      custom style for extruder
      */

    .extruder.left.a .flap {
      font-size:18px;
      color:white;
      top:0;
      padding:10px 0px 10px 10px;
      background:#772B14;
      width:30px;
      position:absolute;
      right:-2px;
     }

    .extruder.left.a .content {
      border-right:3px solid #772B14;
    }

    .extruder.top .optionsPanel .panelVoice a:hover {
      color:#fff;
      background: url(../extruder/elements/black_op_30.png);
      border-bottom:1px solid #000;
    }
    .extruder.top .optionsPanel .panelVoice a {
      border-bottom:1px solid #000;
    }

    .extruder.left.a .flap .flapLabel {
      background:#772B14;
    }
	
	
/* THAT'S IT */