*, html, body, h1, h2, h3, h4, h5, h6, a, img, ul, ol, li, div, span, b, time,
u, p, input, label, textarea, select, option { color: #454e5c;
                                               font-family: "Open Sans", sans-serif;
											   font-size: 14px;
											   line-height: 22px;
											   font-weight: normal;
											   margin: 0;
											   padding: 0;
											   position: relative;
											   border: 0;
											   vertical-align: baseline;}	
											   
html, body { min-height: 100%;}											   									   
											   
body { background-color: #dfdad6;
       margin: auto;
	   height: 100%;}  	   	  										   

h1 { font-size: 20px;
     font-weight: bold;
     color: #34495e; 
	 line-height: 27px;
	 border-bottom: #e6e6e6 1px solid;
	 margin-bottom: 19px;}	
	 
h2 { font-size: 18px;
     font-weight: 600;
     color: #34495e; 
	 line-height: 18px;
	 margin-bottom: 11px;}	  
	
b { font-weight: bold;}	
	 
a { color: #ffffff;
    text-decoration: none;}	 

p { }	

.left { float: left;}

.right { float: right;}

.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

*, *:before, *:after {
    box-sizing: border-box;
}

/* bg */
.bg { background: url(images/bg_center.png);}
.bg_top { background: url(images/bg_top.png) left top repeat-x;}
.bg_bottom { background-color: #393734;}

.main { min-height: 100%;}

.wrap { width: 941px;
        margin: auto;}

/* top */	
.top { height: 78px;}

.logo { background: url(images/logo.png) no-repeat;
        width: 222px;
		height: 54px;
		margin-top: 8px;}

.menu { }
		   
.menu ul { list-style: none;}
		  
.menu ul li { float: left;
              padding-right: 40px; 
			  line-height: 78px;}
			  
.menu ul li a {  line-height: 33px;
                 font-weight: lighter;
			     font-size: 19.8px;}			  			  		  			   		   				   		 
		  
.menu ul #in a { cursor: default;
                 color: #f7857f;}			 

.button { border: #faf9f7 1px solid;
          color: #f9f9f9;
		  font-size: 18px;
		  font-weight: lighter;
		  height: 32px;
		  line-height: 30px;
		  padding: 0 16px;
		  margin-top: 23px;}	
		  
.button#reg { margin-right: 15px;}		  
		  
.button .hover { display: none;}		  
		  
.button:hover .hover { display: inherit;
                       position: absolute;
					   top: 0;
					   left: 0;
					   z-index: 999;
					   width: 100%;
					   height: 100%;
					   background-color: #ffffff; 
					   opacity: 0.1;}		     	  	  

/* center */ 
.center { padding-bottom: 25px;
		  margin-bottom: 63px;}

.alt_top { height: 44px;}

.logic { line-height: 44px;
         cursor: pointer;}

.logic span { color: #f76b64;}

.tag { background: url(images/bg_tag.png) left top no-repeat;
       width: 106px;
	   height: 21px;
	   line-height: 20px;
	   padding-left: 14px;
	   font-size: 9.6px;
	   color: #feffff;
	   margin-left: 10px;
	   margin-top: 12px;}
	   
.download, 
.edit      { font-weight: bolder;
             color: #ffffff;
			 height: 27px;
			 padding-right: 12px;
			 cursor: pointer;
			 margin-top: 9px;}	   
	   
.download { background: #5e6168 url(images/ico_download.png) left center no-repeat;
            border: #3e4044 1px solid;
			padding-left: 32px;
			margin-right: 8px;}

.edit { background: #f76b64 url(images/ico_edit.png) left center no-repeat;
        border: #df615b 1px solid;
		padding-left: 40px;}

.fill { background-color: #ffffff;
        border: #afa69f 1px solid;
		padding: 20px 20px 0 20px;}	
		
.left_col { width: 222px;}	

.right_col { width: 698px;}	

.left_col p { font-weight: 600;}

.left_col *.grey { font-weight: normal;}

.about * { text-align: center;}

.photo { background: url(images/photo.jpg) center no-repeat;
         border-radius: 80px;
		 height: 160px;
		 width: 160px;
		 overflow: hidden;
		 margin: 11px auto;}
		 
.money { background: url(images/ico_rub.png) left center no-repeat;
         padding-left: 30px;
		 margin: 20px 18px 0 18px;
		 font-size: 22px;
		 font-weight: bold;}
		 
.money span { font-size: 12px;
		      font-weight: normal;
			  display: block;}	
			  
.block { padding: 20px 0 18px 0;
         border-bottom: #e6e6e6 1px solid;}		
		 
.social { margin-top: 20px;}	
		  
.social div { width: 33px;
              height: 33px;
			  cursor: pointer;
			  float: left;
			  margin: 16px 3px 16px 0;}	

.social div:last-child { margin-right: 0;}			  
			  
#vk { background: url(images/social_vk.png) top left no-repeat;}
#facebook { background: url(images/social_facebook.png) top left no-repeat;}
#twitter { background: url(images/social_twitter.png) top left no-repeat;}
#gplus { background: url(images/social_gplus.png) top left no-repeat;}
#skype { background: url(images/social_skype.png) top left no-repeat;}			  	  	 
		 
.space { margin-top: 10px;}		   	 		 

.tall { margin-top: 35px;}	

.right_col p span { font-weight: 600;}

.grey { color: #8b8f94;} 

#small { font-size: 12px;
         line-height: 12px;}

.ico { padding-left: 27px;
       height: 16px;
	   line-height: 16px;
	   margin-top: 10px;}
	   
.block .ico:first-child { margin-top: 0;}	   

.location { background: url(images/ico_location.png) left top no-repeat;}
.calendar { background: url(images/ico_calendar.png) left top no-repeat;}
.move { background: url(images/ico_move.png) left top no-repeat;}
.phone { background: url(images/ico_phone.png) left top no-repeat;}
.mail { background: url(images/ico_mail.png) left top no-repeat; text-decoration: underline; cursor: pointer;}

.work { margin-top: 30px;}

.work:first-child { margin-top: 0;}

.work .left { width: 260px;
              margin-right: 15px;}
						  
.work .right { width: 365px;
               margin-right: 15px;}	
			   
.rec { padding: 8px 17px;
       border: #dfdbd9 1px solid;
	   margin-top: 18px;}	
	   
.rec p span.grey { font-weight: normal;}	   		   					   

.tags { height: 23px;
        background-color: #afa69f;
		font-size: 12px;
		color: #ffffff;
		font-weight: lighter;
		line-height: 23px;
		padding: 0 7px;
		margin: 0 5px 5px 0;}			 			   		  					    
		
.right_col ul { list-style: none;}	

.right_col ul li:before { content: "• ";}	

.portfolio { width: 100px;
             height: 100px;
			 border-radius: 7px;
			 margin: 0 20px 20px 0;
			 background: #f2f2f2 url(images/img_hat.png) center no-repeat;
			 overflow: hidden;}
			 
/* bottom */ 
.bottom { height: 63px;
          width: 100%;
          position: absolute;
		  bottom: -63px; }	
		  
.copy { font-size: 16px;
        color: #ffffff;
		margin-right: 40px;}		  
		  
.bottom  .menu ul li, .copy { line-height: 63px;}	

.bottom  .menu ul li a { font-size: 18px; font-weight: normal;}	  		

.bottom .social { margin-top: 0;}	
		  
.bottom .social div { width: 37px;
              height: 36px;}	

.bottom .social div:last-child { margin-right: 0;}	

.bottom .social div { margin-bottom: 0;} 

.bottom #vk { background: url(images/social_vk_b.png) top left no-repeat;}
.bottom #facebook { background: url(images/social_facebook_b.png) top left no-repeat;}
.bottom #twitter { background: url(images/social_twitter_b.png) top left no-repeat;}