html, body{
margin: 0px;
padding: 0px;
border: 0px;
overflow: hidden;
height: 100%; 
max-height: 100%; 
width: 100%; 
max-width: 100%; 
color:#FFFFFF;
background:#222222;


        scrollbar-track-color: #333333;
        scrollbar-arrow-color: #000000;
        scrollbar-base-color: #666666;
        scrollbar-darkshadow-color: #333333;
        scrollbar-face-color: #444444;
        scrollbar-highlight-color: #333333;
        scrollbar-shadow-color: #000000;
}

* html body { /*IE6 hack*/
padding-top: 0px;
padding-bottom:0px;
padding-left:0;
padding-right:0; 
}

html,body,td, .td, .input
{
color:#999999;
font-family:verdana,sans-serif;
font-size:10px;

}

.input
{
color:#333333;
}


a:link {color:#999999}
a:visited {color:#999999}
a:hover {color:#999999}
a:active {color:#999999}
a:link {color:#999999}

.menu {  text-decoration: none; color: #666666; }
a.menu:link {  text-decoration: none; color: #666666; }
a.menu:visited {  text-decoration: none; color: #666666; }
a.menu:hover {  text-decoration: none; color: #FFFFFF; }
a.menu:active {  text-decoration: none; color: #FFFFFF; }

.menu_selected {  text-decoration: none; color: #AAAAAA; }


#bottom_container
{
  position: absolute;
  top: auto;
  height: 55%;
  width:100%;
  bottom: 0px;
  margin:0px;
  margin-top:160px;
  text-align:right;
}

#bottom_inner{
position:relative;
top: 50%;
margin-top:-125px;
}


#maincontent_container{
position: absolute; 
top: 65%; 
height:440px;   /*250 for images + 20 for scrollbar + 50 for copyright+100 for menu*/
margin-top:-280px; /* 220px-30px- 10px additional */
overflow: none; 
width:100%;
}

#maincontent_inner{
margin: 0 25px 0 25px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

.innertube_container{
width:100%;
height:300px;   /*250 for images + 20 for scrollbar + 50 for copyright+100 for menu*/
overflow: auto;
margin-top:30px;
}

.innertube{
height:280px;   /*250 for images + 20 for scrollbar + 50 for copyright+100 for menu*/
overflow: none;
}

div#menu_container
{
  position: absolute; 
  float: left;
  width:100%;
  height:65px;
  float:left;
  margin:0px;
}	


div#menu_inner
{
  margin: 40px 25px 0px 25px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background:#000000;
height:20px;
line-height:20px;
font-weight:bold;
}



* html #maincontent_container,#bottom_container { /*IE6 hack*/
width: expression(parseInt(document.body.offsetWidth)); 
}



.grad img {
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
}

.intro img {
  height: 500px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 827px;
  z-index: 0;
  margin-left:-414px;
  margin-top:-250px;
}