/* Table of Contents
  
  Includes
  Default Settings
  Typography
  Header Layout
  Middle Layout
  Footer Layout

*/

/* Includes
------------------------------------------ */

@import url("reset.css");
@import url("global.css");

/* Default Settings
------------------------------------------ */
body {
  font:12px Arial;
  width:1000px;  
  margin:0 auto;
}

a {
  color: purple;
}

/* Typography
------------------------------------------ */
div.top .news {
  text-align:center;
  }
   div.top .news a {
    color:white;
    text-decoration:none;  
    }
   div.top .news .h2 {
    font:35px Arial;
    text-transform:uppercase;
    }
   div.top .news .h3 {
    font:bold 20px Arial;
    text-transform:uppercase;
    }  
.nav a {
  font:bold 12px/22px Arial;
  color:#A51052;
  text-decoration:none;
  }
.nav_mid a {
  font:12px Arial;
  color:white;
  text-decoration:none;
  }
.mid .info {
  color:white;
  }  
.sup .desc {
  text-align:justify;
  color:white;
  }
.content {
  color:white;
  }  
  .content h2 {
    font:18px Arial;
    color:white;
    }  
  .content p {
    text-align:justify;
    }
.footer { 
  font:14px Arial;
  color:white;
  }
  .footer big {
    font:24px Arial;
    }


/* Header Layout
------------------------------------------ */
  .logo {
    width:288px;
    height:181px;
    }
  .top {
    height:490px;
    position:relative;
    }
  .top .fla {
    width:1000px;
    position:absolute;
    bottom:0;
    }
  .left_bg {
    width:25px;  
    background:url(../../images/viaselle/left_bg.png) repeat-y left;  
    }
  .top .left_bg {
    position:absolute;
    bottom:0;
    left:0;
    height:310px;
    z-index:4;
    }
  .mid .left_bg {
    position:absolute;
    bottom:0;
    height:248px;
    }    
    div.top .n1 {
      float:right;
      width:134px;
      height:132px;
      margin:15px 25px 0 0;
      }
    div.top .title {
      float:right;
      width:223px;
      height:68px;
      margin:25px 10px 0 0;
      }
    div.top .news {
      width:206px;
      background:url(../../images/viaselle/news_bg1.png) no-repeat left top;
      padding-top:65px;
      padding-bottom:10px;
      height: 84px;   
      margin-top:20px;
      position:relative;
      overflow:visible;
      z-index:3;
      }
      .news #flash {
        position:absolute; 
        z-index:99; 
        overflow:visible;
        left:-10px; 
        top:-49px;
        }
      div.top .news span {
        position:relative;
        left:0px;
        }
    .nav {
      float:right;
      clear:right;
      width:166px;
      height:217px;
      margin-top:40px;
      background:url(../../images/viaselle/menu_bg.png) no-repeat;
      padding:80px 0 0 90px;
      }
      .nav li {
          position:relative;
          z-index:99;
          background:url(../../images/viaselle/nav_mark.gif) no-repeat left center; 
        }
        .nav a {
          padding-left:20px;        
          position:relative;
          }
  .vedysh div.top { background:#121213 url(../../images/viaselle/top_vedysh.jpg) no-repeat 62px top; }
  .vedysh div.fla { height:153px; background:url(../../images/viaselle/fla_vedysh.png) no-repeat; }
  
  .fotvid div.top { background:white url(../../images/viaselle/top_fotvid.jpg) no-repeat 115px top; }  
  .fotvid div.fla { height:165px; background:url(../../images/viaselle/fla_fotvid.png) no-repeat; }  
  
  .vaszal div.top { background:white url(../../images/viaselle/top_vaszal.jpg) no-repeat 160px top; }    
  .vaszal div.fla { height:165px; background:url(../../images/viaselle/fla_vaszal.png) no-repeat; }    

  .admin  div.top { background:white url(../../images/viaselle/top_admin.jpg) no-repeat 25px top; }
  .admin  div.fla { height:165px; background:url(../../images/viaselle/fla_admin.png) no-repeat; }
  
  .galer  div.top { background:black url(../../images/viaselle/top_galer.jpg) no-repeat 5px top; }  
  .galer  div.fla { height:165px; background:url(../../images/viaselle/fla_galer.png) no-repeat; }
  
  .dopysl div.top { background:black url(../../images/viaselle/top_dopysl.jpg) no-repeat 5px top; }    
  .dopysl div.fla { height:153px; background:url(../../images/viaselle/fla_vedysh.png) no-repeat; }  
  
  .cont   div.top { background:white url(../../images/viaselle/top_cont.jpg) no-repeat 5px top; }    
  .cont   div.fla { height:165px; background:url(../../images/viaselle/fla_cont.png) no-repeat; }  

  .faq    div.top { background:black url(../../images/viaselle/top_faq.jpg) no-repeat 180px top; }      
  .faq    div.fla { height:165px; background:url(../../images/viaselle/fla_faq.png) no-repeat; }  
  
  .shoy   div.top { background:black url(../../images/viaselle/top_shoy.jpg) no-repeat left top; }      
  .shoy   div.fla { height:165px; background:url(../../images/viaselle/fla_shoy.png) no-repeat; }  
  
  .main   div.top { background:black url(../../images/viaselle/top_main.jpg) no-repeat left top; }      
  .main   div.fla { height:260px; background:url(../../images/viaselle/fla_main.png) no-repeat; }  
  
  
  
    
/* Middle Layout
------------------------------------------ */   
.middle {
  }
  .mid {
    position:relative;
    height:215px;
    padding:33px 33px 0 0;
    overflow:visible;
    z-index:2;
    } 
    .mid .left_bg {
      z-index:3;
      left:0;
      }
/* Menu */    
    .nav_mid {
      width:224px;
      float:left;
      padding-bottom:30px;
      }
      .nav_mid li {
        position:relative;
        min-height:28px;
        }
      .nav_mid a {
        display:block;
        width:195px;
        min-height:23px;
        position:relative; 
        left:8px;    
        padding:6px 0 0 29px;    
        color:white;
        text-decoration:none;  
        }
      .nav_mid .first_1  { background:#FE832C url(../../images/viaselle//nav_first_bg.gif) repeat-x; }
      .nav_mid .first_1 a { background: url(../../images/viaselle//nav_first_a.gif) no-repeat right top; }
      .nav_mid .first_1 ul li { background:#FE832C; }      
      .nav_mid .first_2 { background:#FE912A url(../../images/viaselle//nav_second_bg.gif) repeat-x; }      
      .nav_mid .first_2 a { background:url(../../images/viaselle//nav_second_a.gif) no-repeat right top; }           
      .nav_mid .first_2 ul li { background:#FE912A; }            
      .nav_mid .first_3 { background:#FD9B29 url(../../images/viaselle//nav_third_bg.gif) repeat-x; }      
      .nav_mid .first_3 a { background:url(../../images/viaselle//nav_third_a.gif) no-repeat right top; }                  
      .nav_mid .first_3 ul li { background:#FD9B29; }                  
      .nav_mid .first_4 { background:#FCA728 url(../../images/viaselle//nav_fourth_bg.gif) repeat-x; }      
      .nav_mid .first_4 a { background:url(../../images/viaselle//nav_fourth_a.gif) no-repeat right top; }            
      .nav_mid .first_4 ul li { background:#FCA728; }                        
      .nav_mid .first_5 { background:#FCB027 url(../../images/viaselle//nav_fifth_bg.gif) repeat-x; }      
      .nav_mid .first_5 a { background:url(../../images/viaselle//nav_fifth_a.gif) no-repeat right top; }            
      .nav_mid .first_5 ul li { background:#FCB027; }
      .nav_mid .first_6 { background:#FCBA26 url(../../images/viaselle//nav_sixth_bg.gif) repeat-x; }      
      .nav_mid .first_6 a { background:url(../../images/viaselle//nav_sixth_a.gif) no-repeat right top; } 
      .nav_mid .first_6 ul li { background:#FCBA26; }   
      .nav_mid .first_7 { background:#FCBA26 url(../../images/viaselle//nav_sixth_bg.gif) repeat-x; }      
      .nav_mid .first_7 a { background:url(../../images/viaselle//nav_sixth_a.gif) no-repeat right top; } 
      .nav_mid .first_7 ul li { background:#FCBA26; }     
      .nav_mid .first_8 { background:#FCBA26 url(../../images/viaselle//nav_sixth_bg.gif) repeat-x; }      
      .nav_mid .first_8 a { background:url(../../images/viaselle//nav_sixth_a.gif) no-repeat right top; } 
      .nav_mid .first_8 ul li { background:#FCBA26; }         
      .nav_mid .first_9 { background:#FCBA26 url(../../images/viaselle//nav_sixth_bg.gif) repeat-x; }      
      .nav_mid .first_9 a { background:url(../../images/viaselle//nav_sixth_a.gif) no-repeat right top; } 
      .nav_mid .first_9 ul li { background:#FCBA26; }           
      .nav_mid .first_10 { background:#FCBA26 url(../../images/viaselle//nav_sixth_bg.gif) repeat-x; }      
      .nav_mid .first_10 a { background:url(../../images/viaselle//nav_sixth_a.gif) no-repeat right top; } 
      .nav_mid .first_10 ul li { background:#FCBA26; }  

      .nav_mid ul a {left:0; background:none !important;}
      .nav_mid ul ul a { background-color:#FEA62C !important; }
      
      .nav_mid li.first_in {
        position:relative;  
        width:224px;
        left:-18px;
        padding-left:18px;
        background-image:url(../../images/viaselle/arrow-list.gif) !important;
        background-position:left center !important;
        background-repeat:no-repeat !important;
        }           
/*Sub level menu items */
      .nav_mid li ul{
        position: absolute;
        width: 224px; /*sub menu width*/
        top: 0;
        visibility: hidden;
      }
      .nav_mid li ul li ul li {
        background: #FE832C;
        overflow:visible !important; 
      }       
      .nav_mid li ul li a.parent { 
        background-image:url(../../images/viaselle/arrow-list.gif) !important;
        background-position:210px center !important;
        background-repeat:no-repeat !important; 
      } 
/*End  Menu */    
                
    .mid .info {
      margin-left:250px;
      text-align:justify;
      }
    .sup {
      margin-left:250px;
      }
      .sup li {
        margin-bottom:3px;
        }
      .sup .b_t, .sup .b_b {
        height:6px;
        font:1px/1px arial;              
        }  
      .sup .b_t { background:url(../../images/viaselle/b_t.png) no-repeat top;  }
      .sup .b_c { background:url(../../images/viaselle/b_c.png) repeat-y;  }      
      .sup .b_b { background:url(../../images/viaselle/b_b.png) no-repeat bottom;  }      
      .sup .num {
        margin:0 10px;
        width:43px;
        height:45px;
        float:left;
        }
      .sup .desc {
        padding-right:15px;
        margin-left:13px
        }
  .content {
    padding-bottom:40px;
    position:relative;
    }
    .content .shadow {
      background: url(../../images/viaselle/mid_shadow.png) repeat-x top;
      width:1000px;  
      padding-top:20px;
      }        
    .content h2{
      clear:both;
      height:43px;
      width:397px;
      padding:20px 0 0 35px;
      margin-top:10px;
      }
    .content .text {
      margin:0 35px 0 40px;  
    }
    .content p {
      margin-bottom:8px;
      }
    .content .lcoll {
      width:184px;
      overflow:hidden;
      float:left;
      margin:0 15px 0 40px;
      }
    .content .rcoll {
      margin:0 35px 0 242px;
      }
 .vedysh .mid { background:#870072 url(../../images/viaselle/nav_menu_bg.png) repeat-x; }
 .vedysh .content { background:#870072 url(../../images/viaselle/middle_bg_vedysh.gif) repeat-y left; }
 .vedysh .content h2  { background:url(../../images/viaselle/h_bg_vedysh.png) no-repeat; } 
 
 .fotvid .mid { background:#5789DE url(../../images/viaselle/nav_bg_fotvid.png);  }
 .fotvid .content { background:#5789DE url(../../images/viaselle/middle_bg_fotvid.gif) repeat-y left; }
 .fotvid .content h2  { background:url(../../images/viaselle/h_bg_fotvid.png) no-repeat; }  
      
 .vaszal .mid { background:#30D5C8 url(../../images/viaselle/nav_bg_vaszal.png);  } 
 .vaszal .content { background:#30D5C8 url(../../images/viaselle/middle_bg_vaszal.gif) repeat-y left; } 
 .vaszal .content h2  { background:url(../../images/viaselle/h_bg_vaszal.png) no-repeat; }   
 
 .admin .mid { background:#FF4B86 url(../../images/viaselle/nav_bg_admin.png);  }  
 .admin .content { background:#FF4B86 url(../../images/viaselle/middle_bg_admin.gif) repeat-y left; }  
 .admin .content h2  { background:url(../../images/viaselle/h_bg_admin.png) no-repeat; }    
 
 .galer .mid { background:#333333 url(../../images/viaselle/nav_bg_galer.png);  }   
 .galer .content { background:black url(../../images/viaselle/middle_bg_galer.gif) repeat-y left; }   
 .galer .content h2  { background:url(../../images/viaselle/h_bg_galer.png) no-repeat; }     
 
 .dopysl .mid { background:#870072 url(../../images/viaselle/nav_menu_bg.png) repeat-x; }
 .dopysl .content { background:#870072 url(../../images/viaselle/middle_bg_vedysh.gif) repeat-y left; }
 .dopysl .content h2  { background:url(../../images/viaselle/h_bg_dopysl.png) no-repeat; } 
 
 .cont .mid { background:#7FE147 url(../../images/viaselle/nav_bg_cont.png);  }      
 .cont .content { background:#7FE147 url(../../images/viaselle/middle_bg_cont.gif) repeat-y left; } 
 .cont .content h2  { background:url(../../images/viaselle/h_bg_cont.png) no-repeat; }      
 
 .faq .mid { background:#007B14 url(../../images/viaselle/nav_bg_faq.png);  }      
 .faq .content { background:#007B14 url(../../images/viaselle/middle_bg_faq.gif) repeat-y left; } 
 .faq .content h2  { background:url(../../images/viaselle/h_bg_faq.png) no-repeat; }      

 .shoy .mid { background:#E60000 url(../../images/viaselle/nav_bg_shoy.png);  }      
 .shoy .content { background:#E60000 url(../../images/viaselle/middle_bg_shoy.gif) repeat-y left; } 
 .shoy .content h2  { background:url(../../images/viaselle/h_bg_shoy.png) no-repeat; }      
 
 .main .mid { background:#C21360 url(../../images/viaselle/nav_bg_main.png);  }      
 .main .content { background:#C21360 url(../../images/viaselle/middle_bg_main.gif) repeat-y left; } 
 .main .content h2  { background:url(../../images/viaselle/h_bg_main.png) no-repeat; }      
 .main .top { padding-bottom:84px; }
 .main .top .left_bg { height:395px; }
 .main .content .shadow { background: url(../../images/viaselle/mid_shadow11.png) repeat-x 20px top ; }
 .main .only_main { background:url(../../images/viaselle/left_bg1.png) repeat-y ; width:25px; top:0px; height:38px; position:absolute; }
 .main .logo { position:relative; z-index:3; }
 .main .logo_main { position:absolute; z-index:2; left:130px; top:0; width:660px; height:580px; }
 .main .fla { position:absolute; z-index:1; }

 
 
/* Footer Layout
------------------------------------------ */         
.footer {
  height:75px;
  background-color:#333333;
  position:relative;
  }
  .footer .copy {
    float:left;
    padding:20px 0 0 40px;
    }
  .footer .studio {
    float:right;
    padding:26px 20px 0 0;
    }
  .footer .contacts {
    padding-top:19px;
    text-align:center;
    }
    .footer .tel {
      margin-right:40px;
      }
    .footer .email {
      position:relative;
      top:2px;
      }
  .footer .left_bg {
    position:absolute;
    top:0;
    left:0;
    height:75px;
    }      
    
    #man_name {
	font:16px Arial;
	font-weight: bold;
	color: white;
}
#man_desc {
	font:12px Arial;
	color: white;	
}

.man_video {
	font:12px Arial;
	color: white;	
}

.news_link {
	color: #ffffff;
	font:12px Arial;
}

.gallery_link {
	color: #ffffff;
	font:12px Arial;
}

.book_link {
	color: #ffffff;
	font:12px Arial;
}

.book_text {
	color: #ffffff;
	font:12px Arial;
}

.control_FrontGuestBookForm_bookText {
	color: #000000;
	font:12px Arial;
	width: 300px;
	height: 100px;	
}
.contact_input {
	font:12px Arial;
	width: 300px;
}
.contact_textarea {
	font:12px Arial;
	width: 300px;
}
.hall_link {
	color: white;
}

.decor_link {
	color: white;
}

.blue {
	color: white;
}


.ls_rt, .ls_lt, .ls_rb, .ls_lb {padding: 3px; width: 120px}
.ls_rt {float: right}
.ls_lt {float: left}