/*
Theme Name: Hogan
Theme URI: http://fmbm.ru/
Description: Theme developed for fmbm.ru site.
Version: 1.0
Author: Hogan
Author URI: http://fmbm.ru/
Tags: hogan, fmbm, musicians
Text Domain: hogan

*/

/* Layout *************************************************************************/

html,body{
    padding:0;
    margin:0;
}
html {
    height:100%;
    min-width:100%;      
}
body{
    width:100%;      
    min-height:100%;
    position: relative;
}
 
/*contact*/

#contact{
    position: fixed;
    top:0;
    left:0;
    z-index:1000;    
    width:100%;  
    overflow:hidden; 
    zoom:1;             
}

.wrapper_bg_content{
    display: none;       
}
.content_contact_block{
    display: none;    
}   
.lang_select_wrapper{
    height: 1px; 
    margin-bottom:-1px; 
    position:relative;    
}

.wrapper_bg_content, .wrapper_bg_content_second{
    overflow:hidden; 
    margin: 0 -300px -257px -300px; 
    z-index:15;    
    position: relative;
    zoom:1; 
}

.wrapper_bg_content_second{
    margin: 0 -300px 0 -300px;
    z-index: 14;
}
  
.content_bg_position{
    height: 257px;
    background: url(narezka/bg_content.png) 50% 100% no-repeat; 
    margin-left: 105px; 
    min-width:1590px
    zoom:1;
}

.content_bg_position_second{
    height: 37px;
    background: url(narezka/bg_content_close.png) 50% 100% no-repeat; zoom:1; 
}

.contact_href_wrapper{
    position:relative; 
    height: 37px; 
    margin: -37px auto 0 auto !important; 
    z-index:16;
}
.contact_href{
    position:absolute; 
    cursor: pointer;
    display:block;
    bottom:0; 
    right:30px;  
    height: 32px;
    width: 220px;
    zoom:1;                                                                
}
.content_bg_second{
    background: url(narezka/bg_content_close.png) 50% 0;
}
.content_contact_block{
    position:relative; 
    height: 220px; 
    overflow:hidden; 
    z-index:30;   
    width:100% !important;  
}

.show_contact{
    width:100%; 
    height:100%;
    position: absolute;
    top:0;
    left:0;
    cursor: pointer;
}

.hide_contact{
    position: absolute;
    top:0;
    left:0;
    cursor: pointer;
    width:100%; 
    height:100%; 
    display:none;   
}

.content_contact_block .small_block, .content_contact_block .small_block a{
    color: #FFFFFF;
}

#write_to_us{
    margin: 37px 0 16px;
    height: 16px;
    width: 160px;                                                         
}

#use_form{
    margin: 37px 0 15px 0;
    height: 18px;
    width: 219px;                                                        
}

#contact_mail{
    margin-bottom: 10px;
    display:block;
    height:14px;    
    padding-left: 20px;   
}

#skype_icq_wrapper{
    overflow: hidden;
    margin-bottom: 17px;
}

#contact_skype{
    padding: 0 23px 0 21px;    
    display: block;
    float: left;
    height: 15px;       
}
#contact_icq{
    padding-left: 21px;
    display: block;
    float: left;  
    height: 15px;    
}

#contact_bel_phones{
    clear: both;
    margin-bottom: 11px;      
    overflow: hidden;
}

#contact_velcome{
    padding: 0 24px 0 21px;    
    display: block;
    float: left;
    height: 15px;       
}
#contact_mts{
    padding-left: 22px;
    display: block;
    float: left;  
    height: 16px;    
    zoom:1;
}

#contact_form{
    position: relative;
    height: 130px;
    width : 100%;                
    zoom:1;
}
#contact_form .form_name{
    height: 15px;
    width:122px;   
    zoom:1; 
    top:0;
    left: 0;
    position:absolute;
}

#contact_form .form_email{
    height: 15px;
    width:127px; 
    zoom:1;                 
    top:0;
    left: 135px;
    position:absolute;
}

#contact_form .form_text{
    height: 87px !important;
    width: 592px !important;    
    zoom:1;       
    top:24px;
    left: 0;
    position:absolute;

}

#contact_form input, #contact_form textarea{
    border: 1px solid #262626; 
    background: transparent url(narezka/bg_shaddow_bottom.png) 0 0 repeat;   
    margin: 0;
    padding: 0 3px 0 3px;   
    color: #474747;
    font-size:11px;  
    font-family:Tahoma,Sans-Serif;
    font-weight: normal;
    outline: none;
}

#contact_form input.active, #contact_form textarea.active{ 
    color: #ababab;
}

#contact_warning{
    font-size:11px;  
    font-family:Tahoma,Sans-Serif;
    color: #eb3535;
    position: absolute;
    top:-1px;
    left: 285px;    
}

#contact_form textarea {
    padding-top:2px;
    padding-bottom:2px;
    overflow: hidden;
}

#send_contact{
    position: absolute;
    top:102px;
    left:517px;
    border: none;
    width: 83px;
    height: 15px;
    outline: none;
    cursor: pointer;
}

/*end contact*/                                                                                  
                                       

.header_main{
    height:187px;  
}
.header_secondary{
    height:187px;     
}
#header{
    position: relative;
    z-index:5;
    zoom:1;      
}

#content{    
    padding-bottom: 66px;
    position: relative;
    z-index:5;    
    zoom:1;
}
#content_about{
    padding-bottom: 163px;
    position: relative;
    z-index:5;    
    zoom:1;
}

#footer{
    position: absolute;
    bottom: 0;
    width: 100%;  
    height: 66px;
    z-index:5;   
    zoom:1;          
}
#footer_about{
    position: absolute;
    bottom: 0;
    width: 100%;  
    height: 163px;
    z-index:5;   
    zoom:1;          
}
#top_shaddow, #top_shaddow_light{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 187px;
    z-index:1;
    zoom:1;
}
#bottom_shaddow{
    height: 219px;
    margin-bottom: -219px;
    zoom:1;
}
#bottom_shaddow_half{
    height: 112px;
    zoom:1;
}
#bottom_shaddow_about{
    height: 163px;
    width: 100%;
    position: absolute;
    bottom: 0;
    zoom:1;
}


.workspace{
    min-width: 990px;
    max-width: 1200px;
    margin: 0 auto; 
}

.small_block,.dbl_block{
    float: left;  
} 

.small_block{
    width:  33.3%;   
}

.dbl_block{
    width:  66.6%;    
}
.inside_block{
    padding: 0 30px;
}

.child_header{
    height: 100%;
}

#logo{
    margin : 75px 0 0 30px;
    width: 164px;
    height: 75px;
}
#lang_select{
    position: absolute;
    top: 22px;
    left: 60px;
    height: 15px;
    padding: 0 4px;
    line-height:13px;
    display: block;
    text-decoration: none;
}
.lang_select_wrapper{
    height: 1px; 
    margin-bottom:-1px; 
    z-index:1001; 
    position:relative;    
}
#logo div{ 
    height:100%;
}
#logo a{
    width: 100%;
    height: 100%;
    display: block;
    position:relative; 
}

#menu_top{
    margin: 75px 0 0 30px;
    height: 110px;
}

#we_work4musicians{
    width: 465px;
    height:36px;
}


.menu_middle_main dl, .menu_middle_main dt{
    height: 16px;
}

.menu_middle_secondary dl, .menu_middle_secondary dt{
    height: 15px;
}

#menu_middle_top dd, #menu_middle_top dt, #menu_middle_bottom dd, #menu_middle_bottom dt{
    float: left;
    margin: 0;
}

#menu_middle_top{
    margin-top: 5px;
}
#menu_middle_bottom{
    margin-left:18px;
    margin:15px 0 0 18px;
}

#txt_why_fmbm{
    width: 267px; 
    height: 16px;   
}
#give_your_respect_us{
    width: 176px; 
    height: 17px; 
    margin-bottom: -1px;      
}
#txt_our_clients{     
    width: 107px;
    height: 17px;   
}

.menu_middle_main dt{
    padding: 0 12px 0 30px;
}
.menu_middle_secondary dt{
    padding: 0 0 0 1px;
}
dd.delimeter_top_dd{
    width: 12px;
    height:21px
}  

.menu_middle_secondary dt{
    overflow: hidden;
}
.menu_middle_secondary dl{
    margin: 0;
    overflow:hidden;
}
.menu_middle_secondary dl.second_dl{
    margin: 3px 0 0 9px;
}

#menu_middle_bottom dl.second_dl{
    margin: 0 0 0 10px;
}

dt div.dt_l, dt div.dt_c, dt div.dt_r{
    float:left;
    height:100%;
}

dt div.dt_l{
    height: 15px;
    width: 11px;
}
dt div.dt_r{
    height: 15px;
    width: 13px;
}

.dl_txt_margin{
    margin-top:-1px;   
}


#portfolio_viewer{
    height: 340px;
    position: relative;
}
#portfolio_grey_line{
    position: absolute;
    height: 32px;
    width: 100%;
    bottom: 0px;
    left: 0px; 
}

#portfolio_grey_line div{
    height: 100%;
}

#main_page_info{   
    margin: 45px auto 38px; 
    padding-bottom:11px;
    padding-top:30px;
}

#main_page_info h3, #portfolio_info h3{
    margin: 0 0 16px 0;
}

#main_page_info p{
    text-align: justify;   
}
     
p.discont a{
    padding-right: 19px;
}    

.discont_wrapper{
    padding-top:16px;
}  

#menu_bottom{
    height: 100px;
}

#menu_bottom_portfolio{
    height: 100%;
}

#footer_copyright_line{
    position:absolute;
    top: 0;
    height: 46px;
    width: 100%;
}
#footer_about #footer_copyright_line{
    top: auto;
    bottom: 20px;
}
#footer_copyright_line h2{ 
    margin: 0;
}
#menu_bottom h3{  
    margin: 32px 0 0 0;
}
#menu_bottom #menu_bottom_contact h3{
    margin: 41px 0 0 0;
}

#menu_bottom p.inside_block{
    margin: 2px 0 0;
}

p{
    margin: 16px 0 16px 0; 
}

a.arrow11{
    padding-right: 19px;
}
#main_page_info p.client_cloud, #portfolio_info p.client_cloud{
    line-height: 22px;
    text-align: left;
    margin-left: -3px;
}
#main_page_info p.client_cloud a, #portfolio_info p.client_cloud a{
    text-decoration: none;
    padding: 0 3px;
}
/************************PORTFOLIO**************************************************************/
#portfolio{
    padding: 0 0 38px 0;
}
#portfolio div.workspace{
    overflow: hidden;
}
.portfolio_work{
    width: 330px;
    height: 330px;
    margin: 0 auto;
    display: block;
    position: relative;
}
.portfolio_work span{
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom:9px;
}
#portfolio_info{
    min-height: 100px;  
    margin: 14px auto 38px; 
    padding-top:30px;   
    padding-bottom:11px;   
    
}

/************************END PORTFOLIO**************************************************************/
/************************ABOUT**************************************************************/
#about{
    min-height: 230px;
    min-width: 990px;
    padding:17px 0 57px;
}
#about .workspace .small_block{
    height:379px;
}
#workstation_about_wrapper{
    position:relative;
    overflow:visible;
}
#workstation_about{
    position:absolute; 
    height: 351px; 
    width: 479px; 
    top:0; 
    right:-29px;
    background: transparent url(narezka/workstation.jpg) 0 0 no-repeat;
}
/************************END ABOUT**************************************************************/

/************************PORTFOLIO INNER**************************************************************/
.description_work{
    margin-top:34px;
}
.ll_works{
    
    margin-top:34px;
}
.preview_work_big{
    width: 600px;
    margin: 38px auto 0;
}
.workspace_portfolio_inner .clear{
    height: 38px;
}



.scrollable .workspace_portfolio_inner{
    width: 1200px;    
    float: left;                                                                              
}              
#infinite{
    overflow:hidden;
    position:relative;
}          
#infinite .items a.small_block1 span{
    display:block;
    margin-top: -32px;
}   
.infinite_left_shaddow{
    height: 100%; 
    width:30px; 
    position: absolute; 
    top:0; 
    left:0;
    z-index: 30; 
}                                                 
.infinite_right_shaddow{
    height: 100%; 
    width:30px; 
    position: absolute; 
    top:0; 
    right:0; 
    z-index: 30;  
}
/************************END PORTFOLIO INNER**************************************************************/      
.menu_middle_secondary a{
    padding-bottom:1px;
}
/* Fonts *************************************************************************/ 
html{
    font:11px/16px Tahoma, Sans-Serif;       
}

a:hover{
    text-decoration: none;
}

#menu_bottom{
    font-size: 12px; 
} 

.menu_middle_main dt{
    line-height: 15px;
}

.menu_middle_secondary dt, .menu_middle_secondary dd{
    line-height: 15px;
}

.menu_middle_secondary a{
    text-decoration: none;
}

#main_page_info h3,  #portfolio_info h3, .description_work h3, .ll_works h3{
    font-size: 16px;
    font-weight: normal;
}   

p.discont a, #main_page_info p.discont{  
    text-align: left;
}  

#footer_copyright_line h2{      
    font-size: 9px;
    font-weight: normal;
    line-height: 44px;
}

#menu_bottom h3{
    font-size: 18px;
    font-weight: normal;    
}

.portfolio_work span{
    text-align: center;
    font-size: 12px;
    text-decoration: inherit;   
}
.portfolio_work{
    text-decoration: underline;
}

#portfolio_info p{
    text-align: justify;
}

          
/* Colors *************************************************************************/ 
body {
    background-color: #161a1b;
}

body{
    color: #777777;
}

a{
    color: #ababab;
}

a:hover, #menu_bottom h3 a:hover, p.discont a{
    color: #f5c120;
}

.headers_color{
    color: #f5c120;
}

.menu_middle_main dt{
    color: #303030;
}   

.menu_middle_secondary dt{
    color: #000000;
} 

.menu_middle_secondary a,.portfolio_work{
    color: #777777;
}
.menu_middle_secondary a:hover, .menu_middle_secondary dd{
    color: #F5C120;;
}  

#menu_bottom h3,#menu_bottom h3 a{
    color: #3f535a;
}

.description_work h3, .ll_works h3{
    color: #f5c120;
}
.name{
    color: #ababab;
}
html
{
    background: url('narezka/emptyimg.gif') #000000 no-repeat;    
    background-attachment: fixed; 
}   
body{
    background: #161a1b url(narezka/bg_main.png) 0 0 repeat;
} 
body#body_about{
    background: #161A1B;
}
#logo{
    background: transparent url(narezka/logo.png) 0 0 no-repeat; 
}
#we_work4musicians{
    background: transparent url(narezka/we_work4musicians.png) 0 0 no-repeat;
}
.menu_middle_main{ 
    background: transparent url(narezka/bg_menu_main.png) 50% 0 repeat-y;  
}
.menu_middle_main dt{ 
    background: #0b0d0d url(narezka/bg_menu_main_dt.png) 100% 0 no-repeat;
}
dt div.dt_l{
    background: transparent url(narezka/bg_menu_secondary_dt_l.png) 0 0 no-repeat;   
}
dt div.dt_r{
    background: transparent url(narezka/bg_menu_secondary_dt_r.png) 0 0 no-repeat;   
}
dt div.dt_c{
    background-color: #f5c120;   
}
dd.delimeter_top_dd{   
    background: transparent url(narezka/bg_menu_secondary_dd.png) 0 0 no-repeat;    
}
.menu_middle_secondary dd.last, #menu_middle_bottom.menu_middle_secondary dd.last{
    background: none;
}

#portfolio_viewer{ 
    background: #000;
}   
#portfolio_grey_line{
    background: transparent url(narezka/background_footer.png) 50% 0 repeat-y;    
}   
.portfolio_grey_line_middle{
    background-color:#080B0C;
}        
p.discont a{
    background: transparent url(narezka/arrow_11.png) 100% -15px no-repeat;      
}                
#menu_bottom_portfolio{
    background-color: #080b0c;     
}
#footer_copyright_line{
    background-color: #000;       
}

#bottom_shaddow_about{
    background: transparent url(narezka/bottom_shaddow_light.png) 0 0 repeat-x;    
}

#portfolio{
    background: #000000;
}

a.arrow11{
    background: transparent url(narezka/arrow_11.png) 100% 5px no-repeat;   
}

a.arrow11:hover{
    background-position: 100% -15px;   
}

/*#about{
    background: transparent url(narezka/micro_about.png) 50% 34px no-repeat;       
} 
#about{
    background: #161A1B;       
} */

#portfolio_inner{
    background-color: #000000;       
}
#top_shaddow{
    background: transparent url(narezka/top_shaddow.png) 0 0 repeat-x;
}
#top_shaddow_light{
    background: transparent url(narezka/top_shaddow_light_1.png) 0 0 repeat-x;
}
#bottom_shaddow{
    background: transparent url(narezka/bottom_shadow.png) 0 0 repeat-x;
}
#bottom_shaddow_half{
    background: transparent url(narezka/bottom_shaddow_half.png) 0 0 repeat-x;
}
#bottom_shaddow_light{
    background: transparent url(narezka/bottom_shaddow_light_1.png) 0 0 repeat-x;
}
.bottom_wokspace_shadow{
    background: transparent url(narezka/bg_shaddow_bottom.png) 0 0 repeat;   
}
#txt_why_fmbm{
    background: transparent url(narezka/txt_why_fmbm.png) 0 0 no-repeat;    
}
#give_your_respect_us{
    background: transparent url(narezka/give_your_respect_us.png) 0 0 no-repeat;    
}
#txt_our_clients{
    background: transparent url(narezka/txt_our_clients.png) 0 0 no-repeat;    
}
.infinite_left_shaddow{
    background: url(narezka/bg_rotator_left.png) 0 0 no-repeat
}                                                 
.infinite_right_shaddow{
    background: url(narezka/bg_rotator_right.png) 0 0 no-repeat    
}
.show_contact{
    background: transparent url(narezka/show_contact.png) 0 0 no-repeat;
}
.hide_contact{
    background: transparent url(narezka/hide_contact.png) 0 0 no-repeat;     
}
#write_to_us{ 
    background: transparent url(narezka/write_to_us.png) 0 0 no-repeat;
}

#use_form{
    background: transparent url(narezka/use_form.png)  0 0 no-repeat;
}

#contact_mail{
    background: transparent url(narezka/contact_ico/mail.png) 0 0 no-repeat;        
}

#contact_skype{
    background: transparent url(narezka/contact_ico/skype.png) 0 0 no-repeat;      
}
#contact_icq{
    background: transparent url(narezka/contact_ico/icq.png) 0 0 no-repeat;   
}

#contact_velcome{
    background: transparent url(narezka/contact_ico/velcome.png) 0 0 no-repeat;      
}
#contact_mts{
    background: transparent url(narezka/contact_ico/mts.png) 0 0 no-repeat;  
}

#send_contact{
    background: transparent url(narezka/send_contact.png) 0 0 no-repeat;  
}

#main_page_info p.client_cloud a:hover, #portfolio_info p.client_cloud a:hover{
    background-color: #f5c120;
    color:#000000;
}
#lang_select{
    background: #000000;
    color: #777777;
}
#lang_select:hover{ 
    color: #000000;
    background: #F5C120;
}
.menu_middle_secondary a{
    background: transparent url(narezka/bottom_dotted.png) 0 100% repeat-x;
}

.menu_middle_secondary a:hover{
    background: none;
}
 
/* Misc *************************************************************************/ 
.clear{
    clear: both;
}

.none{
    display:none;
}

a img{
    border:none;
}

a:active, button:active, a { outline: none; }
a:focus, button:focus, a { -moz-outline-style: none; }
a:active, a:focus, img { outline: 0; }


/*****************************TMP**********************************************/
.scrollable {
    height:340px;
    overflow:hidden;
    position:relative;
}


.scrollable .items {
    clear:both;
    position:absolute;
    width:20000em;
    height: inherit;
}
.small_block1{
    width:33%;
    float: left;
    display: block;
    text-align: center;
    font-size:12px;
    zoom:1;
}
.small_block1 img{
    display: block;
    width: 330px;
    height:330px;
    margin:0 auto 7px;
}
#portfolio_viewer_conteiner{
    margin:0 auto;
    max-width:1260px;
    min-width:1050px; 
}
#portfolio_viewer_conteiner div.left{
    width: 30px;
    float: left;  
}
#portfolio_viewer_conteiner div.right{
    width: 30px;
    float: right;
}
#portfolio_viewer_conteiner div.left a.left{
    display: block;    
    width: 10px;
    height: 20px;
    margin: 155px 0 0 10px;  
    background: transparent url(narezka/viewer_left.png) 0 0 no-repeat;
    cursor: pointer;
}
#portfolio_viewer_conteiner div.right a.right{
    display: block;
    width: 10px;
    height: 20px;
    margin: 155px 0 0 10px;  
    background: transparent url(narezka/viewer_right.png) 0 0 no-repeat;
    cursor: pointer;
}
/*****************************END TMP**********************************************/         
/*****************************END expirement**********************************************/         
.workspace {
    padding:0 30px;
}
/*****************************END expirement**********************************************/