body 
{
position: relative;
background: black;
height: auto;
margin: 0;
padding: 0;
}

#menu-tabs 
{
position: absolute;
display: inline;
top: 120px;
left: 0px;
right: 0px;
clear:left;
padding:0;
background: #fff;
border-bottom:0px solid #000;
width:100%;
min-width: 800px;
border-top:1px solid #000;
overflow:hidden;
font-family:Verdana, sans-serif;
font-size: 12pt;
padding-right: 0px;
z-index: 1200;
}

#menu-tabs ul 
{
float:left;
margin:0;
padding:0;
list-style:none;
position:relative;
left:50%;
text-align:center;
}

#menu-tabs ul li 
{
display:block;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
right:50%;
background-color: #fff;
}

#menu-tabs ul li.first 
{
border-left:1px hidden #FFF;
}

#menu-tabs ul li.last 
{
border-right:1px hidden #FFF;
}

#menu-tabs ul li a 
{
display:block;
float:left;
margin:0;
padding:10px 10px 6px 10px;
border-left:1px hidden #fff;
border-right:1px hidden #fff;
text-decoration:none;
color:#660;
font-size:.8em;
font-weight:bold;
text-transform:uppercase;
line-height:1em;
}

#menu-tabs ul li a:hover 
{
color:#000;
background-color:#F30;
border-left:1px hidden #000;
border-right:1px hidden #000;
padding-top:9px;
padding-bottom:6px;
}

#menu-tabs ul li.active a,
#menu-tabs ul li.active a:hover 
{
color:#fff;
background:#000;
border-left:1px hidden #000;
border-right:1px hidden #000;
padding-top:12px;
padding-bottom:8px;
}

#menu-tabs ul li a span 
{
display: none;
}

#menu-tabs ul li a:hover span 
{
display: inline;
position: absolute;
width: 70px;
height: 20px;
padding: 0px;
margin: 0px; 
z-index: 500;
color: #CCC; 
background: #000; 
opacity: 1;
font: 9pt Arial, sans-serif; 
text-align: left;
}

#links 
{
position: absolute; 
top: 160px; 
left: 0; 
width: 166px; 
height: 700px; 
font: 16px Verdana, sans-serif; 
z-index: 100;
}

#links a 
{
display: block; 
text-align: center; 
font: bold 1em sans-serif; 
padding: 5px 10px; 
margin: 0 0 1px; 
border-width: 0; 
text-decoration: none; 
color: #FFC; 
background: #444;
border-right: 5px solid #505050;
}

#links a:hover 
{
color: #411; 
background: #AAA;
border-right: 5px double black;
}

#links a img 
{
height: 0; 
width: 0; 
border-width: 0;
}

#links a:hover img 
{
position: absolute; 
top: -160px; 
left: 0px; 
height: 160px; 
width: 166px;
}

#links a span 
{
display: none;
}

#links a:hover span 
{
display: inline;
position: absolute;
top: 207pt; 
left: 0px; 
width: 166px;
height: 160px;
padding: 0px;
margin: 0px; 
z-index: 100;
color: #CCC; 
background: #000; 
opacity: 1;
font: 20pt Arial, sans-serif; 
text-align: left;
}

#banner
{
display: block;
position: absolute;
top: 0px;
left: 10%;
right: 5%;
height: 150px;
width: 1000px;
font-family: geneva, sans-serif;
color:#000;
background: #fff;
vertical-align: top;
text-align: center;
border: 0px solid #000;
z-index: 600;
}

#bannerback
{
display: inline;
position: absolute;
top: 0px;
left: 0px;
right: 0%;
height: 150px;
width: 1000px;
font-family: geneva, sans-serif;
font-size: 24pt;
vertical-align: center;
text-align: center;
border: 0px;
background-color: #fff;
color: #000;
z-index: -400;
}

#logo
{
display: inline;
position: absolute;
top: 0px;
left: 0%;
right: 0%;
background: hidden;
z-index: 752;
}

#logo2
{
display: inline;
position: absolute;
top: 4px;
left: 3px;
right: 0%;
background: hidden;
font color: #000;
z-index: 750;
}

#subtitle
{
display: inline;
position: absolute;
top: 90px;
left: 20%;
right: 22%;
background: hidden;
font color: #FFF;
font-size: 18pt;
vertical-align: bottom;
text-align: center;
z-index: 750;
}

#construct
{
display: inline;
position: absolute;
top: -20px;
right: 10%;
left: 10%;
height: 50px;
background: hidden;
z-index: 500;
}

#bar
{
display: inline;
position: relative; 
float: left;
top: 0px; 
left: 0px; 
width: 166px; 
height: 700px; 
background: #000;
font: 16pt arial, sans-serif; 
z-index: 10;
}

#icon
{
display: inline;
position: absolute;
top: 0px;
left: 0px;
height: 166px;
width: 166px;
overflow: hidden;
z-index: 15;
}

#main
{
display: block;
position: absolute;
top: 165px;
left: 10%;
right: 5%;
height: 600px;
width: 1000px;
font-size: 24pt;
vertical-align: center;
text-align: center;
border: 1px;
color: #000;
background-color: #fff;
}

#main-content
{
display: inline;
position: absolute;
float: both;
top: 1px;
left: 17%;
right: 1%;
height: 600px;
width: auto;
font-size: 24pt;
vertical-align: center;
text-align: left;
border: 1px;
color: #000;
background-color: #fff;
}


#content 
{
position: absolute; 
top: 26px; 
left: 161px; 
right: 25px;
color: #BAA; 
background: #22232F; 
font: 13px Verdana, sans-serif; 
padding: 10px; 
border: solid 5px #444;
}

#content p 
{
margin: 0 1em 1em;
}

#content h3 
{
margin-bottom: 0.25em;
}

h1 
{
margin: -9px -9px 0.5em; 
padding: 15px 0 5px; 
text-align: center; 
background: #333; 
color: #667; 
letter-spacing: 0.5em; 
text-transform: lowercase; 
font: bold 25px sans-serif; 
height: 28px; 
vertical-align: middle; 
white-space: nowrap;
}

h2
{
margin-top: 5px;
text-transform: uppercase; 
font: bold 50pt verdana sans-serif; 
color: #F30; 
letter-spacing: 0.2em; 
vertical-align: top; 
text-align: middle;
white-space: nowrap;
z-index: 1010;
}
h5
{
margin-top: 5px;
text-transform: uppercase; 
font: bold 50pt verdana sans-serif; 
color: #000; 
letter-spacing: 0.2em; 
vertical-align: top; 
text-align: middle;
white-space: nowrap;
z-index: 1000;
}

dt 
{
font-weight: bold;
}

dd 
{
margin-bottom: 0.66em;
}

#content a:link 
{
color: white;
}

#content a:visited 
{
color: #BBC;
}

#content a:link:hover 
{
color: #FF0;
}

#content a:visited:hover 
{
color: #CC0;
}

code, pre 
{
color: #EDC; 
font: 110% monospace;
}