* { margin:0; padding:0; border:0; list-style: none;}
html, body {font-family: Arial, Geneva; color:#eeeeee; background-color:#333333; font-size: 12px;}
a  {color: #00aedb; text-decoration: none; cursor: pointer}
a:hover {color:#00cbff;}
a.active  {color:#eeeeee; text-decoration: none; cursor: pointer}
a.active:hover {color:#eeeeee;}
ul.drawers {color: #eeeeee; cursor: pointer}
h2 { font-size: 14px; font-weight:normal;}
.drawer li { padding-left: 10px;}
.smallscreens {position:relative; width:981px; height:686px; z-index:1; background-color:#FFCC33; left:0; top:0;}
#focus        
{
position: relative;
width: 961px;
height: 666px;
padding:100px 50px 50px 50px;
}
#maincontent    
{
position: absolute;
left:50%;
top:50%;
}
#left    
{
position: absolute;
margin-left: -480px;
left: 50%;
top: -270px;
width: 240px;
height:540px;
visibility: visible;
background-color: #222222;
background-image:url(../files/images/coner.gif);
background-position:bottom right;
background-repeat:no-repeat;
text-align: left;
display: block
}
.leftcontainer    
{
width: 200px;
height:500px;
padding: 20px;
overflow:hidden;
text-align: left;
display: block
}
#center    
{
position: absolute;
top: -270px;
margin-left: -220px;
left: 50%;
width: 140px;
height:540px;
text-align:center;
background-color: #222222;
background-image:url(../files/images/coner.gif);
background-position:bottom right;
background-repeat:no-repeat;
visibility: visible;
display: block
}
.centercontainer    
{
position: absolute;
left:0;
top: 20px;
width: 140px;
height: 500px;
overflow:hidden;
display: block
}
#vslider
{
text-align:center;
position: absolute;
left:0;
line-height: 0px;
width: 140px;
display: block
}
#vslider img { width:100px; height:100px; border:none; margin-left:20px; margin-right:20px;}
#right    
{
position: absolute;
margin-left: -60px;
top: -270px;
left: 50%;
width: 540px;
height:540px;
background-color: #222222;
background-image:url(../files/images/coner.gif);
background-position:bottom right;
background-repeat:no-repeat;
text-align: left;
visibility: visible;
display: block
}
#top    
{
position: absolute;
margin-left: -460px;
top: -345px;
left: 50%;
width: 62px;
height:53px;
background-image:url(../files/images/logo.gif);
background-position:center;
background-repeat:no-repeat;
visibility: visible;
display: block
}
#bottom    
{
position: absolute;
margin-left: -460px;
top: 290px;
left: 50%;
width: 800px;
height: auto;
text-align: left;
visibility: visible;
display: block
}
#movtop {
display: block;
height: 20px;
width: 20px;
position: absolute;
left: 60px;
top: 0;
text-indent: -9000em;
background-image: url("/files/images/aru.gif");
background-position:center;
background-repeat:no-repeat;
cursor: pointer
}
#movbot {
display: block;
height: 20px;
width: 20px;
position: absolute;
left: 60px;
bottom: 0;
text-indent: -9000em;
background-image: url("/files/images/ard.gif");
background-position:center;
background-repeat:no-repeat;
cursor: pointer
}