html, body{padding:0;margin: 0px;} 

html>body #header,html>body #footer{position:fixed}/* for moz/opera and others*/

body{
font-family: helvetica;
text-align: left;
font-size: 80%;
}

#header{
position: absolute;
left: 0;
top: 0;
width: 100%;
padding:10px;
text-align: center;
min-width: 620px;
z-index: 999;
height: 80px;
}

.wrap{
text-align: left;
width: 620px;
}

.wrap2{
text-align: left;
width: 800px;
}

#content{
margin: 110px 10px 100px 10px;

}

#footer{
position:absolute;
left: 0;
bottom: 0;
width: 100%;
height: 30px;
padding:10px;
text-align: center;
overflow: visible;
}


.inner{
width: 1220px;
}

#nav{
height: 268px;
width: 620px;
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 10px;
}

#nav2{
height: 260px;
width: 1220px;
overflow: visible;
margin-bottom: 10px;
}

#buttons{
float: right;
}

small{
font-size: 8pt;
}

h1{
float: left;
font-size: 18pt;
padding-right:10px;

}

h1, h2, h3{
margin: 0;
color: #fff;
}

h3{
font-weight: normal;
font-size: 10pt;
}

#metasphere{
position: absolute;
top: 50px;
height: 100%;
margin-right: 40px;
}

#bottomBar{
position: relative;
bottom: 0px;
right: 0px;
text-align: right;
}

#nav img:hover{
opacity:0.7;
filter:alpha(opacity=70)
}

#lefty{
float: left;
width:300px;
}

#righty{
float:right;
width: 300px;
}

.righty{
float:right;
}
.lefty{
float:left;
}
.single{
height: 220px;
}

.double{
height: 420px;
}

a img{
border:none;
}