/* --------------------------------------------   
      Layout styles                               
----------------------------------------------- */

/* @LAYOUT MAIN
------------------------------ */
.big_wrap {
   min-height: 100%;
   text-align: left;
}

#root, 
#foot .in,
.navigator_wrap,
#feedback_form_wrap form {max-width: 1400px; margin: 0 auto;}


/* @TOP
------------------------------ */
#top {}



/* @LOGO
------------------------------ */
#logo        {font-size: 12px; margin-bottom: 29px;}
#logo p      {}
#logo img    {margin-left: -13px; display: block; width: 183px; height: 101px;}
#logo span   {display: block; padding-top: 6px;}
#logo .logo  {display: block; width: 170px; height: 101px;}

#logo span span {padding-top: 6px;}



/* @MENU
------------------------------ */
#menu {}

#menu ul li span, #menu ul li em {display: block;}

#menu ul           {margin: 0 -15px; color: black;}
#menu ul li        {padding-left: 15px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; margin-bottom: 15px;}
#menu ul li span   {}
#menu ul li span   {font-style: normal;}
#menu ul li span a {}

    /* flat */
    #menu.flat              {margin-top: -14px;}
    #menu.flat ul           {margin: 0;}
    #menu.flat ul li        {background-image: none; padding-left: 0; float: left; margin-right: 15px !important; padding-top: 7px;}
    #menu.flat ul li.active {padding-left: 15px; padding-top: 0;}
    
    #menu.flat.inner {margin-top: -5px;}
    
    #menu.flat ul li.active span   {padding-right: 15px;}
    
    

   /* active */
   #menu ul li.active {
      position: relative;
      margin: -3px 0 7px 0;
      background: transparent url('../images/bg_menu_point_active.png') no-repeat 0 0;
      max-width: 195px;
   }
   
   #menu ul li.active span {
      background: transparent url('../images/bg_menu_point_active.png') no-repeat 100% 0; 
      line-height: 40px;
   }
   #menu ul li.active span {/*position: relative; top: -2px;*/}
   
   #menu ul li.active span a, 
   #menu ul li.active span a:visited {color: black;}
   
   
      /* submenu */
      #menu ul li ul    {margin-top: 12px; margin-bottom: 14px;}
      #menu ul li ul li {
         margin-bottom: 10px; 
         font-size: 14px; 
         padding-right: 30px; 
         line-height: 15px; 
         background: transparent url('../images/bg_submenu_point.png') no-repeat 4px 8px; 
      }
      
      #menu ul li ul li {top: 0;}
      
      #menu ul li ul li.active {
         margin-top: 0; 
         margin-bottom: 10px; 
         background: transparent url('../images/arrow.png') no-repeat 4px 6px;
      }
      
      #menu ul li ul li.active a {color: black; text-decoration: none;}
      #menu ul li ul li.active a:hover {text-decoration: underline;}

    /* new */
    #menu ul li.new {
        background: url('../images/icons/new.png') no-repeat left 16px;
        margin-left: -10px;
        position: relative;
    }

    #menu ul li.new span {
        padding-top: 14px;
        margin-left: 10px;
        max-width: 180px; 
        border-top: 1px solid #E5ECEE; 
    }


/* submenu2  */
.submenu {
   font-size: 11px;
   padding-bottom: 2px; 
   background: transparent url('../images/bg_submenu.png') no-repeat 0 100%;}

.submenu .in {padding: 4px 0; background: transparent url('../images/bg_submenu.png') no-repeat 0 0;}

   #content .submenu ul    {margin-left: 6px;}
   #content .submenu ul li {
      margin-bottom: 5px; 
      line-height: 15px; 
      padding: 0 0 0 17px;
      background: transparent url('../images/bg_submenu2_point.png') no-repeat 0 8px; 
   }
   
   #content .submenu ul li.active {
      line-height: 15px; 
      padding: 0 5px 0 17px;
      background: #FFEE78 url('../images/bg_submenu2_point_active.png') repeat-y 0 0; 
   }

   .submenu span  {display: block; padding-left: 17px; padding-top: 6px; padding-bottom: 6px; text-transform: uppercase;}


  
/* @COLUMNS
------------------------------ */
/* leftcol */
#leftcol, .leftcol {width: 18%; margin-left: 6%; float: left; font-size: 12px;}

   /* news */
   #leftcol .news    {padding-top: 25px; max-width: 200px;}
   #leftcol .news dt {padding-bottom: 5px; font-size: 11px;}
   #leftcol .news dd {line-height: 1.2; padding-bottom: 8px;}

   #leftcol .news dt.important {font-size: 12px;}
   
   /* extras */
   #leftcol {}
   .front #leftcol .extras {padding-top: 25px;}
   #leftcol .extras {padding-top: 10px;}
   #leftcol .extras a.presentation {
      float: left; 
      height: 20px;
      font-weight: bold;
      padding: 2px 0 0 20px;
      background: transparent url('../images/ico_download.png') no-repeat 0 3px; 
      margin: 10px 0 0 -20px;
   }

   
   a.rss {
      float: left; 
      text-decoration: none;
      padding: 1px 0 0 21px;
      min-height: 16px;
      font-size: 12px;
      background: transparent url('../images/icons/rss.png') no-repeat 0 0;
   }
   
   a.rss span {text-decoration: underline;}
   a.rss:hover span {text-decoration: none;}
   
   

/* rightcol */
#rightcol, .rightcol {width: 64%; margin: 0 6%; float: left;}

   /* top_controls */
   .top_controls {
      font-size: 12px; 
      padding: 3px 0 26px 0; 
      height: 15px; 
      position: relative; 
      z-index: 500; 
      width: 75%; 
   }
   
   .front .top_controls {/*padding-bottom: 30px;*/}
   
   .top_controls .controls em {
      float: left; 
      cursor: pointer;
      font-style: normal; 
      background: transparent url('../images/icons.png') no-repeat 0 0; 
   }
   
   .top_controls .controls span.sub {padding-right: 20px}
   
      /* search */
      #search_panel_show, 
      #site_map_show {
         top: 3px;
         left: 230px;
         height: 17px;
         margin-top: -2px;
         position: absolute;
         text-decoration: none;
         padding: 2px 0 0 20px;
         background-position: 0 -18px;
      }
      
      /* map */
      #site_map_show {
         top: 5px;
         left: 0;
         padding: 0 11px 0 0; 
         background-position: 100% 7px;
      }
      
      #site_map_show.active      {background-position: 100% -15px;}
      #site_map_show.active span {color: black; border-width: 0; }
      
      #search_panel_show {background-position: 1px -17px;}

      /* feedback */
      .controls a.feedback, .controls dfn.feedback {
         background: transparent url('../images/icons.png') no-repeat 0 6px; 
         margin: 0 17px 0 97px;
         padding: 2px 0 0 17px;
      }
      
      .controls a.feedback span {}
      
      #search_panel_show.active span {color: black; border-width: 0;}
      
      .controls em span {float: left;}
      
         .controls em.map,
         .controls em.search {text-decoration: none;}

         
         
   /* search_panel */
   #search_panel_show, #site_map_show {z-index: 10;}
   #search_panel, #site_map {
      display: none;
      position: absolute;
      width: 100%;
      top: -13px;
      z-index: 5;
      /*
      opacity: 0.5;
      filter:alpha(opacity=50);
      */
   }
   
      #search_panel .in {
         max-width: 640px;
         min-width: 400px;
         margin-left: 202px;
         padding-right: 15px;
         background: transparent url('../images/bg_search_panel_corner.png') no-repeat 100% 0; 
      }
      
      #search_panel .in .form {
         height: 70px;
         margin-top: 0;
         border-width: 0;
         padding: 43px 20px 0 27px;
         background: transparent url('../images/bg_search_panel.png') no-repeat 0 0;
      }

      div.s {padding-right: 90px;}
      div.s input.text {
         float: left;
         width: 100%;
         height: 20px;
         font-size: 14px; 
         padding-top: 5px;
         background-color: white;
      }
      
      div.s input.submit {
         width: 70px;
         float: left; 
         height: 33px;
         font-size: 16px;
         margin: 0 -90px 0 10px;
     }


   /* sitemap */  
   #site_map     {
      left: -27px; 
      width: 696px; 
      z-index: 6;
      /*display: block;*/
   }
   
   #site_map h4 {font: bold 12px Tahoma, Arial, Helvetica, sans-serif; line-height: 15px; margin-top: 5px; margin-bottom: 5px;}
   #site_map h4.simple {margin-top: 0;}
   
   #site_map em {
      font-style: normal; 
      text-transform: uppercase; 
      font-size: 10px; 
      display: block; 
      line-height: 15px;
      padding: 5px 10px 0 5px;
   }
   
   
   
   #site_map ul    {padding-left: 10px; margin-top: 1px; /*margin-bottom: 7px;*/}
   #site_map ul li {padding-bottom: 5px; font-size: 11px; /*padding-right: 13px;*/ width: 142px; line-height: 15px;}
   
   #site_map ul.spec {margin-top: 5px;}
   
   #site_map .in     {
      background: transparent url('../images/bg_sitemap_top.png') no-repeat 0 0;
      position: relative; 
      padding: 36px 15px 0 27px;
   }
   
   #site_map .bottom {
      height: 65px;
      background: transparent url('../images/bg_sitemap_bottom.png') no-repeat 0 0;
   }

   #rightcol .about   {margin-bottom: 36px; margin-top: 5px;}
   .front .about p, .front .projects p {max-width: 700px;}

   #site_map .w25 {}
   #site_map .w25.simple {padding-right: 0;}
   

   #leftcol, #rightcol {padding-top: 29px;}
   #rightcol {padding-top: 27px;}


   
   
.search_results form {margin-top: 30px;}
.search_results .result {margin-top: 20px;}
.result span.corner {
    display: inline-block;
    margin-right: -137px;
    position: relative;
    top: 4px;
    width: 137px; 
    height: 18px; 
    background: url('../images/bg_search_results_l.png') no-repeat 0 0;
    float: none !important;
}

.result span.corner.r {
   margin: 0 0 0 -137px;
   background: url('../images/bg_search_results_r.png') no-repeat 0 0;
   margin-top: -4px;
}


/* @BLOCKS
------------------------------ */
/* process */
.process {margin-bottom: 33px;}

   /* tabs */
   .process ul.tabs             {height: 176px; width: 100%;}
   .process ul.tabs li          {width: 25%; float: left; height: 176px; text-align: center; position: relative; z-index: 100; background: transparent url('../images/process/bg_process.png') no-repeat -10px -352px;}
   .process ul.tabs li.first    {background-position: 0 -352px;}
   .process ul.tabs li.last     {background-position: 100% -352px;}
   .process ul.tabs li div      {}
   .process ul.tabs li div div  {padding: 20px 0 0; height: 156px;}
   .process ul.tabs li div div a {display: block; margin: -20px 0 0; padding-top: 20px; padding-bottom: 15px; text-decoration: none; outline: 0;}
   .process ul.tabs li div div a img {}
   
      /* arrow */
      .process ul.tabs li span.arrow {
         top: 55px;
         left: -13px;
         width: 29px;
         height: 31px;
         position: absolute;
         background: transparent url('../images/process/arrow.png') no-repeat 0 0;
      }
   
      /* active */
      .process ul.tabs li.active a       {padding-bottom: 0 !important;}
      .process ul.tabs li.active em      {background: transparent url('../images/process/bg_process_tounge.png') no-repeat center bottom; height: 161px; display: block;}
      .process ul.tabs li.active div     {background: transparent url('../images/process/bg_process.png') no-repeat 0 -176px; }
      .process ul.tabs li.active div div {background: transparent url('../images/process/bg_process_pieces.png') no-repeat 100% -176px; padding: 20px 0 0;}
      
         /* first */
         .process ul.tabs li.first.active div     {background: transparent url('../images/process/bg_process.png') no-repeat 0 0;}
         .process ul.tabs li.first.active div div {background: transparent url('../images/process/bg_process_pieces.png') no-repeat 100% -176px;}
         
         /* last */
         .process ul.tabs li.last.active div div {background: transparent url('../images/process/bg_process_pieces.png') no-repeat 100% 0;}
      
   
         .process ul.tabs li div div  {padding: 20px 0 0; height: 156px;}
      
      
      /* icons */
      .process ul.tabs li dfn {
         height: 18px; 
         display: block; 
         margin: 0 auto; 
         text-indent: -9000px;
         margin-top: -3px;
      }
      
      .process ul.tabs li.process1 dfn {width: 122px; background: url('../images/process/bg_process_caption1.png') no-repeat 0 0;}
      .process ul.tabs li.process1 img {margin-right: -3px;}

      .process ul.tabs li.process2 dfn {width: 53px; background: url('../images/process/bg_process_caption2.png') no-repeat 0 0;}
      .process ul.tabs li.process2 img {margin-right: -10px;}
      
      .process ul.tabs li.process3 dfn {width: 70px; background: url('../images/process/bg_process_caption3.png') no-repeat 0 0;}
      .process ul.tabs li.process3 img {margin-right: -10px;}

      .process ul.tabs li.process4 dfn {width: 82px; background: url('../images/process/bg_process_caption4.png') no-repeat 0 0;}
      .process ul.tabs li.process4 img {margin-right: -2px;}

   
   /* panel */
   .process {}
   .process .in {
      background: transparent url('../images/process/bg_process_text.png') no-repeat right bottom;
   }
   
   
   .process ul.panel {
      margin-top: -5px;
      margin-right: 10px;
      padding: 15px 10px 6px 20px;
      background: transparent url('../images/process/bg_process_text.png') no-repeat 0 100%;
   }
   
   .process ul.panel li {display: none;}
   .process ul.panel li#process1 {display: list-item;}
      

/* @projects */
.projects {margin-bottom: 30px;}

   .inner .projects    {padding-top: 12px;}
   .inner .projects h4 {margin-top: 10px;}
   .inner .projects dt {margin-bottom: 5px;}
   .inner .projects p  {line-height: 15px;}
   
   .inner .projects .w50       {margin-bottom: 20px;}
   .inner .projects .w50.l .in {padding-right: 30px;}
   .inner .projects em.minor {color: #9f9fa1; display: block; padding-bottom: 4px;}
   
      .inner .projects h4, 
      .inner .projects dt, 
      .inner .projects p  {width: 85%;}
   
   
      .inner .projects, 
      .inner .projects p {font-size: 12px; }


   /* projects_box */
   .projects_box {padding-top: 15px}
   
      /* major */
      .projects_box .major     {font-size: 12px;}
      .projects_box .major p   {width: 85%; margin-bottom: 20px}
      .projects_box .major h4  {margin-top: 15px; margin-bottom: 5px;}
      .projects_box .major img {margin-left: -1px; display: block;}
      .projects_box .major a.thumb {display: block; width: 270px;}
      
       /* minor */
      .projects_box .minor {margin-left: -1px;}

      

/* clients */
.clients {
   font-size: 12px;
   height: 330px;
   overflow: hidden;
   background: transparent url('../images/clients/bg_clients.png') no-repeat 100% 0;
}

   #clients                      {}
   #clients ul                   {}
   #clients ul li                {width: 25%; float: left; margin-bottom: 35px; margin-left: -1px;}
   #clients ul li div            {min-height: 70px; border-bottom: 1px solid #E9E9E9;}
   #clients ul li strong         {display: block; margin-top: 10px;}
   #clients ul li span.desc      {font-size: 11px; padding-right: 10px !important; display: block;}
   #clients ul li span.desc span {line-height: 12px !important;}
   
   
   
   
   #clients ul li {}
 
 
   /* @TABS */
   .clients .tabs {
      float: left;
      width: 50%;
   }
   
      /* @TABS */
      .clients .tabs h4, #content .clients .tabs h4 {margin: 0;}
      
      .clients .tabs dl {
         width: 91%;
         position: relative;
         padding-right: 3px;
      }
      
      .clients .tabs dl dd {
         height: 110px;
         cursor: default;
         background-image: url('../images/clients/bg_tabs.png') !important;
         background-color: transparent;
         background-repeat: no-repeat;
         margin: 0 !important;
      }
      
      .clients .tabs dl dd div {
         background-image: url('../images/clients/bg_tabs_corners.jpg');
         background-color: transparent;
         background-repeat: no-repeat;
         padding: 13px 20px 0 16px;
         height: 97px;
         overflow: hidden;
      }

      .clients .tabs dl dd a {display: block; height: 30px;}
      .clients .tabs dl dd {margin: 0;}
      
      
         /* first */
         .tabs dl dd.first            {background-position: 0 0;}
         .tabs dl dd.first div        {background-position: 100% 0;}
   
         .tabs dl dd.first_active     {background-position: 0 -330px;}
         .tabs dl dd.first_active div {background-position: 100% -330px;}
         
   
         /* middle */
         .tabs dl dd.middle            {background-position: 0 -110px;}
         .tabs dl dd.middle div        {background-position: 100% -110px;}
         
         .tabs dl dd.middle_active     {background-position: 0 -440px }
         .tabs dl dd.middle_active div {background-position: 100% -440px;}
         
         
         /* last */
         .tabs dl dd.last            {background-position: 0 -220px;}
         .tabs dl dd.last div        {background-position: 100% -220px;}
   
         .tabs dl dd.last_active     {background-position: 0 -550px;}
         .tabs dl dd.last_active div {background-position: 100% -550px;}
         
            .clients .tabs dl dd h3, 
            .clients .tabs dl dd p {margin-bottom: 0;}
   
   
   
  /* @LOGOS */
   .clients .logos {
      float: left;
      width: 50%;
   }
   
   .clients .logos .logos_in {}
   
   #invest_projects {}
   #startups {display: none;}
   #corporative {display: none;}
   
   
   
   .clients .logos .w50 {
      width: 50%; 
      float: left;
      margin: 0; 
   }
   
   .clients .logos .w50 .logo,
   .clients .logos .w100 .logo {height: 80px; text-align: center; padding-top: 20px; height: 60px;}
   
   .clients .logos .w100.l {}
      
      .logos2 {padding-top: 75px;}
      .logos3 {padding-top: 45px;}
   
   #invest_projects {}
   #clients_panel {width: 88%;}
   .clients .logos {margin-left: -1px;}
   


   
   


/* @CONTENT
------------------------------ */
#content {}


   /* workflow */
   #content ul.workflow        {margin-top: 20px; padding-left: 2px; margin-left: -2px;}
   #content ul.workflow li     {padding-left: 39px; position: relative;}
   #content ul.workflow li h3  {margin: 0 0 4px; letter-spacing: 0;}
   #content ul.workflow li p   {margin-bottom: 16px;  margin-left: 0!important}
   #content ul.workflow li img {position: absolute; left: 0;}
   
   #content ul.workflow a            {text-decoration: none;}
   #content ul.workflow a span       {text-decoration: underline;}
   #content ul.workflow a:hover span {text-decoration: none;}
   
      /* icons */
      #content ul.workflow li.design img {top: -9px;}
      #content ul.workflow li.prototype img {top: -11px; }
      #content ul.workflow li.usability img {top: -8px; left: 2px;}
      
      #content ul.workflow li.vision img {top: -10px; left: -1px;}
      #content ul.workflow li.ca img {top: -8px; left: -2px;}
      #content ul.workflow li.use_cases img {left: -1px;}
      #content ul.workflow li.user_stories img {top: -7px; left: 3px;}
      #content ul.workflow li.specification img {top: -7px;}
      #content ul.workflow li.site_map img {top: -7px; left: 3px;}
      #content ul.workflow li.case_diagrams img {top: -7px; left: -1px;}
      #content ul.workflow li.wirerames img {top: -6px; left: 0;}
      #content ul.workflow li.design_layout img {top: -6px; left: 0;}
      #content ul.workflow li.style_guide img {top: -6px; left: 0; }
      #content ul.workflow li.prototype_interactive img {top: -8px; left: 0;}
      #content ul.workflow li.presentation img {top: -7px; left: -1px;}
      #content ul.workflow li.expert_report img {top: -6px; left: -1px;}
   
   #content .workflowDocs {margin-top:35px;}

	/* userStoryTable */
	
	#userStoryTable {
	font-size:11px;
	border-collapse: collapse;
   border-spacing: 0;
	margin-top:30px;
   /*display: none;*/
	}
   
 	#userStoryTable tr td {border-spacing: 0;}

	#userStoryTable tr th {
	background:#e0f07b;
	background-image: url('../images/bg_us_table.png');
	background-position: top left;
	background-repeat: repeat-x;
	height:23px;
	padding:5px !important;
	font-size:12px;
	font-weight:bold;
	color:#000;
	border-bottom: 1px solid #fff !important;
	}
	
	#userStoryTable .special {
   	border-top: 1px solid #f3e59e !important;
   	border-bottom: 1px solid #f8eebc !important;
   }
	
   .usDomain {
   	padding-left:0 !important;
   	font-size:18px;
   	font-weight:bold;
   	color:#000;
   	border-top: 1px solid #e0f07b !important;
	}
	.usSubDomain {
   	padding-left:0 !important;
   	font-size:12px;
   	font-weight:bold;
   	color:#000;
	}
	
	#userStoryTable tr td {
   	padding:10px 5px 10px 5px;
   	border-bottom: 1px solid #e2ebed;
   	line-height:13px;
	}
		
	#userStoryTable .usObject {background:#FFEE78 !important; border-color:#ecd875;}
	#userStoryTable .usObjectBlank {background:#fffce8; border-color:#f3e59e;}
	
	#userStoryTable .usActionList {
	padding:2px 0 2px 5px;
	line-height:15px !important;
	}
	
	#userStoryTable tr td span {
   	display: inline-block;
   	border-style: double;
   	border-color: #e2ebed;
   	margin:2px 2px 2px 0;
   	padding:2px;
   	background:#fdfdfd;
   	white-space:nowrap;
	}
	
	#userStoryTable .usRole {padding-left:0px;}
	


   /* services */
   .services     {margin-top: 26px;}
   .services p   {margin-bottom: 25px;}
   .services h2  {letter-spacing: 0; margin-top: 0; padding-top: 0;}
   .services img {padding-top: 4px;}
   
   /* ROI */
   .roi_term     {font-size: 11px;}
   .roi_term dfn {display: block; font-size: 12px; line-height: 15px; padding: 15px 0 5px;}


/* @CONTACT
------------------------------ */
.contact .scheme {padding-top: 5px;}
.contact .scheme a {display: inline-block; margin-bottom: 5px;}
.contact .scheme a.external {font-size: 12px; background-position: 100% 2px; }

   #msk .big, 
   #spb .big {display: none;}

   #msk .big .interact, 
   #spb .big .interact {font-size: 18px;}
   
   


   
   
   

   
   

/* @BLOG
------------------------------ */
ul.posts_list    {margin-top: -8px !important ;}
ul.posts_list li {}
ul.posts_list li h2, div.post h1 {margin-top: 0;}
ul.posts_list li h2 span.minor {text-decoration: line-through;}
ul.posts_list li div, div.post .body {float: left; width: 70%;}
ul.posts_list li div img {margin-top: 5px !important; margin-bottom: 7px !important;}

   /* date */
   ul.posts_list li span.date, div.post .date {float: right; width: 25%; font-size: 11px; line-height: 15px; color: #9f9fa1; padding-top: 10px}
   ul.posts_list li span.date strong, div.post .date strong {font-size: 14px; display: block;}
   
   /* post */
   div.post .date {padding-top: 17px}
   div.post h1 {margin-bottom: 40px;}


   


/* @NAVIGATOR
------------------------------ */
.navigator {
   margin-top: 40px;
   width: 100%;
}
.navigator .prev, 
.navigator .next, 
.navigator .body {background: transparent url('../images/dot.png') repeat-x 0 12px;}

.navigator.thumb .prev, 
.navigator.thumb .next, 
.navigator.thumb .body {background: transparent url('../images/dot.png') repeat-x 0 50%;}


.navigator.thumb.wide .body {text-align: left;}
.navigator.thumb.wide .prev {padding-left: 0;}
.navigator.thumb.wide .trans {padding-left: 10px;}

.navigator.text.wide .prev, 
.navigator.text.wide .next {width: 30%; padding-left: 0; padding-right: 0;}
.navigator.text.wide .prev {padding-left: 10px;}
.navigator.text.wide .next {padding-right: 10px;}
.navigator.text.wide .body {width: 28%;}

.navigator .prev {padding-right: 20px;}
.navigator .next {padding-left: 20px;}

.navigator .head {text-align: center; font-size: 12px;}
.navigator.text.wide .head {text-align: left;}
.navigator.text.wide .head.right {text-align: right;}

.navigator .prefix {font-size: 12px; display: block; padding-bottom: 1px;}
.navigator .prefix2 {padding-top: 3px;}


   .navigator td        {vertical-align: middle;}
   .navigator.text td {vertical-align: top; padding-top: 2px;}
   .navigator.text td.prev_link,
   .navigator.text td.next_link {padding-top: 0;}

   .navigator .prev_link, 
   .navigator .next_link {width: 6%; background-color: white;}
   
   .navigator .prev_link {}
   .navigator .next_link {}
   
   .navigator .prev_link a, .navigator .next_link a {
      display: block;
      width: 20px;
      height: 25px;
      text-indent: -9000px;
      outline: 0;
      background: white url('../images/icons.png') no-repeat 4px -59px; 
      margin: 0 auto;
      overflow: hidden;
   }
   
   .navigator .prev_link a {margin-right: 15px;}
   .navigator .next_link a {float: left; margin-left: 15px; background-position: -16px -59px;}
   
      .navigator .prev, .navigator .next {width: 27%;}
            
         .navigator .prev .project_thumb, .navigator .next .project_thumb {}
         .navigator .prev img, .navigator .next img {}

         .navigator .prev div {overflow: hidden; clear: left;}
         
         .navigator .next div {
         /*
            margin-right: -10px; 
            float: right; 
            padding-right: 10px; 
            overflow: visible; 
            text-align: left !important;
            background-color: white;
         */
            clear: both;
            padding-right: 10px;
         }

         .navigator .next {text-align: right;}
         
         .navigator .next div, .navigator .prev div {font-size: 12px;}
         
         /* trans */
         .navigator .trans      {position: relative; right: -10px; background-color: white; font-size: 14px;}
         .navigator .trans span {position: relative; left: -20px; background-color: white;}
         
         .navigator .trans span.nowrap {position: static; left: 0; background-color: transparent;}
         
            .navigator .trans span a, 
            .navigator .trans span em {
               position: relative; 
               right: -10px; 
               font-style: normal; 
               background-color: white; 
               line-height: 20px;
            }

               .navigator .prev .trans {right: 0;}
               .navigator .next .trans span {left: -10px;}
               
            .navigator.thumb .trans span a, 
            .navigator.thumb .trans span em {white-space: nowrap;}
         
         
         .navigator .prev .project_thumb, 
         .navigator .next .project_thumb {float: left; text-align: center; width: 125px; background-color: white; padding-right: 10px;}
         
         .navigator .next .project_thumb {float: right; padding-left: 10px; padding-right: 0;}
         
         .navigator .prev.minor div, 
         .navigator .next.minor div {margin-top: 14px;}
         
         .navigator .prev.minor, 
         .navigator .next.minor {background-image: none; vertical-align: top;}



   /* body */
   .navigator .body {
      width: 34%;
      text-align: center; 
   }

   .navigator .body p      {margin-bottom: 0;}   
   .navigator .body div    {font-size: 12px; padding-top: 3px; clear: both;}
   .navigator .body strong {position: relative;}
   
   .navigator .next {}
   .navigator .next_link {}
   

   
   
   
   
   
   
   
   
/* bubble */
.bubble {
   clear: both; 
   background: transparent url('../images/bg_bubble.png') no-repeat 100% 0;
   padding-right: 10px;
   margin: 50px 0 0 0;
   width: 420px;
   /*
   margin-top: 50px;
   margin-right: 25%;
   */
}
.bubble .in     {background: transparent url('../images/bg_bubble.png') no-repeat 0 0; }
.bubble .in div {height: 110px; padding: 15px 5px 0 15px;}

.bubble h2 {letter-spacing: -1px; margin-bottom: 0; margin-top: 0;}



/* @PROJECTS */
.project_info     {font-size: 12px; padding-bottom: 10px; margin-top: -15px;}
.project_info img {float: left;}
.project_info div {max-width: 320px;}

.project_info h5   {margin-bottom: 10px; color: #9f9fa1; font-style: italic;}
.project_info h5 a {font-style: normal;}

.project_info em {margin-bottom: 20px;}

.project_info dl {}
.project_info dt {font-weight: bold;}
.project_info dd {}

#content .project_info dd ul        {margin-top: 4px; margin-bottom: 6px;}
#content .project_info dd ul li     {margin-bottom: 0; line-height: 20px; padding: 1px 0 4px 24px; position: relative;}
#content .project_info dd ul li a   {/*float: left; padding: 2px 0 7px 23px;*/ font-size: 12px;}
#content .project_info dd ul li img {position: absolute; left: 0; top: 0;}

   /* icons */
   #content .project_info dd ul li.modeling img {top: -5px;}
   #content .project_info dd ul li.design img {top: -6px;}
   #content .project_info dd ul li.prototype img {top: -7px;}
   #content .project_info dd ul li.consulting img {top: -7px;}

   /* project_body */







   


/* @FOOT
------------------------------ */
#foot {width: 100%; clear: both; background: #FDFDFD; border-top: 1px solid #E2EBED; text-align: left;}

   /* l */
   #foot .l {width: 18%; margin: 0 6%; font-size: 11px; color: #9F9FA1;}
   #foot .l a {color: #9F9FA1}
   #foot .l span {padding-top: 12px; display: block}
   
   /* r */
   #foot .minor {float: left; width: 60%;}
   #foot .minor span {margin-bottom: 13px; display: block;}
   #foot .minor span.important {margin-left: -18px; margin-bottom: 20px;}
   
      #foot .l,
      #foot .minor {padding-top: 35px;}


.big_wrap {margin-bottom: -175px;}
#dummy, #foot {height: 175px;}
#dummy {clear: both; height: 235px;}

.big_wrap, #foot {min-width: 1000px;}

#feedback_form_wrap {display: none; text-align: left;}
#feedback_form form {}
#contact_back {display: block; padding-top: 90px; display: none;}

#spb .big, #msk .big {cursor: pointer;}








/*
#root {border: 1px solid red; }
#leftcol {border: 1px solid green; }
#rightcol {border: 1px solid blue; }
*/


#foot {height: 174px;}