/* CSS Document */
/*Powered by Andrew Petrushchak!!!!*/

/* Zero default margin & padding around common elements */
body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul
{
	margin: 0;
	border: 0 none #FFFFFF;
	padding: 0;
}

body
{
	
	padding:0 15px;
	color: #000000;
	line-height: 1.4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	background: url(../images/background-x.png) repeat-x  fixed    #D9FFFF;
	
	
}

a	{
		text-decoration: none;
		}

a img {
border:none;

}


a:link	{
		
		
		}
	
	a:visited	{
		color: #600;
	
		}
	
	a:hover	{
		color: #600;
		
		}
	
	a:active	{
		color: #ccc;

		}

.simple:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}
                         /* Hedings & lists  */

h2{
font-family:Geneva, Arial, Helvetica, sans-serif;
	
	font-size: large;

}



div ul  {
   list-style: none;

  }




       /* Page wrapper  */
div#page{
margin:0 auto;
min-width: 755px;
max-width: 1260px;
	
	
	


}	   
                                       /* Musthead  */
									   
			/*LOGO*/				   
 h1#logo{
 position:relative;
 
  text-indent:-9999px;
 background: url(../images/logo.jpg) no-repeat;

 
 }
  
 h1#logo a{display:block;height:165px;
 width:345px;}
 
 		                /*best*/
#bestdiv h2{

margin-top:15px;
text-indent:35px;
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;

}	
						   
#bestdiv{
position:absolute;
   top:0px;
   right:0px;
   padding:10px 0 0 0;
   background:url(../images/best.jpg) top right no-repeat;
   height:160px;
   width:60%;
   
   
   }
									  
#bestdiv ul{

 
   height:95px;
  overflow:hidden;
}	
								  
ul#best img {
 width:64px;
 height:64px;
 margin:-2px 0 0 0 ;	
 float:left;
  clear:both;

  
}

ul#best li h5{

float:left; clear:both;}
ul#best li {
  
   background: url(../images/best-item.png) no-repeat top right;
  /* border: #CCFF33 thick groove;*/
     float: left;
    text-align:center;
	font-size:xx-small;
	margin-left:40px;
	width:90px;
}

 ul#best li a{
  display:block;
  
  
  float:left;
   height:97px;
 }
 
ul#best li:hover {
 background:none;}
 
 
 
                               /*NAV*/
h2#navi{
text-indent:-9999px;



}


div#navigation{
position:absolute;
left:0;
bottom:0;
background:url(../images/nav_rep_x.png) left bottom repeat-x;
width:100%;
}

ul#nav {
position:relative;
left:0;
bottom:0;



}



ul#nav li {
	float: left;
	min-width:96px;
	height:20px;
	text-align:center;
	background:url(../images/item-nav.png) no-repeat;
	
	
	padding-left:21px;
	padding-bottom:7px;
	
}

  
  ul#nav li a{display:block;}
  
                           /*NAV MATRIX*/
  ul#nav li a:hover{ 
  background:url(../images/navihover.png) repeat-x;
}
  
  
                             /*Search*/
fieldset#search legend{display:none;}
fieldset#search{
position:absolute;
z-index:10;
   bottom:5px;
   right:10px;

}

                            /* style of musthead  */

div#musthead{
	background-color:#A2A2A2;
	position:relative;
	height:185px;
	width:100%;
	background: url(../images/musthd_rep_x.png) repeat-x ;
}

p.yo{
display:none;

}

                                       /* Maincontent  */
div#maincontent{
	position:relative;
	padding-bottom:50px;



}


div#sideleft h2,div#second_nav h2{
position:absolute;
left:44px;
top:14px;
text-align:center;
float:left;
/*border:#00FF55 medium dotted;*/

}

div#sideleft,div#second_nav{
width:160px;



}


                                      
									  
									  


									   /*SideLeft  */
div#sideleft{
position:absolute;



}

                                         /*Katalog sidemenu */


 div#menu ul li{
text-transform:none;
font-size:medium;

border-bottom:solid 1px #FFFFFF;
line-height:1;



}
div#menu ul#sidenav li a{

padding:8% 0 0 32px;
min-height:35px;




}

div#menu ul#sidenav li a:hover{
color:#FCFCFC;
background:url(../images/icons/small/click.png) no-repeat 0 50%;

}
 





                                        /*LOGIN */
div#log legend {
display:none;

}
div#log ul{padding:5px 0 0 0px;

text-transform:none;
text-align:center;
font-size:small;}

div#log #submit {
margin:0 30px ;

}
div#log #login, #password { width:120px; background:url(../images/shadow.png) no-repeat; }



      
	  
	                                      /*content*/

div#content,div#footer{

margin:0 180px;

										  
	}									  




                               /*Simple_content*/

div.information {
   
	max-width:100%;
	/*border: 2px solid #e1d4c0;*/
	text-align: center;
  background: #EBFDFF url(../images/box2info.png) bottom left repeat-x; 
}


div.cont{

text-align:center;
padding:0 10px;
clear:both;




}
div.cont img{
float:left;}







                                          /*Sideright  */
div#second_nav{
position:absolute;
top:0px;
right:0px;
text-align:left;
padding-right:15px;
}										  
										  
										/*footer*/  
				
			

#footer {


clear:left;
background:url(../images/footer.png) repeat-x;

}			
	
div#footer ul{float:left; width:100%;}										  
div#footer li {
  float: left;
  
  text-align:center;
  font-size:65.5%;
 padding:0 1em;
 
  
}




                                /*Round1*/
								
.boxx {
background:url(../images/roundy.png) repeat-y top left;
height:auto;
width:175px;
float:left;

}

.boxx ul, .boxx ol{
margin-left:13px;
width:146px;

}


 
.boxx ul li a, .boxx ol li a { display:block;padding:5px; }
 
.boxx ul li a:hover{ 
    background-color:#81ACB3;
}                                


								
.box {
width:150px;
position:relative;
margin: 0px 0 10px 0px;
}

.box:before {
background: transparent url(../images/roundtop.png) no-repeat top left;
content: "" ; 
display: block;
width:175px;
height:44px;
line-height: 0.1;
float:left;

}

 .box:after{
background: transparent url(../images/bottom.png) no-repeat bottom left;
clear: both; 
content:""; 
display: block;
width:175px;
height:18px;
line-height: 0.1;
margin-top:-12px;
}



                                /*Round2*/
.box2 {
float:left;
width:100%;
margin-top:10px;
/*max-width:400px;*/
/*border: 2px solid #e1d4c0;*/
border-bottom: 1px solid #6E8282;

background: #EEFDFF url(../images/box2.png) bottom left repeat-x; 




}




.boxx2 {

background:url(../images/box2hd.png) top left repeat-x; 
margin:0 10px 10px 10px;



}

 .boxx2 h2 {
 
 margin-bottom:5px;}


                                    /*ICONS for side menu*/
div#menu li#nav_1{
background:url(../images/icons/small/musicstore.png) no-repeat 0 50%;


}									

div#menu li#nav_2{
background:url(../images/icons/small/bussines.png) no-repeat 0 50%;


}	
									

div#menu li#nav_3{
background:url(../images/icons/small/messenger.png) no-repeat 0 50%;


}									
									
div#menu li#nav_4{
background:url(../images/icons/small/folder_desktop.png) no-repeat 0 50%;


}									
									
div#menu li#nav_5{
background:url(../images/icons/small/programming.png) no-repeat 0 50%;


}

div#menu li#nav_6{
background:url(../images/icons/small/learn.png) no-repeat 0 50%;


}

div#menu li#nav_7{
background:url(../images/icons/small/folder_games.png) no-repeat 0 50%;


}									
									
div#menu li#nav_8{
background:url(../images/icons/small/graphics.png) no-repeat 0 50%;


}									
									
div#menu li#nav_9{
background:url(../images/icons/small/home3.png) no-repeat 0 50%;


}

div#menu li#nav_10{
background:url(../images/icons/small/html.png) no-repeat 0 50%;


}

div#menu li#nav_11{
background:url(../images/icons/small/locked.png) no-repeat 0 50%;


}									
									
div#menu li#nav_12{
background:url(../images/icons/small/smserver.png) no-repeat 0 50%;


}									
									
div#menu li#nav_13{
background:url(../images/icons/small/utils.png) no-repeat 0 50%;


}

div#menu li#nav_14{
background:url(../images/icons/small/develop.png) no-repeat 0 50%;


}

#info{float:left;}


div.adsense1{margin:0 0 0 7px;
position:relative;
top:-7px;

 }



.align_center_to_left
{
position: relative;
right: 50%;
float: right;
}
.align_center_to_right
{
position: relative;
z-index: 1;
right: -50%;
}	
	
.align_center
{
position: relative;

}



div ul#topten li h4,img{float:left;font-size:xx-small; font-weight:100;margin-left:1px;       }
div ul#topten li{float:left;position:relative; }

ul#topten li span{position: absolute; left:0; top:15px; }
ul#contact{text-align:left; margin:10px; }

div#logg{padding:10px 0 5px 40px;
}