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

ul{
list-style:none;
}

 
.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide
{
	display: none !important;
}
.inside
{
	padding:0;
}


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

}



div ul  {
   list-style: none;

  }

h1
{
	font-size: 220%;
}
h2
{
	font-size: 100%;
}
h3
{
	font-size: 160%;
}
h4
{
	font-size: 130%;
}
h5
{
	font-size: 100%;
}
h6
{
	font-size: 70%;
}

/* alter some HTML elements' default style
 */
a, a:link, a:visited, a:active
{
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}
code
{
	font-family: "Courier New", Courier, monospace;
}
label
{
	cursor: pointer;
}
table
{
	font-size: 100%;
}
td, th
{
	vertical-align: top;
}

/* now we craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts should not come into play at this point.
 * when defining a border, default its color to white which is probably
 * the safest thing to do.
 */

 
body
{
		/* margin instead of padding for the gutterspace around 
	 			   the layout because IE breaks the layout when 
	 			   horizontal padding is applied to the body element.
	 			   % over pixels for that horizontal gutterspace so that
	 			   it automatically goes below 20px on low-res browsers
	 			   to create more space for the content. */
	font-size: 100.1%;	/* resolve some font size issues in some layouts for
				   some browsers. (in other words, i got no clue.) */
	
		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;
		 
				   
}

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


}	



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

 
 }
  
 h1#logo a{display:block;height:165px;
 width:345px;}

#outerColumnContainer
{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	padding-left:200px;
	padding-right:200px;
}
#innerColumnContainer
{
	
	/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}
#leftColumn
{
	float: left;
	margin: 0px 0px 0 -200px;
	width: 200px;
	z-index: 4;
}
#rightColumn
{
	float: right;
	width: 200px;
	margin: 0px -200px 0 1px;
	z-index: 2;
}


p.fontsize-set
{
	text-align: center;
}
p.fontsize-set img
{
	border-width: 0;
}


/* everything below this point is related to the page's "theme" and could be
 * placed in a separate stylesheet to allow for multiple color/font scemes on
 * the layout. you should probably leave a default theme within this stylesheet
 * just to be on the safe side.	
 */
 
 

#pageWrapper
{
   
	font-size: 80%;	/* set your default font size here. */
	
		
}
div#musthead{
	background-color:#A2A2A2;
	position:relative;
	height:185px;
	width:100%;
	background: url(../images/musthd_rep_x.png) repeat-x ;
}


#footer
{
height:118px;
background:url(../images/footer.png) bottom repeat-x;
padding:0;
margin:0;
margin-left:1px;
position:relative;


}

div#bottomlnk
{

width:1000px;
margin:0 auto;
position:relative;

}

div#bottomlnk a#logos{
position:absolute;
background:url(../img/seo-labs-com-ua.png) no-repeat bottom left;
text-indent:-5000px;
display:block;
width:81px;
height:22px;
top:70px;
left:142px;
}
div#bottomlnk p{
position:absolute;
}

div#bottomlnk p#copyfoo{
top:20px;
left:5px;
width:200px;
text-align:right;
}

div#bottomlnk p#aboutfoo{
top:20px;
left:260px;
width:500px;
text-align:left;
}

div#bottomlnk p#contfoo{
top:20px;
left:800px;
width:200px;
text-align:left;
}

/******************************************************************************/
                                   /*MUSTHEAD*/
      /* 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*/
						
#newsTicker
{
   position:absolute;
   top:0px;
   right:0px;
   padding:10px 0 0 0;
   background:url(../images/best.jpg) top right no-repeat;
   height:160px;
   width:60%;
     overflow:hidden;

}

#newsScroller{
z-index:10;}

#newsScroller2
{
  position: absolute;
  position/**/: relative;
  height: 520px;

  white-space: nowrap;
  width:100%;
  color: #FFFFFF;
  font-size: 80%;
  font-family: Arial, Helvetica, sans-serif;
  overflow:hidden;

}




#newsScroller2 ul#newsScroller{
list-style:none;
  position: absolute;
  position/**/: relative;
  height: 90px;
  width:200%;
  overflow:hidden;

}


						
div#newsTicker div#newsScroller2 h2{
color:#95010E;


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

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

								  
ul#newsScroller img {
 width:64px;
 height:64px;
 margin:-2px 30px 0 0 ;	
 float:left;
 border:none;
  

  
}


ul#newsScroller li {
  
   background: url(../images/best-item.png) no-repeat top right;
   border:#bbb 2px;
     float: left;
    text-indent:10px;
	font-size:x-small;
	
	
}

 ul#newsScroller li a{
  display:block;
  width:91px;
  margin-left:35px;
  
   height:95px;
 }
 
ul#newsScroller 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;
}
  
  


                            /* 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#sideleft h2,div#sideright h2,div#second_nav h2{
position:absolute;
left:44px;
top:14px;
text-align:center;
float:left;
/*border:#00FF55 medium dotted;*/

}



                                      
									  
									  



                                         /*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%;

}
 






      
	  
	                                      /*content*/





                               /*Simple_content*/

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



div.cont img{
float:left;}







                                          /*Sideright  */
									  



div.box{
margin:0;
width:200px;

padding:0;
padding-bottom:17px;
background:url(../images/bottom.png) bottom left no-repeat;




}

.boxx ul{
margin:0;
padding:0;
margin-left:13px;
width:146px;

}

.boxx ul li{

padding:8px;
padding-left:28px;



}

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


div.box h2{
text-indent:-10px;
text-align:center;
font-family:verdana,"Times New Roman", Times, serif;

font-weight:bold;

font-size:18px;
height:28px;
color:#0e4d5b;
margin:0;

background:url(../images/roundtop.png) no-repeat;
background-position:top left;
padding-top:10px;
text-shadow: 0px 0px 4px #fff, 0 -5px 4px #058db0, 2px -10px 6px #01a6c2, -2px -15px 11px #7ce5f1, 2px -18px 18px #cafbfe;
}

div.boxx{

width:196px;
margin:0;
padding:0;
position:relative;
background:url(../images/roundy.png) repeat-y top left;
overflow:hidden;

}
div.boxx h2{

margin:0;
padding:0;
background:none;}

div.boxx ul,p{
padding:0;margin-left:10px;
}

/*        BOXES middle 2  */
div.box2{
margin:0;
float:left;
width:99%;
position:relative;

margin-top:10px;
/*max-width:400px;*/

border-bottom: 1px solid #6E8282;


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




}

div.box2 h2{
text-indent:-10px;
text-align:center;
font-family:verdana,"Times New Roman", Times, serif;
font-weight:lighter;
font-style:italic;
font-size:18px;
height:30px;
color: #000;
margin:5px;

text-shadow: 1px 1px 4px #fff;
background:url(../img/box2_hd2.gif) no-repeat;
background-position:top left;
padding-top:13px;


}

.boxx2 {
width:90%;

background:url(../images/box2hd.png) repeat-x; 
margin:10px 10px 20px 10px;
font-family: verdana; font-size: 13px; line-height: 1.5em;


}
div.boxx2 h2{
text-indent:4px;
margin:0;
padding:0;
font-family:verdana,"Times New Roman", Times, serif;
font-weight:normal;
font-size:18px;
line-height:1.4em;
color: #7c9dd3;

text-shadow: 1px 1px 2px#000;
}

div.boxx2 ul,p{
margin:5px;
margin-top:20px;
padding:0;


}


 .boxx2 h3.heder {
 background:url(../images/box2hd.png) repeat-x; 
 margin-bottom:5px;
 margin-left:10px;
 font-size:18px;
font-family:verdana,"Times New Roman", Times, serif;
 line-height:1.4em;
 text-shadow: 1px 1px 3px #000;
 }
 
 
 
 li.download {
 margin:10px;
 
 
 }
 
 p.text {
 margin-top:10px;

 
 
 }
 
 
 .boxx2 img.imgseo {
 margin:10px;
  float:left;
 
 
 
 }
 
 


                                    /*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:-4px 0 0 7px;

padding-bottom:-4px;

 }



.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;

}

h2.indep{
margin-top:10px;
padding-top:10px;
line-height:20xp;
font-size:16px;

clear:left;}


div#logg p{
margin-left:35px;}

/*Catalog style*/

.img-wrapper {
float:left;
margin:5px;

    height:160px;
  border: 3px solid #ccc;

width:160px;
overflow:hidden;

	position:relative;
}


 
.img-wrapper img {
  background-color: #fff;
  border:0;


	position:absolute;
	

}


div.img-wrapper a.stickai img.right {

right:0;

}

a.stickai:hover img{
opacity: 0.65;
	filter: alpha(opacity=50);
}

div.sticka{
background: url(../img/shadow.gif) no-repeat right bottom;
padding:0 14px 13px 10px;
margin:10px;
margin-right:25px;
margin-bottom:30px;

margin-top:0;
float: left;


}

a.stickai{
display:block;

}

div.sticka h2{
margin:0;

margin-bottom:5px;
padding:0;
text-decoration:none;
width:160px;}

div.sticka h2 a.beytt{

text-align:left;
font-family:tahoma,verdana,"Times New Roman", Times, serif;
font-weight:lighter;
font-style:italic;
font-size:20px;
line-height:20px;



text-decoration:none;
margin:0;
color:#323232;
padding-bottom:4px;
	margin:0px;}


img.ico_png{
position:absolute;
left:-16px;
top:8px;
width:32px;
height:32px;

}


div.box2 div.progi{
height:300px;
overflow: scroll;


}


ul#ralated li a stong.bbeyt{
display:block;

height:64px;
line-height:64px;
border:red 1px solid;

}

/*end catalog*/