/* CSS Document */

body{
margin:0px;
padding:0px; 
background: #000000;

}
#header{
float:right;
background: url('./images/header.jpg') no-repeat; 
width: 155px;
height: 129px;
}

#header h1{
display:none; 
}

#content{
top: 50%;
left: 50%;
width: 700px;
height: 400px;      
margin-left: -350px;
margin-top: -200px;
/*overflow: hidden;*/
position: absolute;
color: #FFFFFF;
}

#content h2, #content h3{
font-size: 18px;
margin:0px; 
color: #FFFFFF;
}
#content h3{
float: right; 
}
#content ul.homepage{
width: 285px;
height: 160px;  
padding: 0px;
margin-left:208px; 
margin-bottom: 100px;
margin-top: 100px;
list-style-type:none;
}
ul.homepage li * {   
padding:0px; 
margin:0px;

}
#content div h2 { 
margin-left: 105px;
margin-top: 55px;
font-size: 19px;
font-weight: normal;
width: 550px;
} 
#content div.icons {  
height: 80px;
width: 698px;

border: 1px solid #000000; 

}
ul.homepage li { 
float:left; 
width: 95px;
height: 80px;   
margin:0px;
}
#content .chatbox {
background: url('images/chatbox.jpg') no-repeat top left; 
}
#content .chemestry {
background: url('images/chemestry.jpg') no-repeat left top; 
}
#content .wheels {
background: url('images/wheels.jpg') no-repeat left top; 
}
#content .newspaper {
background: url('images/newspaper.jpg') no-repeat left top; 
}
#content .people {
background: url('images/people.jpg') no-repeat left top; 
}
#content .envelope {
background: url('images/envelope.jpg') no-repeat left top; 
}

#logo_hint{
width: 140px;
height: 98px;
float: right;
margin-right:35px;
margin-bottom:28px;
background: url('./images/hint.jpg') no-repeat;
top: 100%;
left: 100%;
margin-top: -126px;
margin-left: -175px;  
position: absolute;
}
#footer{
  top: 100%;       
margin-top: -46px;
float: right;      
left: 43px; 
position: absolute;
}
#footer a{
text-decoration: none;
color: #FFFFFF;
}
#footer li{
float: left;
margin-right: 24px;
}

div.quote{
margin:0px;
background: url('images/quote.jpg') no-repeat; 
width:670px !important;
width:690px;
height: 78px;
margin-top: 40px;
font-size: 17px;
padding-left: 40px;
}

div.main_text {
width:665px;
float:left;
margin-top: 55px;  
font-size: 17px;
}
#content a{
text-decoration:none;
color: #FFFFFF;
border:none; 
}


#left{
float:left;
text-align:left;
width:120px;
margin-left:100px;
list-style-type:none;
}

#left li{
 height:25px;
width:120px;
}

#right {
float:right;
text-align:right;
width:250px;
margin-right:100px;
list-style-type:none;
}

#right li {
width:250px;
 direction:rtl;
 height:25px;
 unicode-bidi: bidi-override;
}

#disorder{
list-style-type:none;
width: 650px;
}
#disorder li{
float: left;
padding-left: 10px;
padding-right:26px;
margin-top:10px;
}