@charset "utf-8";

/* globals */

body {margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; background:#373737 url(../images/home/bg_body.jpg) top center repeat-y; color: #d2d2d1; font-size: 12px; line-height: 16px;}
ul { margin: 0; padding: 0; list-style-type: none; }
img { border: 0;}
a, a:link, a:visited {display:block; outline:none; text-decoration:none; cursor:pointer;	color: #d2d2d1;}
a:hover {color: #ffc02a;}
p {margin:0; padding: 0;}
.clr { clear: both; font-size: 0; line-height: 0; height: 0; }
h1,h2,h3,h4,h5,h6 {padding:0; margin:0;}

/* layout*/

.wrapper {
	margin:0 auto;
	width:880px;
	background: #555555 url(../images/home/wrapper.jpg) top center repeat-y;
}

.wrapper1 {
	margin:0 auto;
	background: url(../images/home/bgr.jpg) top center no-repeat;
}

h1{
	display:block;
	height: 68px;
}

h2 {
	padding: 15px 0 0 20px;
	height: 35px;
	font-size: 18px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-weight: none;
}


.fixed1 h3{ 
	font-size: 14px;
	display:block;
	padding: 0 0 0 10px;
	line-height: 28px;
	height: 29px;
	background: transparent url(../images/home/background.jpg) top left no-repeat;
}

.fixed2 h3{ 
	font-size: 14px;
	text-indent: 10px;
	display: block;
	margin: 10px 0 0 0;
	line-height: 28px;
	height: 29px;	
	background: transparent url(../images/home/background2.jpg) top left no-repeat;
}

.fixed2 h4{ 
	text-indent: 10px;
	display: block;
	padding: 12px 0 0 0;
	height: 29px;
	font-size: 13px;
}

ul li {
	float: left;
}

.fixed1 {
	width:440px;
	float:left;
}

.fixed2 {
	width:440px;
	float:left;
}



.content {
	width: 425 px;
	height: 1500 px;
}

.content1, .content2 {
	padding: 0 0 15px 15px;
}


.contakt {
	margin: 5px 0 5px 10px;
}

.web{
	display: block;
	width: 383px;
	height: 50px;
	margin: 10px 0 0 10px;
}

.up_arrow{
	float: left;
	width: 383px;
	height: 50px;
	margin: 10px 0 0 10px;
	}
		
.up {
float:right;
margin: 10px 10px 0 0;
}

.hidden {
height: 0;
width: 0;
line-height: 0;
margin: 0;
padding: 0;
}


.banner{
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin: 10px 3px 0 5px;
}

.print{
	display: block;
	height: 50px;
	margin: 10px 3px 0 5px;
}

.drawing{
	margin: 5px 5px 0 5px;
}
a.box {
float:left;
margin: 5px 0 0 0;
width: 330px;
background: transparent url(../images/home/box_down.jpg) bottom center no-repeat;
}

.drawing a, .drawing a:link , .drawing a:visited , .drawing a:hover  {
	margin: 5px 5px 0 0;
	float:left;
}

.devart{
width:150px;
height: 36px;
}

.devart img{
width:150px;
height: 36px;
}

a.box span {
	display: block;
	width: 316px;
	padding: 7px;
	min-height: 34px;
	background: transparent url(../images/home/box_up.jpg) top center no-repeat;
}

.cv_box {	
	display: block;
	width: 385px;
	margin: 7px 0 0 15px;	
	background: transparent url(../images/home/cv_box_down.jpg) bottom center no-repeat;

}

.cv_box_up{
	display: block;
	width: 371px;
	padding: 7px;
	background: transparent url(../images/home/cv_box_up.jpg) top center no-repeat;
}

.date{
	float: left;
	width: 80px;
	font-size: 18px;
	color: #c7c7c7;
	font-family: Century Gothic, Helvetica, sans-serif;
	font-weight: bold;
}
	
.date span{
	font-size: 12px;

}
	
.cv_text {
	float:left;
	width: 282px;
}

.name{
color: #ffc02a;
}


.idea2{
	height: 400px;
}

.idea3{
	height: 600px;
}

.animated{
	height: 400px;
}

.animated2{
	height: 150px;
}

.static {
	height: 220px;
}

.logo {
	height: 150px;
}

div.content2 p{
	margin: 10px 0 0 5px;
}

.menu-portfolio {
	margin: 0 0 0 20px;
	display: block;
	height: 132px;
	width: 390px;
}

.menu-portfolio ul {
	display: block;
	height: 132px;
	width: 390px;}



.menu-portfolio ul li.w a, .menu-portfolio ul li.w a:link, .menu-portfolio ul li.w a:visited{
	float: left;
	height: 66px; 
	width: 129px;
	background:transparent url(../images/menu/web_bg.jpg) bottom center no-repeat;
}
.menu-portfolio ul li.w a:hover {
	float: left;
	height: 66px; 
	width: 129px;
	background:transparent url(../images/menu/web_bg.jpg) top center no-repeat;
}
.menu-portfolio ul li .l a, .menu-portfolio ul li.l a:link, .menu-portfolio ul li.l a:visited{
	float: left;
	height: 66px; 
	width: 144px; 
	background:transparent url(../images/menu/banner_bg.jpg) bottom center no-repeat;
}
.menu-portfolio ul li.l a:hover{
	float: left;
	height: 66px; 
	width: 144px; 
	background:transparent url(../images/menu/banner_bg.jpg) top center no-repeat;
}
.menu-portfolio ul li.p a, .menu-portfolio ul li.p a:link, .menu-portfolio ul li.p a:visited{
	float: left;
	height: 66px; 
	width: 117px; 
	background:transparent url(../images/menu/painting_bg.jpg) bottom center no-repeat;
}
.menu-portfolio ul li.p a:hover{
	float: left;
	height: 66px; 
	width: 117px; 
	background:transparent url(../images/menu/painting_bg.jpg) top center no-repeat;
}
.menu-portfolio ul li.i a, .menu-portfolio ul li.i a:link, .menu-portfolio ul li.i a:visited{
	float: left;
	height: 66px; 
	width: 177px;  
	background:transparent url(../images/menu/photoshop_bg.jpg) bottom center no-repeat;
}
.menu-portfolio ul li.i a:hover{
	float: left;
	height: 66px; 
	width: 177px;
	background:transparent url(../images/menu/photoshop_bg.jpg) top center no-repeat;
}
.menu-portfolio ul li.ph a, .menu-portfolio ul li.ph a:link, .menu-portfolio ul li.ph a:visited{
	float: left;
	height: 66px; 
	width: 117px;
	background:transparent url(../images/menu/photo_bg.jpg) bottom center no-repeat;
}
.menu-portfolio ul li.ph a:hover{
	float: left;
	height: 66px; 
	width: 117px;
	background:transparent url(../images/menu/photo_bg.jpg) top center no-repeat;
}
.menu-portfolio ul li.d a, .menu-portfolio ul li.d a:link, .menu-portfolio ul li.d a:visited{
	float: left;
	height: 66px; 
	width: 96px;
	background:transparent url(../images/menu/risunki_bg.jpg) bottom center no-repeat;
}
.menu-portfolio ul li.d a:hover{
	float: left;
	height: 66px; 
	width: 96px;
	background:transparent url(../images/menu/risunki_bg.jpg) top center no-repeat;
}





.menu-portfolio ul li.w_2 a, .menu-portfolio ul li.w_2 a:link, .menu-portfolio ul li.w_2 a:visited{
	float: left;
	height: 66px; 
	width: 129px;
	background:transparent url(../images/menu/web_en.jpg) bottom center no-repeat;
}
.menu-portfolio ul li.w_2 a:hover {
	float: left;
	height: 66px; 
	width: 129px;
	background:transparent url(../images/menu/web_en.jpg) top center no-repeat;
}
.menu-portfolio ul li.l_2 a, .menu-portfolio ul li.l_2 a:link, .menu-portfolio ul li.l_2 a:visited{
	float: left;
	height: 66px; 
	width: 144px; 
	background:transparent url(../images/menu/banner_en.jpg) bottom center no-repeat;
}
.menu-portfolio ul li.l_2 a:hover{
	float: left;
	height: 66px; 
	width: 144px; 
	background:transparent url(../images/menu/banner_en.jpg) top center no-repeat;
}
.menu-portfolio ul li.p_2 a, .menu-portfolio ul li.p_2 a:link, .menu-portfolio ul li.p_2 a:visited{
	float: left;
	height: 66px; 
	width: 117px; 
	background:transparent url(../images/menu/painting_en.jpg) bottom center no-repeat;
}
.menu-portfolio ul li.p_2 a:hover{
	float: left;
	height: 66px; 
	width: 117px; 
	background:transparent url(../images/menu/painting_en.jpg) top center no-repeat;
}
.menu-portfolio ul li.i_2 a, .menu-portfolio ul li.i_2 a:link, .menu-portfolio ul li.i_2 a:visited{
	float: left;
	height: 66px; 
	width: 177px;  
	background:transparent url(../images/menu/photoshop_en.jpg) bottom center no-repeat;
}
.menu-portfolio ul li.i_2 a:hover{
	float: left;
	height: 66px; 
	width: 177px;
	background:transparent url(../images/menu/photoshop_en.jpg) top center no-repeat;
}
.menu-portfolio ul li.ph_2 a, .menu-portfolio ul li.ph_2 a:link, .menu-portfolio ul li.ph_2 a:visited{
	float: left;
	height: 66px; 
	width: 117px;
	background:transparent url(../images/menu/photo_en.jpg) bottom center no-repeat;
}
.menu-portfolio ul li.ph_2 a:hover{
	float: left;
	height: 66px; 
	width: 117px;
	background:transparent url(../images/menu/photo_en.jpg) top center no-repeat;
}
.menu-portfolio ul li.d_2 a, .menu-portfolio ul li.d_2 a:link, .menu-portfolio ul li.d_2 a:visited{
	float: left;
	height: 66px; 
	width: 96px;
	background:transparent url(../images/menu/risunki_en.jpg) bottom center no-repeat;
}
.menu-portfolio ul li.d_2 a:hover{
	float: left;
	height: 66px; 
	width: 96px;
	background:transparent url(../images/menu/risunki_en.jpg) top center no-repeat;
}




.menu_cv {
	margin: 30px 0 23px 10px;
	display:block;
	height: 88px;
	width: 424px;
}


.menu_cv ul {
	float:left;
	height: 88px;
	width: 424px;
}

.menu_cv ul li.pro a, .menu_cv ul li.pro a:link, .menu_cv ul li.pro a:visited {
	float: left;
	height: 88px; 
	width: 163px;
	background:transparent url(../images/menu/prof_bg.jpg) bottom center no-repeat;
}
.menu_cv ul li.pro a:hover{
	float: left;
	height: 88px; 
	width: 163px;
	background:transparent url(../images/menu/prof_bg.jpg) top center no-repeat;
}
.menu_cv ul li.edu a, .menu_cv ul li.edu a:link, .menu_cv ul li.edu a:visited{
	float: left;
	height: 88px; 
	width: 99px;
	background:transparent url(../images/menu/edu_bg.jpg) bottom center no-repeat;
}
.menu_cv ul li.edu a:hover{
	float: left;
	height: 88px; 
	width: 99px;
	background:transparent url(../images/menu/edu_bg.jpg) top center no-repeat;
}
.menu_cv ul li.events a, .menu_cv ul li.events a:link, .menu_cv ul li.events a:visited{
	float: left;
	height: 88px; 
	width: 162px;
	background:transparent url(../images/menu/events_bg.jpg) bottom center no-repeat;
}
.menu_cv ul li.events a:hover{
	float: left;
	height: 88px; 
	width: 162px;
	background:transparent url(../images/menu/events_bg.jpg) top center no-repeat;
}


/*new stiles*/
.menu_cv ul li.pro a.selectedProLink{
	float: left;
	height: 88px; 
	width: 163px;
	background:transparent url(../images/menu/prof_bg.jpg) top center no-repeat;
}

.menu_cv ul li.edu a.selectedEduLink{
	float: left;
	height: 88px; 
	width: 99px;
	background:transparent url(../images/menu/edu_bg.jpg) top center no-repeat;
}

.menu_cv ul li.events a.selectedEventsLink{
	float: left;
	height: 88px; 
	width: 162px;
	background:transparent url(../images/menu/events_bg.jpg) top center no-repeat;
}

.menu-portfolio ul li.w a.selectedWlink {
	float: left;
	height: 66px; 
	width: 129px;
	background:transparent url(../images/menu/web_bg.jpg) top center no-repeat;
}

.menu-portfolio ul li.l a.selectedLlink{
	float: left;
	height: 66px; 
	width: 144px; 
	background:transparent url(../images/menu/banner_bg.jpg) top center no-repeat;
}

.menu-portfolio ul li.p a.selectedPlink{
	float: left;
	height: 66px; 
	width: 117px; 
	background:transparent url(../images/menu/painting_bg.jpg) top center no-repeat;
}

.menu-portfolio ul li.i a.selectedIlink{
	float: left;
	height: 66px; 
	width: 177px;
	background:transparent url(../images/menu/photoshop_bg.jpg) top center no-repeat;
}

.menu-portfolio ul li.ph a.selectedPHlink{
	float: left;
	height: 66px; 
	width: 117px;
	background:transparent url(../images/menu/photo_bg.jpg) top center no-repeat;
}

.menu-portfolio ul li.d a.selectedDlink{
	float: left;
	height: 66px; 
	width: 96px;
	background:transparent url(../images/menu/risunki_bg.jpg) top center no-repeat;
}

/*end new stiles*/



.menu_cv ul li.pro_2 a, .menu_cv ul li.pro_2 a:link, .menu_cv ul li.pro_2 a:visited {
	float: left;
	height: 88px; 
	width: 163px;
	background:transparent url(../images/menu/prof_en.jpg) bottom center no-repeat;
}
.menu_cv ul li.pro_2 a:hover{
	float: left;
	height: 88px; 
	width: 163px;
	background:transparent url(../images/menu/prof_en.jpg) top center no-repeat;
}
.menu_cv ul li.edu_2 a, .menu_cv ul li.edu_2 a:link, .menu_cv ul li.edu_2 a:visited{
	float: left;
	height: 88px; 
	width: 99px;
	background:transparent url(../images/menu/edu_en.jpg) bottom center no-repeat;
}
.menu_cv ul li.edu_2 a:hover{
	float: left;
	height: 88px; 
	width: 99px;
	background:transparent url(../images/menu/edu_en.jpg) top center no-repeat;
}
.menu_cv ul li.events_2 a, .menu_cv ul li.events_2 a:link, .menu_cv ul li.events_2 a:visited{
	float: left;
	height: 88px; 
	width: 162px;
	background:transparent url(../images/menu/events_en.jpg) bottom center no-repeat;
}
.menu_cv ul li.events_2 a:hover{
	float: left;
	height: 88px; 
	width: 162px;
	
}







.links {	
	padding: 10px 0 10px 10px;
}

.links1 {	
	float: left;
	width: 190px;
	}


.fb-like {	

	padding: 10px 0 10px 10px;
	background:transparent url(../images/home/line.jpg) top left no-repeat;
}


.linkedin{	
	padding: 10px 0 10px 10px;
	background:transparent url(../images/home/line.jpg) top left no-repeat;
}

.new_ideas {
	margin:0 0 0 12px;
}

.anna_photo {
	padding: 12px 0 10px 10px;
}

.vij_tova {
	padding: 10px 0 10px 10px;
}

.video {
	float:left;}

	
.video_box {
	width:410px;
	height: 312px; 
	padding:0 0 0 15px;
}


#banner {
	width: 382px;
	height: 312px;
}
 

.vij_tova  p{
	float: left;
	width: 260px;
	padding: 85px 0 0 10px;	
}

.header_right{
	height:68px;
}
	
.design {
	float:left;
}

.language{
	float:right;
	width: 100px;
	height:48px;
	padding: 20px 8px 0 0;	
	background: transparent url(../images/home/bg_en.jpg) center right no-repeat;
}

.language ul{
	float: right;
}

.language ul li{
	float: right;
	padding: 5px 13px 0 0;
}

.menu_down {
	margin:10px 0 0 0;
	height:30px;
	background: transparent url(../images/home/background2.jpg) top left no-repeat;
}

.menu_down ul{
	padding: 0 0 0 10px;
	line-height: 29px;
	height:30px;	
}

.menu_down ul li{
	height:30px;	
	padding: 0 45px 0 10px;
}

.web_counter {
	margin: 10px 25px 0 0;
	float: right;
}


.web_counter a, .web_counter a:link, .web_counter a:visited, .web_counter a:hover{
	color: #5a5a5a;
	font-size: 11px;
}


.footer {
	font-family: Arial, Helvetica, sans-serif;
	height: 70px;
	background: transparent url(../images/home/footer.jpg) top left no-repeat;
}

.f_bio {
	float: left;
	width: 260px;
	padding: 30px 0 0 25px;
}

.f_port {
	float: left;
	width: 165px;
	padding: 30px 0 0 120px;
}