@font-face {
	font-family: 'HelveticaBold';
	src: url('../font/helvetica_black_cyrillic_bold-webfont.eot');
	src: local('☺'), url('../font/helvetica_black_cyrillic_bold-webfont.woff') format('woff'), url('../font/helvetica_black_cyrillic_bold-webfont.ttf') format('truetype'), url('../font/helvetica_black_cyrillic_bold-webfont.svg#webfontSsIvHTod') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
font-family: 'Helvetica';
src: url('../font/helvetica.eot');
src: url('../font/helvetica.eot?iefix') format('eot'),
     url('../font/helvetica.woff') format('woff'),
     url('../font/helvetica.ttf') format('truetype'),
     url('../font/helvetica.svg#helvetica') format('svg');
font-weight: normal;
font-style: normal;
}

html, body {
    height: 100%;
    width: 100%;
}


body {
    background:#f4f4f4;
    color:#000;
    margin:0;
    padding:0;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'Helvetica', 'HelveticaBold', sans-serif;
	font-size-adjust: 0.48;
}


p {
    text-shadow: 0px 1px 0px #ffffff;
    margin:0;
    padding:0;
}

b {
    font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'HelveticaBold', sans-serif;
	font-size-adjust: 0.48;
}

a {
    color: #0c5ad6;
}

a:hover {
    text-decoration: underline;
}



#blog {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    background: url(../i/leftborder.png) top left no-repeat #e5e5e5;
    height: 100%;
    display: none;
}

.blog_btn {
    position: absolute;
    top: 218px;
    right: 70px;
    background: url(../i/blogicon.png) no-repeat left center;
    display: none;
    }
    .blog_btn a {
        line-height: 20px;
    }

#content { 	
	position: absolute;
	width: 420px;
	top: 50%;
	text-align: left;
	padding: 0px;
	left: 50%;
	height: 230px;
	margin-left: -220px;
	margin-top: -115px;
	}
.wrapper {
	position: absolute;
}

#content .inner-wrap {
    width: 430px;
    height: 100%;
    margin: 0 auto;
    }

#content .userpic {
    width: 100px;
    height: 100px;
    position: relative;
    perspective: 1000;        
    -o-perspective: 1000;        
    -ms-perspective: 1000;        
    -moz-perspective: 1000;        
    -webkit-perspective: 1000;
    }

    
.info {
    position: relative;
}
.line {
    left: 135px;
     position: absolute;
     top: -11px;
}

.name {
    color: #000000;
    font-size: 35px;
    font-weight: normal;
    padding: 0;
    line-height: 30px;
}

.prof1 {
    left: 136px;
    position: absolute;
    top: 60px;
}
.prof2 {
    left: 136px;
    position: absolute;
    top: 83px;
}

.prof {
    color: #000000;
    font-size: 14px;
}


.contacts {
    left: 143px;
    position: absolute;
    top: 123px;
}

.contact {
    color:#0C5AD6;
    font-size:14px;
    padding:4px 0 10px;
    position:relative;
    right:62px;
}

.photo {
    float: left;
    margin: 5px;
    margin-right: 10px;
}

span {
    padding: 0 2px 0 4px;
}

.contact span {
    display: inline-block;
    float: left;
    margin-left: 3px;
    visibility: hidden;
    }
.contact:hover span {
    visibility: visible;
}

.contact a:hover {
    text-decoration: underline;
}

.jabber {
    background:url(../i/iconsprite.png) -0px -25px no-repeat;
    bottom:3px;
    height:19px;
    position:relative;
    width:16px;
    
}

.icq {
    height:15px;
    width:16px;
    background:url(../i/iconsprite.png) -0px -55px no-repeat;
}

.mail {
    background: url(../i/iconsprite.png) -0px -0px no-repeat;
    height:12px;
    width:16px;
}

.twitter {
    height:13px;
    width:16px;
    background:url(../i/iconsprite.png) -0px -83px no-repeat;
}

a {
    font-style:normal;
    margin-left:15px;
    padding:6px 20px 4px 15px;
    text-decoration: none;
}

hr {
    border: 1px #FFF dotted;
}



.left {
         transform: translateX(50px) scaleX(0.00000001);
      -o-transform: translateX(50px) scaleX(0.00000001);
     -ms-transform: translateX(50px) scaleX(0.00000001);
    -moz-transform: translateX(50px) scaleX(0.00000001);
            transform: translateZ(-50px) rotateY(90deg) translateZ(50px); 
         -o-transform: translateZ(-50px) rotateY(90deg) translateZ(50px); 
        -ms-transform: translateZ(-50px) rotateY(90deg) translateZ(50px); 
       -moz-transform: translateZ(-50px) rotateY(90deg) translateZ(50px); 
    -webkit-transform: translateZ(-50px) rotateY(90deg) translateZ(50px); 
	}

.front, #content:hover .left {
         transform: translateX(0px);
      -o-transform: translateX(0px);
     -ms-transform: translateX(0px);
    -moz-transform: translateX(0px);
            transform: translateZ(-50px) rotateY(0deg) translateZ(50px);
         -o-transform: translateZ(-50px) rotateY(0deg) translateZ(50px);
        -ms-transform: translateZ(-50px) rotateY(0deg) translateZ(50px);
       -moz-transform: translateZ(-50px) rotateY(0deg) translateZ(50px);
    -webkit-transform: translateZ(-50px) rotateY(0deg) translateZ(50px);
	}
	#content:hover .front {
		     transform: translateX(-50px) scaleX(0.00000001);
	      -o-transform: translateX(-50px) scaleX(0.00000001);
	     -ms-transform: translateX(-50px) scaleX(0.00000001);
	    -moz-transform: translateX(-50px) scaleX(0.00000001);
	            transform: translateZ(-50px) rotateY(-90deg) translateZ(50px);
	         -o-transform: translateZ(-50px) rotateY(-90deg) translateZ(50px);
	        -ms-transform: translateZ(-50px) rotateY(-90deg) translateZ(50px);
	       -moz-transform: translateZ(-50px) rotateY(-90deg) translateZ(50px);
	    -webkit-transform: translateZ(-50px) rotateY(-90deg) translateZ(50px);
	}



.right {
         transform: translateX(-50px) scaleX(0.00000001);
      -o-transform: translateX(-50px) scaleX(0.00000001);
     -ms-transform: translateX(-50px) scaleX(0.00000001);
    -moz-transform: translateX(-50px) scaleX(0.00000001);
            transform: translateZ(-50px) rotateY(90deg) translateZ(50px);
         -o-transform: translateZ(-50px) rotateY(90deg) translateZ(50px);
        -ms-transform: translateZ(-50px) rotateY(90deg) translateZ(50px);
       -moz-transform: translateZ(-50px) rotateY(90deg) translateZ(50px);
    -webkit-transform: translateZ(-50px) rotateY(90deg) translateZ(50px);
}

.left,.front,.right {       
    position: absolute;
    top:0; 
            backface-visibility: hidden;
         -o-backface-visibility: hidden;         
        -ms-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
            transition:         transform 0.6s ease-in-out, background-color 0.6s ease-in-out;
         -o-transition:      -o-transform 0.6s ease-in-out, background-color 0.6s ease-in-out;
        -ms-transition:     -ms-transform 0.6s ease-in-out, background-color 0.6s ease-in-out;
       -moz-transition:    -moz-transform 0.6s ease-in-out, background-color 0.6s ease-in-out;
    -webkit-transition: -webkit-transform 0.6s ease-in-out, background-color 0.6s ease-in-out;
}