body {
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 12px;  
	font-style: normal;  
	line-height: normal;  
	font-weight: normal;  
	font-variant: normal;
	color: rgb(0, 0, 0);
	background-color: rgb(255, 255, 255);
}



A:link { color:#6c6c6c; text-decoration:none;}
A:visited { color:#6c6c6c; text-decoration:none;}
A:active { color:#F4B82B; text-decoration:none;}
A:hover { color:#F4B82B; text-decoration:none;}


/* image map - image and all shapes*/

#mapimage {
    position: relative;
    border: 0;
    z-index: 12;
    }



/* main center div*/

#searchtheweb {
    z-index: 1;
    border: 0px solid #000;
    position: absolute;
    width: 644px;
    
    height: 374px;
    top: 100px;
    left: 50%;
    margin-left: -322px;
    background-image:url('./images/back.png');
    background-repeat: no-repeat;
    
    opacity : 0;
    MozOpacity : 0;
    KhtmlOpacity : 0;
    filter:alpha(opacity=0);
}


/*  central search field */
#searchtextfield{
    position: absolute;
    border: 0px solid #000;
    top:330px;
    right:50%;
    margin-right:-165px;
    width:auto;
    height: auto;
    text-align: center;
    z-index: 999;
}

input.info {
    background-color: #f5f5f5;
    border: 1px solid #b2b2b2;
    font:  16px Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px 1px 1px 2px;
    color: #b2b2b2;
    width:360px;
    height:26px;
    -moz-box-shadow: 2px 2px 2px;
    box-shadow: 2px 2px 2px;
    -webkit-box-shadow: 2px 2px 2px;
}

.hidden{
    visibility: hidden;
    }

#clear{
    position: absolute;
        right: 2px;
        top: 6px;
        z-index: 1000
    }



#credits{
    position: absolute;
    color: #a9a9a9;
    top:0px;
    left: 0px;
    width:98%;
    height: 98%;
    
    text-align: center;
    z-index: 1000;
    visibility: hidden;
    
    opacity : 0;
    MozOpacity : 0;
    KhtmlOpacity : 0;
    filter:alpha(opacity=0);
}





/*mouseover hidden images*/

#img1{
    position: absolute;
    border: 0px solid #000;
    top:245px;
    left:150px;
    z-index: 0;
}

#img2{
    position: absolute;
    border: 0px solid #000;
    top:219px;
    left:0px;
    z-index: 2;
}

#img3{
    position: absolute;
    border: 0px solid #000;
    top:68px;
    left:7px;
    z-index: 2;
}

#img4{
    position: absolute;
    border: 0px solid #000;
    top:68px;
    left:55px;
    z-index: 2;
}

#img5{
    position: absolute;
    border: 0px solid #000;
    top:14px;
    left:131px;
    z-index: 2;
}

#img6{
    position: absolute;
    border: 0px solid #000;
    top:0px;
    left:200px;
    z-index: 2;
}

#img7{
    position: absolute;
    border: 0px solid #000;
    top:0px;
    left:278px;
    z-index: 2;
}

#img8{
    position: absolute;
    border: 0px solid #000;
    top:46px;
    left:330px;
    z-index: 2;
}

#img9{
    position: absolute;
    border: 0px solid #000;
    top:67px;
    left:378px;
    z-index: 2;
}

#img10{
    position: absolute;
    border: 0px solid #000;
    top:67px;
    left:430px;
    z-index: 2;
}

#img11{
    position: absolute;
    border: 0px solid #000;
    top:128px;
    left:476px;
    z-index: 2;
}

#img12{
    position: absolute;
    border: 0px solid #000;
    top:214px;
    left:431px;
    z-index: 2;
}

#img13{
    position: absolute;
    border: 0px solid #000;
    top:246px;
    left:379px;
    z-index: 2;
}












/* flyover menubar */




#toolbartop {
    z-index:1000;
    font-weight:bold;
    background: #000 url('./images/logo.png') center right no-repeat;
    color:#FFF;

    position:fixed;
    bottom:auto;
    top:0;
    left:0;
    height:30px;
    width:100%;
    min-width: 700px;

    -moz-box-shadow: -2px 0px 10px #000;
    box-shadow: -2px 0px 10px #000;
    -webkit-box-shadow: -2px 0px 10px #000;
}


#xapientnet { left:0px; }
#useful { left:70px; }
#news { left:140px; }
#polit { left:210px; }
#weather { left:280px; }
#linux { left:350px; }
#copy { left:450px; cursor: pointer; cursor: hand; padding-top: 3px;  }

#toolbartop a {color: #BBBBBB; border: none 0; text-decoration: none; }
#toolbartop a:hover { color: #FFFFFF; border: none 0 }
#toolbartop img { border: none 0; }
#toolbartopMenu { float:left; list-style-type:none; font-size:10px; height:100% }
#toolbartopMenu li.entry { float:left; width:auto; margin-left:10px; }
#toolbartopMenu li.entry a.button { background-image:url('./images/menudown.png'); float:left; position: relative; display:block; width:auto; height:20px; color:#999; text-decoration:none }
#toolbartopMenu li.entry a.button:hover { color: #FFF; text-decoration: none }
#toolbartopMenu li.entry a.button span { line-height:20px; cursor: pointer; cursor: hand }
#toolbartopMenu a.button:hover span { text-decoration: none }
#toolbartopMenu .flyout, #toolbartopMenu .close,{ display: none }

#toolbartopMenu {
    margin:0;
    position:absolute;
    left:20px;
    width:500px;
    height:30px;
    overflow:visible;


    opacity : 0;
    MozOpacity : 0;
    KhtmlOpacity : 0;
    filter:alpha(opacity=0);
}

#toolbartopMenu li.entry {
    display:block;
    float:none;
    position:absolute;
    height:30px;
    margin:0;
    overflow:visible;
}

#toolbartopMenu li.entry a.button {
    float:none;
    height: 30px;
    width: 61px;
    border:none;
    background-repeat:no-repeat;
    background-position:0 15px;
}

#toolbartopMenu li.entry:hover a.button { background-position:-61px 15px; border:none; }
#toolbartopMenu li.entry a.button span { display:block; position:absolute; top:5px; width:100%; text-align:center; line-height:100%; cursor:pointer; cursor:hand }




#toolbartopMenu .flyout {
    display:block;
    visibility:hidden;
    position:absolute;
    top:30px;
    left:0;
    width:160px;
    margin-left:-8px;
    z-index:310;
    background:transparent url('./images/menu_bottom.png') bottom center no-repeat;
}

#toolbartopMenu .flyout .wrapper {
    margin:0 0 11px;
    padding: 0 0 0px;
    background:transparent url('./images/menu_body.png') 0 0 repeat-y;
}

#toolbartopMenu .entry:hover .flyout { visibility:visible; }
#toolbartopMenu .entry:hover a.button { color:#FFFFFF; }

#toolbartopMenu .flyout p {
    margin:0 0 0 5px;
    padding:10px 0 10px;
}

#toolbartopMenu .flyout em {
    display:block;
    width:100%;
    padding:0;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    color:#FFFFFF;
    text-align:center;
}

#toolbartopMenu .flyout ul {
    display:block;
    margin:0 8px;
    padding:0;
    border-top:4px solid #3B3B3B;
    list-style:none;
}

#toolbartopMenu .flyout ul ul {
    margin:0;
    border-top:none;

}

#toolbartopMenu .flyout li {
    margin:0;
    padding:0;
    border-top:1px solid #444;
}

#toolbartopMenu .flyout li a {
    display:block;
    padding:0.2em 4px 0.2em 8px;
    font-size:11px;
    font-weight:normal;
    color:#FFFFFF;
}

#toolbartopMenu .flyout ul.indent li a, #toolbartopMenu .flyout li li a { padding-left:16px;}
#toolbartopMenu .flyout ul.indent li.default a { padding-left:8px;
}

#toolbartopMenu .flyout li.default {
    min-height:4px;
    background:#3B3B3B;
    border-top-width: 0px;
    border-bottom: 0px solid #888;

}

#toolbartopMenu .flyout li.default.empty { font:0/0 monospaced;}
#toolbartopMenu .flyout li a:hover { background:#3B3B3B;}