@charset "UTF-8";
/* CSS Document */

body { 
	background-color:#CCCCCC;
	margin:0px;
	padding:0px;
	background-image:url(images/patern/patern20.gif);
}

.patern{
	
}

body div.patern{
	
}	

#main{
	position:absolute;
	width:100%;
	height:100%;
}

#preloadImg{
	background:url(images/menu/menu_1_r.gif);
	background:url(images/menu/menu_2_r.gif);
	background:url(images/menu/menu_3_r.gif);
	background:url(images/menu/menu_4_r.gif);
	background:url(images/buttons/info_r.gif);
	background:url(images/buttons/blog_r.gif);
	background:url(images/buttons/contact_r.gif);
	background:url(images/buttons/defolt.gif);
	background:none;
	height:0px;
	width:0px;
	overflow:hidden;
	clip:(0,0,0,0);
	float:left;
}

/*----------------------------------------------------------------------Right bar*/

.logo_box {
	float:right;
	width:300px;
	height:25%;
	text-align:center;
	}
	
#logo {
	width:250px;
	height:171px;
	position: relative;
	background:url(images/logo/antistereotip75.png);
	top:10%;
	left:10%;
	}
	
#right_bar{
	background:none;	
	height:100%;
	float:right;
	z-index:0;
	width: 300px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background:#660000 url(images/patern/patern21.gif);
}

/*-------------------------->Opera hack<--------------------------*/
/*@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
  
  }}*/

/*-------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------Top bar*/	
	
.top {
	background:none;
	height:25%;
	width:100%;
	z-index:10;
	clear: both;
}
/*-------------------------------------------------------------------------------*/	
/*---------------------------------------------------------------------Middle bar*/ 

.midle {
	height:350px;
	background-color:#999999;
	padding:10px 0px 10px 0px;
	text-align: left;
	width:100%;
	z-index:10;
	clear: both;
}
	
.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	height:336px;
	text-align:left;
	width:auto;
	border:7px solid #CCCCCC;
	border-left-style:none;
	border-left-width:0px;
	border-right-style:none;
	border-right-width:0px;
	background: #660000 url(images/patern/content_texture.gif) no-repeat right bottom;
}

#contenter{
	height:336px;
}

#contenter p{
	margin:0.5em 0px 0.5em 0px;
	font-size: 12px;
}
	
.hedline{
	margin: 0px 0px 0px 0px;
	color:#CCCCCC;
	font-size: 32px;
	line-height: 22px;	
	width:600px;
}

.img_block{
	overflow:hidden;
	width:56%;
	height:auto;
	padding:21px 0px 21px 2px;
}
/*-------------------------->Opera hack<--------------------------*/
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
.img_block{
	width:56%;	
	padding-bottom:0px;
}

#logo {
	position: relative;
	top:-5%;
	}
 
  }
	
img.content {
	float:left;
	height: 43px;
	width:70px; 
	margin:0em 14px 1em 0px; 
	padding:0px 0px 0px 0px;
	border-color:#FFFFFF;
	border-width:2px; 
	border-style:solid;
}

.text_frame{
	border:none;
	height:100%;
	width:55%;
	margin-top:0px;
	margin-bottom:0px;
	background:none;
	}


#contenter div.img_block div h3 {
	margin: 0px 0px 21px 0px;
}

#contenter div.img_block div {
	font-size: 12px;
	width:41em;
} 

/*------------------------------Menu------------------------*/	
.button {
	width:250px;
	height:20px;
	margin:0px;
	padding:0px;
	position:relative;
	display: block;
	cursor:pointer;
	}


	
.menu {
	vertical-align:top;
	width:330px;
	height:350px;
	background-image:url(images/lampa/lampa_350_2.png);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#999999;
	border:none;
	padding:0px;
	margin:0px;
	float:left;
	}
	
ul.menu li {
	padding: 0px;
	margin: 0px 0px 14px 0px;
	display: block;
}

#p_0 {
	left:-36px;
	background:url(images/menu/menu_1.gif); 
	}
	
#p_1 {
	left:-82px;
	background:url(images/menu/menu_2.gif); 
	}
	
#p_2 { 
	left:-128px;
	background:url(images/menu/menu_3.gif); 
	}
	
#p_3 {
	left:-174px; 
	background:url(images/menu/menu_4.gif); 
	}
/*----------hover--------------*/
#p_0:hover {
	background:url(images/menu/menu_1_r.gif); 
	}
	
#p_1:hover {
	background:url(images/menu/menu_2_r.gif); 
	}
	
#p_2:hover { 
	background:url(images/menu/menu_3_r.gif); 
	}
	
#p_3:hover {
	background:url(images/menu/menu_4_r.gif); 
	}	
/*-----------------------------------------------------------------------------*/ 
/*--------------------------------------------------------------------Bottom bar*/	

.bottom {
	width:100%;
	height:136px;
	z-index: 10;
	clear: both;
}
	
.info_box {
	float: right;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	overflow:hidden;
	background:#660000 url(images/patern/patern21.gif);
	display:block;
	width:300px;
	height:227px;
	clear: both;
}	
		
.info_box li{ 
	overflow:hidden;
	display:block;
	margin:0px 0px 14px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	}			

.info_box li a{ 
	opacity: 1;
	height:20px;
	width:170px;
	display:block;
	position:relative;
	margin:0px 0px 0px 0px;
	}			
/*---------------------------------Info_box---------------*/
#Contact {
	background: url(images/buttons/contact.gif) left top;
	right:0px;
}

#About {
	background:url(images/buttons/info.gif) left top;
	right:-25px;
}

#Lj {
	background:url(images/buttons/blog.gif) left top;
	right:-50px;
}

#defolt {
	background:url(images/buttons/defolt.gif) left top;
	right:-75px;
}

#behance {
	opacity:0.5;
	width:152px;
	hight:58px;
	display:block;
	}
	
#behance:hover {
	opacity:1;
	}
	
#behance a{
	height:58px;
	display:block;
	}

/*---------------------hover----------------*/
#Contact:hover {
	background:url(images/buttons/contact_r.gif) left top;
}

#About:hover {
	background:url(images/buttons/info_r.gif) left top;
}

#Lj:hover {
	background:url(images/buttons/blog_r.gif) left top;
}

#defolt {
	background:url(images/buttons/defolt.gif) left top;
}
/*------------------------------------------*/
.counter {
	opacity:1;
	height:136px;
	}

/*-----------------------------------------------------------------------------*/