/*
Theme Name: BQB
Theme URI: http://bqb.ru
Version: 1.0
Author: Maxim Pokrovskii
Author URI: http://pokrovskii.com
*/

*{
   margin: 0;
   padding: 0;
   }

html{
   font-size:100.01%;
   height:100%;
   }
   
body{
   position:relative;
   font:normal 62.5% 'Georgia';
   color:#363438;
   height: 100%;
   background:url('images/bg_stripe.gif') #ECECEC;
}

img {
   border:0;
   }
 
a{
   color:#000;
   text-decoration:underline;
   }
   

a:hover{
   color:#777;
   }

ul{
   list-style:none;
   }

table{
   border-collapse:collapse;
   }
   
   table td{
      vertical-align:top;
      }
   
#gl-wrapper{
   position: relative;
   min-height: 100%; min-width:1000px;
   height: auto !important;
   overflow: hidden;
   margin: 0 auto -50px; /* нижний margin является отрицательной величиной высоты footer */
   }
   
   .category-concept #gl-wrapper, .category-clients #gl-wrapper, .category-contacts #gl-wrapper, .category-concepten #gl-wrapper, .category-clientsen #gl-wrapper, .category-contact-usen #gl-wrapper{
      background-position: 0 100% !important;
      }
   
   .l-footer, .push {
      clear: both;
      position: relative; z-index:10;
      height: 50px; /* .push должен быть той же высоты, что и .footer */
      }
   
   .w-all{
      position: relative; z-index:10;
      padding: 25px 0 0 25px;
      }
   
         
/* Global
------------------------------*/

.wrap-head{
   position: relative;
   height:91px;
   }

.logo{
   position: relative;
   width:176px; height:85px;
   overflow: hidden;
   background: url('images/logo.png') no-repeat;
   }
   
   .logo a{
      display: block;
      width:176px; height:85px;
      }
   
   .logo span{
      display: none;
      }
      
      
.slogan{
   position: absolute; left:250px; top:15px; z-index:10;
   font: italic 3.7em 'Georgia';
   color: #000;
   }
   
.fjib-b{
   position: absolute; bottom:-2px; right:0; z-index:10;
   }
   
   .fjib-b a{
      font: bold 4em "Georgia";
      text-decoration: none;
      }
      
      .fjib-b a em{
         font-size: 0.29em;
         font-weight: normal;
         }
   
.wrap-link{
   position: absolute; left:555px; top:0; z-index:10;
   }
   
.long-link{
   font: italic 1.2em "Georgia";
   float: left;
   width:119px;
   }   
   
.b-menu{
   padding: 10px 0px;
   margin-left: 176px;
   }
   
.menu-table{
   width:100%;
   }
   
   .menu-table .date{
      width:1%;
      white-space: nowrap;
      background: #D00024;
      padding: 5px 5px;
      }

      .b-menu a{
         color: #fff;
         font-size: 1.2em;
         text-decoration: underline;
         }
      
      
      
/* block-row
------------------------------*/

.block-row{
   position: relative;
   overflow: hidden;
   clear:both;
   margin: 15px 0px 15px 0px;
   }
   
#popsop .block-cell-2, #popsopcom_en .block-cell-2{
   width:406px;
   margin-left: 30px;
   }
   
#concept .block-cell-2{
   width:406px;
   margin-left: 30px;
   }

#concept_en .block-cell-2{
   width:406px;
   margin-left: 30px;
   }
   
   .block-cell{
      float: left;
      /*height:164px;*/
      /*width:217px;*/
      /*background: url('images/bg-noise.jpg') repeat;*/
      font:normal 1.2em/18px 'Georgia';
      vertical-align: top;
      }
      
      
      .block-row h2{
         position: relative;
         font: normal 2.8em "Georgia";
         margin-bottom: 15px;
         }
         
      #clients .block-cell img{
         width:214px;
         height:164px;
         }
      
      .block-cell img{
         height:164px;
         }
         
      .portfolio .block-cell img, .portfolio_en .block-cell img{
         width:214px;
         height:164px;
         }
         
      .block-cell ul{
         margin: 0px 0px 5px 15px;
         list-style-type: disc;
         }

        
      .block-cell p{
         margin-bottom: 5px;
         margin-right: 10px;
         }
         
         .block-cell a{
            color: #D00024;
            }
            
            .block-cell a:hover{
               color: #7F0017;
               }
         
            
.foot-bak{
   height:50px;
   display: none;
   }
   
.wrap-img{
   position: relative;
   height:673px;
   }
   
   
/* crop
------------------------------*/
   
   .about .block-cell, .concept .block-cell, .popsop .block-cell, .fji .block-cell{
      /*width:33.3%;*/
      /* padding: 24px 0px 0px 0px; */ 
      }
         
   .fji .block-cell{
      height:auto;
      }
      
/* category_description
------------------------------*/
.category_description{
   font:italic 1.2em 'Georgia';
   width:50%;
   margin-bottom: 15px;
   }
   
   .prezentaciya .category_description .link-cat, .pdf-presentation_en .category_description .link-cat{
      position: absolute; top:15px; left:328px;
      }
      
      .prezentaciya .category_description .link-cat a, .pdf-presentation_en .category_description .link-cat a{
         margin-right: 10px;
         }
         
    
.b-present{
   position: absolute; bottom:-120px; left:200px;
   width: 174px; height: 299px;
   background: url('images/bg-present-1.png') 0px 0px no-repeat;
   }
   
   .category-clients .b-present, .category-clientsen .b-present{
      width: 319px; height: 172px;
      background: url('images/bg-present-3.png') 0px 0px no-repeat;
      bottom:-172px; left:0;
      }
   
   .category-portfolio .b-present, .category-portfolioen .b-present{
      left:-209px; top:0;
      background: url('images/bg-present-2.png') 0px 0px no-repeat;
      }
   
   .b-present .presents-text{
      margin-top: 178px;
      text-align: center;
      }
      
      .category-clients .b-present .presents-text, .category-clientsen .b-present .presents-text{
         margin: 46px 0px 0px 138px;
         width: 173px;
         }
      
      .category-portfolio .b-present .presents-text, .category-portfolioen .b-present .presents-text{
         margin-top: 55px;
         }

   .b-present .presentation{
      margin-bottom: 10px;
      font: italic 1.4em 'Georgia';
      }

      
   .b-present .presentation a{
      padding: 2px 5px 4px 5px;
      background: #D00024;
      color: #fff;
      }
      
   .b-present .download, .b-present .download-link{
      font: italic 1.2em/20px 'Georgia';
      }


/* links
------------------------------*/

.link-b{
   position: relative; z-index:10;
   font: italic 1.5em/20px "Georgia";
   width:204px;
   }
   
   .link-b a{
      color: #fff;
      background: #d00024;
      text-decoration: none;
      padding-top: 3px;
      padding-bottom: 6px;
      position: relative;
      border-right:solid 1px #D00024;
      }
      
   .link-b a span{
      position: relative; right:14px;
      background: #d00024;
      padding-top: 3px;
      padding-bottom: 6px;
      }
      
      .link-b a span span{
         position: relative; left:7px; right:0;
         padding-top: 0px;
         padding-bottom: 0px;
         text-decoration: underline;
         background: #d00024;
         }
   
      
   .link-history{
      margin-top:0px; margin-left:225px
      }
      
   .link-popsop{
      width:257px;   
      margin-top:54px; margin-left:356px;
      }
   
   .link-koncept{
      margin-top:50px; margin-left:430px;
      }


/* lang_sel
------------------------------*/
.b-lang_sel{
   position: absolute; right:20px; top:0px; z-index:10;
   height:auto !important;
   }
   
   .b-lang_sel a{
      margin-left: 5px;
      }


/* extra fix (23.02.10)
------------------------------*/
.b-cat{
   position: relative;
   width:900px;
   margin: 80px 0px 0px 250px;
   float: left;
   }
   
   .b-cnt-text{
      position: relative; z-index: 2;
      }
   
   .b-cnt-text p{
      font-size: 1.2em;
      margin-bottom: 20px;
      line-height: 18px;
      }

.b-cnt-images{
   float: left;
   vertical-align: top;
   height:164px;
   width:214px;
   }
   
   .b-cnt-images img{
      min-width: 214px;
      min-height: 100%;
      width: 100%;
      height: auto;
      cursor:pointer;
      }
      
      .b-cnt-images .simple_overlay img{
         width:auto !important;
         }
      
w-full-bg{
   position: static !important;
   }
   
      
.full-bg{
	min-height: 100%;
	min-width: 1916px;
	width: 100%;
	height: auto !important;
	position: fixed !important;
	top: 0;
	left: 0;
   }

@media screen and (max-width: 1916px){
	.full-bg{
		left: 50%;
		margin-left: -958px; 
		}
		
}
   
.anim_bg{
   position: absolute !important; top:0; left:0;
   width:100%; height:100%;
   }
   
   .anim_bg__1{
      background: url('images/picture-1.jpg') no-repeat;
      }

   .anim_bg__2{
      background: url('images/picture-2.jpg') no-repeat;
      }

   .anim_bg__3{
      background: url('images/picture-3.jpg') no-repeat;
      }

.b-yaapn{
   margin-top: 10px;
   clear: both;
   color: #fff;
   font-size: 1.2em;
   padding: 3px 5px;
   background: #D00024;
   float: left;
   }
   
   .b-yaapn a{
      color: #fff;
      }

.b-seo{
   /*position: absolute; bottom:0px; left:0px;*/
   z-index:10;
   padding: 10px;
   }

/* wrap-color
------------------------------*/

.cfi{
   margin-bottom: 20px;
   }

.wrap-color{
   width:575px;
   }
   
   .wrap-color h3{
      font: normal 2.8em 'Georgia';
      margin-bottom: 5px;
      margin-top: -5px;
      color: #000;
      }
   
   
   .wrap-color p{
      font: italic 1.4em/23px "Georgia";
      margin-bottom: 41px;
      }
      
   
   .wrap-color a{
      color: #fff;
      }

.wrap-color h2{
   margin-bottom: 20px;
   font: normal 2.4em "Georgia";
   }

.wrap-color p span, .wrap-color h2 span{
   background: #D00024;
   color: #fff;
   padding: 6px 0px;
   }
   
   .wrap-color p span span, .wrap-color h2 span span{
      position: relative;
      left:12px;
      }
      
   .wrap-color p span span span, .wrap-color h2 span span span{
      position: relative;
      left:-6px;
      padding-top: 0px;
      }

.star-label{
   position: absolute; right:50px; bottom:-54px;
   width: 176px; height: 175px;
   background: url('images/bg-star.png') 0px 0px no-repeat;
   text-align: center;
   }
   
   .star-label a{
      font: normal 12px 'Georgia';
      color: #fff;
      position: relative; top:60px;
      line-height: 20px;
      }

.category-contacts .wrap-color p, .category-contact-usen .wrap-color p{
   font-size: 12px !important;
   color: #000;
   }

/*fancy*/
#fancy_bg{
   background:url('images/bg_stripe.gif') #fff !important;
   }



/*portfolio*/

/* general settings for both scrollables */
.items {	
	width:20000em;	
	position:absolute;
	clear:both;
}


/* overlay styling */
	#main {
		position:relative;
		height: 561px;
		width:860px;
		margin:10px;
		padding:10px;
	}
	
	.scrollable-v{
   	position:relative;
   	overflow:hidden;
   	height: 524px;
	   }
	
	/* root element for pages */
	.pages {
		position:absolute;
		height:20000em;
	}
	
	div.page{
	   height: 524px;
	   overflow: hidden;
	   }
	
	/* root element for horizontal scrollables */
	.scrollable {
		position:relative;
		overflow:hidden;
		width: 860px;
		height: 524px;
	}
	
	/* root element for scrollable items */
	#main .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable items */
	.item {
		float:left;
		width:860px;
		height:524px;
		padding:10px;
	}
	
	/* main navigator */
	.main_navi {
		float:left;
		padding:0px !important;
		margin:0px !important;
	}
	
	.main_navi li {
		clear:both;
		font-size:12px;
		list-style-type:none;
		cursor:pointer;
		margin:0 2px;
	}
	
	.main_navi li img{
	   display:block;
	   }
	
	.main_navi li.active{
	   
	   }
	

	.main_navi strong {
		display:block;
	}
	
.nav{
	width:900px;
	/*height:561px;*/
	position:absolute;
	display:none;
	z-index:10000;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
   border:1px solid #666;
   background:url(images/bg_stripe.gif) #fff;
   }

.bqb{
   clear:both;
   }
   
.nav{
   display:none;
   }
   
#main .close {
	background-image:url(images/overlay/close.png);
	position:absolute;
	right:-25px;
	top:-25px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.nv{
   position:absolute; bottom:4px;
	background-image:url(images/overlay/hori_large.png);
	width:30px;
	height:30px;
	z-index:2;
}

.navi{
   position:absolute; bottom:12px;
   text-align:center;
   width:700px;
   margin-left:160px;
   }

.navi.disabled {
	visibility:hidden;		
}

.navi a {
	width:8px;
	height:8px;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:inline-block;
	font-size:1px;
	outline:none;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
} 	

.nxt 				{ background-position: 0 -30px; clear:right; }

.nxt{
   right:15px;
   }

.prv{
   left:176px;
   }

.nav .logo-m{
   position:absolute;
   width:140px;
   bottom:0px; left:0px;
   height:78px;
   }
   
   .nav .logo-m em{
      font:italic 14px Georgia,sans-serif;
      position:relative; bottom:5px;
      }

.w-navi{
   position:relative;
   float:left;
   height:100%;
   width:150px;
   }
   
   .w-navi h3{
      font:normal 15px Georgia;
      margin-bottom:10px;
      }
   

/* — Мнение, как задница — есть у каждого. */