html, body, #oFIXED {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	border: none;

}


  
body {
	background: #fff;
font-size: 11px;
font-family: 'Georgia', 'Arial', "Tahoma", lucida, sans-serif;

font-style: normal; 

font-style: italic; 


}

#oFIXED {

	position: fixed;
	top: 0;
	left: 0;
	z-index: 80;
	width: 100%;
	height: 100%;

}

a:link {
text-decoration: none;

}

a:visited {
text-decoration: none;

}
a:hover {
text-decoration: none;

}

a
{
  outline: none;
}

* :focus { outline: 0; }

:focus
{
  -moz-outline-style: none;
}





  div.loading-invisible{
  
    display:none;

  }

 
  div.loading-visible {

 display:block;
    position:absolute;
    top: 0;
    right: 0;
    width: 40px;
height: 4px;     
border: 5px solid #000;        
background:url('../src/loading.gif') no-repeat;
 

   
  }






#refs {margin: 0 0 0 -456px;width:920px;position:absolute;left:50%;top:6%;
z-index: 1; text-align: center;padding-bottom:60px }

#refs img {margin: 0; padding: 0; display: block; margin: 0 auto 0 auto; z-index: 1;float:left; border:0px red solid}
#refs a {margin: 0 auto 0 auto; display: block; width: 700px; position: relative; }

a#hplink:link, a#hplink:visited, a#hplink:hover {display: block; position: absolute; right: 80px; top: 50%; margin: -55px 0 0 0; width: 97px; height: 97px; 
background:url('../src/hplink.png') no-repeat;   color: #fff; _background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../src/hplink.png', sizingMethod='image');
cursor: pointer; z-index: 99; font-size: 9px;
}

a#hplink:link span, a#hplink:visited span, a#hplink:hover span {display: block; text-align: center;
margin: 25px 0 0 -1px;
}




.introtxt {position: absolute; top: 80px; left: 364px; padding-top: 15px}
.introtxt2 {position: absolute; top: 80px; left: 463px; padding-top: 15px}

#info, #infou {width:100%; height: 27px; position:absolute; bottom: 0px; text-align: left;  padding: 9px 13px 0 10px;   } 

#infou {opacity: .9;
filter:alpha(opacity=90);
 }

#info .ilabel {display: block; float: left; color: #777; padding: 4px 3px 3px 6px; font-size: 9px;
}

#info .itxt {display: block; float: left; color: #000; padding: 2px 5px 3px 9px;margin: 0 30px 0 0}


#info .itxt#slogo {background:url('../src/s.png') no-repeat; padding-left: 25px; margin-left: 10px; 
	_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='src/s.png', sizingMethod='image'); 
}

.itxtr {position: absolute; right: 3px }


a.logox:link, a.logox:visited, a.logox:hover {position: absolute; width: 88px; height: 31px; display: block;

background: url('../src/logob.png') no-repeat; _background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='src/logob.png', sizingMethod='image');


left:  40px; top: 55px; z-index: 99; margin: 0; border: 0px red solid

}








a.logo:link, a.logo:visited, a.logo:hover {position: absolute; width: 70px; height: 150px; display: block;

background: url('../refs/symbiopfarr.png') no-repeat; _background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='refs/symbiopfarr.png', sizingMethod='image');


left: 0px;  z-index: 95;  border: 0px red solid;
margin-top: -104px;

}


.projectsl {display: block; left: 0px; top: 50%; 
	position: absolute; z-index: 97; border: 0px red solid; margin-top: -125px; height:10px}


#h_slidein2 {width: 61px; height:150px; top: 35px; left: 0px;position:relative;border: 0px blue solid}





#hp { opacity: 1; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);
color: #fff;
font-size: 9px; width: 120px; left: 39px; top: 89px; height: 20px; background-position: 64px -4px;}


.right a:link, .right a:visited, .right a:hover {color: #777; position: absolute; left: 98px; top: 85px;   display: block;  width: 40px; height: 30px; margin: 0; z-index:99;
background: url('../src/2rightb.gif') no-repeat;  background-position: 7px 1px;

cursor: pointer; z-index:99; border: 0px solid red; 
 opacity: .3;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
	filter: alpha(opacity=30); margin-top: 14px;					
}


.right a:hover {opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);

}




.left a:link, .left a:visited, .left a:hover  {color: #777; position: absolute; left: 34px;  top: 85px; display: block;  width: 30px; height: 30px;
background: url('../src/2leftb.gif') no-repeat; background-position: 2px 1px; 

cursor: pointer; z-index:99; border: 0px solid red;  opacity: .3;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
	filter: alpha(opacity=30);					
margin-top: 14px;
}

.left a:hover {opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);}


#where  {color: #fff; position: absolute; left:61px;  top: 85px; display: block;  width: 40px; height: 12px; z-index:99; font-size: 9px; text-align: center;  border: 0px red solid;  margin-top: 19px; 


}
#where a:link, #where a:visited, #where a:hover {color: #000; 
}
#where a:hover {color: #777;}






#horizontal_slide, #horizontal_slidein {
 color: #fff;  


	position: absolute;
	top: 50%;
	left: 0;
	z-index: 99;
background: transparent;
	width: 2000px;
	height: 179px;

}




#horizontal_slidein {
background: #f35100; z-index: 99;
margin-top: -185px;  border: 0px red solid;
}




#projects, #prhp {width: 1660px; display: block; height: 192px; left: 0px; top: 0px; margin: 0 0 0 0; position: absolute;
z-index: 99; 
border: 0px solid yellow;

}



#projects p, #prhp p {margin: 3px 0 0 0px;  z-index: 5; 
}


#projects p a:link, #projects p a:visited, #projects p a:hover {color: #f7af89; position: relative;  z-index: 5;  padding:0px 10px 0px 9px; font-size: 9px; 

}
  #projects p a.act:link, #projects p a.act:visited {color: #fff; position: relative;  z-index: 5;  padding:0px 10px 0px 9px; font-size: 9px;  

}


#projects p a:hover, #prhp p a:hover, #projects p a.act:hover {color: #000; background: #fff;  z-index: 6;}

.col {display: block;width: 170px; float: left; border: 0px solid red; margin-top: 10px}

.col#about {margin-left: -10px;width: 180px; border: 0px solid red}


h1, h2 {font-size: 11px; position:relative; left: 9px; font-weight: normal; width: 200px;
color: #fff; clear: left; height: 55px; padding: 0; margin: 0 0 5px 0;

border: 0px solid red;


}
h2 {background: none; height: 38px; margin: 0px 0 0 0;

border: 0px solid red}

h1 {margin-bottom: 20px;}
	

h1 span {position: absolute; line-height: 1.4 }




h2 span, h1 span {position: relative; color: #fff; top: 15px;    }





#prlist2 {left: 370px;}


.dblok {  height: 100%; background: #fff;}





#iprj {left:37px; bottom: -37px; height: 28px; width: 58px;
	position: absolute; font-size: 9px;}

.dblok {
z-index: 99;}






.PrevOverlay a, .PrevOverlay a:link, .PrevOverlay a:hover, .PrevOverlay a:visited  {
	position: absolute;
	z-index: 97;
	display: block;
color: #000;
left: 0px; height: 100%; width: 50%;
	background: url('../src/2lefta.png') no-repeat; _background: url('../src/2left.gif') no-repeat;

background-position: -5000px -5000px;  


	
	margin-left: 0px;


	


	}
.PrevOverlay a:hover{
background-position:  50px 50%;
_background-position: 100px 50%;
}


.NextOverlay a, .NextOverlay a:link,  .NextOverlay a:hover, .NextOverlay a:visited  {
	position: absolute;
	z-index: 97;
	display: block;
color: #000;
right: 0px; height: 100%; width: 55%;
	background: url('../src/2righta.png') no-repeat; _background: url('../src/2right.gif') no-repeat;
background-position: -5000px -5000px; 
	
	margin-right: 0px;

_right: 25px; 


		


	}

 .NextOverlay a:hover {
	background-position: 80% 48%;
_background-position: 80% 50%;
	 }



.sracka {background: red}