/* CSS Document */

html, body {
	margin:0;
	padding:0;
	background-color:#333333;
	text-align:center;
    min-height:479px;/* for good browsers*/
    min-width:794px;/* for good browsers*/
	font-family: tahoma, verdana, arial; 
}
* {margin:0px;padding:0px}

/* mac hide \*/ 
html,body{height:100%;width:100%;}
/* end hide */

body.screen{
    background-image: url("images/bb_2.gif");
    background-position: top right;
    background-repeat: no-repeat;     
}
div.screen{
    width: 100%;
    height: 100%;
    background-image: url("images/bb_1.gif");
    background-position: bottom left;
    background-repeat: no-repeat; 	
}


#centerLayer {
 position: absolute;  
 width: 400px;  
 height: 300px;  
 width: 794px;
 height: 478px;
 left: 50%; 
 top: 50%;  
 margin-left: -397px;  
 margin-top: -239px;  
}

.parent{
   position: relative;
   width: 0px;
   height: 0px;
	width: 100%;
	text-align: left;
}

#kar{
   position: absolute;
   top: 0px;
   left: 0px;
}

#kar img{
    border: 0px;
	width: 199px;
	height: 65px;

}

#divis{
   position: absolute;
   top: 0px;
   left: 220px;

}

#divis img{
    border: 0px;
	width: 5px;
	height: 65px;
}

#main{
   position: absolute;
   top: 68px;
   left: 0px;

}

#main img{
    border: 0px;
	width: 794px;
	height: 343px;
}

a.topmenu {
    font-family: tahoma, verdana, arial; 
	font-size: 12px;
	text-decoration:underline;
	color: #FFFFFF;
}

 a.topmenu:visited {
    font-family: tahoma, verdana, arial; 
	font-size: 12px;
	text-decoration:underline;
	color: #FFFFFF;
}

 a.topmenu:hover{
    font-family: tahoma, verdana, arial; 
	font-size:12px;
	ttext-decoration:underline;
	color: #FFFFFF;
}

.pages a.topmenu, .pages a.topmenu:visited, .pages a.topmenu:hover{
	 text-align: center;
	 font-size:11px;
	 font-weight: bold;
}

.pages {
     color: #FFFFFF;
	 font-size: 11px;
	 position: absolute;
	 top: 450px;
	 left: 18px;
	  font-weight: bold;
}

 .menu{
     font-size:12px;
	 color:#FFFFFF;
	 text-align:right;
	 padding-right: 5px;
	 position: absolute;
	 top: 27px;
	 left: 252px;
	 font-weight: bold;
}

.page{
    color: #EF9B35;
}

#bottom{
      position: absolute;
   top: 443px;
   left: 496px; 
   valign: top;
}

#bottom2{
      position: absolute;
   top: 443px;
   left: 596px; 
   valign: top;
   text-align: right;
}

#bottom div{
    float: left;
	valign: top;
	height: 100%;
}

#copy{
   padding-top: 9px;
   padding-right: 22px;
}

#copy2{
	 padding-top: 9px;
     padding-right: 0px;
}

#divis_bottom img{
    text-align: left;
    width: 5px;
    height: 39px;
}

#friends{
	padding-left: 22px; 
	 padding-top: 9px;
	valign: top;
	height: 100%;
}

#copy, #copy2, #friends a, #friends a:hover, #friends a:visited{
    color: #B2B2B2;
	font-size: 11px;
	font-weight: bold;
}


#content{
      	 background-color: #4C4C4C;
         height: 100%;
         width: auto;
         margin: 0px 7px 0px 17px;
 
}

#sites #content{
      	 background-color: #4C4C4C;
         height: 100%;
         width: auto;
         padding: 8px 0px 0px 9px;  		 
}

#sites #content div {
         margin: 21px 7px 0px 17px;   

}

#corp #content div {
         margin: 13px 7px 0px 43px;   

}

#corp #content div div{
		 margin-top: 0px;
		 margin-left: auto;
		 margin-right: auto;
		 float: left;
         width: 350px;
		 height: 50px !important;
         padding-bottom: 10px;
         background-image: url("images/ic_m_4.jpg");
         background-position: left 2px;
         background-repeat: no-repeat;
         padding-left: 25px; 		 

}

#contacts {
      font-size: 12px;
	   color: #B2B2B2;
	  
}

#contacts b{
    color: #FFFFFF;

}

 

.link  a, .corp #link a:hover, .link a:visited{
          color: #999999;
          font-weight: normal;
}

.link{
		  margin: 3px 0px 3px 0px; 
          display: block;		  

}

#contacts  a, #contacts a:hover, #contacts a:visited{
          color: #BEBEBE;
          font-weight: normal;
}

#corp #content div div span{
         font-weight: normal; 		 

}

#corp{
     color: #B2B2B2;
	 font-size: 12px !important;
	 font-weight: bold;
}


#logos #content img{
      
     float: left;
     width: 140px !important;
     height: 93px !important;
     margin: 0px 8px 8px 0px; 

}

#sites #content a{
    
   	 margin-left: auto;
	 margin-right: auto;
	 padding-top: 5px;
}

#sites #content img{
      
     float: left;
     width: 96px;
     height: 80px;	 
	 margin: 0px 8px 8px 0px; 
}

#l_contacts  div div{
    margin: 0px 0px 5px 0px !important;
	padding: 0px !important;
}

#l_contacts{

     width: 204px !important;
	 height: 277px;
	 float: left; 
	 margin: 0px !important;
}

#vname{
    font-size: 15px;

}

#r_contacts{
     border-color: #666666;
	 border-style: solid;
	 border-width: 0px 0px 0px 2px;
	 width: 450px;
     height: 289px;  
     float: left;
	 padding, margin: 0px;
}

#l_contacts div{
    padding: 15px 0px 0px 44px;
    margin-top: 14px;	
}

#r_contacts div{
 padding: 10px 0px 0px 30px; 
 margin-top: 8px; 

}

#r_contacts, #l_contacts{
     margin-top: 12px;
}

#logos, #sites, #corp, #contacts{
	 width: 100%;
	 height: 312px !important; 
     position: absolute;
	   top: 68px;
   left: 0px;
}

#ins_div{
   position: absolute;
   top: 8px;
   left: 36px;
   width: 100%;
}

#ins_div2{
   position: absolute;
   top: 6px;
   left: 26px;
   width: 100%;
}

#ins_div3{
   position: absolute;
   top: 6px;
   left: 16px;
   width: 100%;
}