* {
outline: none;
}

body {
margin: 0px; padding: 0px; background: #000000 url(images/mainbg.jpg) no-repeat scroll center top; color: rgb(255, 255, 255);
}

img {
border: 0px ; 
}

#preload {
visibility: hidden;
}

#preload img{
width: 1px;
height: 1px;
}

#player {
visibility: hidden;
}


.l100 {
text-align: left; width: 100%; height: 100%;
}

.centop {
text-align: center; vertical-align: top;
}

.center {
text-align: center;
}

#main {
margin: 10px auto; width: 772px; text-align: left;
}

.line {
text-align: center; width: 772px; height: 10px; vertical-align: middle;
}

.line2 {
text-align: center; width: 772px; height: 20px; vertical-align: middle; font-family: arial; font-size: 12px;
}

.line2 a{
font-weight: bold; text-decoration: underline; color: #ffffff;
}

.line2 a:hover{
font-weight: bold; text-decoration: none; color: #e60e1a;
}

#content {
width: 705px; height: 100%; text-align: left; margin-left: auto; margin-right: auto;
}

#logo {
height: 170px; text-align: left; vertical-align: middle;
}

#nav {
vertical-align: middle; text-align: center; height: 127px;
}

#menu-t {
margin-top: 5px; margin-bottom: 15px; text-align: left; width: 100%; height: 31px;
}

ul#menu{
	list-style:none;
	margin:0px;
	padding:0px;
}

ul#menu li{
	margin-right:1px;
	display:inline;
	vertical-align:top;
	width: 76px;
}
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
ul#menu li a{width: 77px;}
}

#lang-mus {
vertical-align: middle; text-align: center; width: 56px;
}

.midcen {
vertical-align: middle; text-align: center;
}

#text-image {
text-align: left; width: 100%; height: 450px;
}

#gray-box {
padding: 15px 18px 18px; background: transparent url(images/bg.gif) no-repeat scroll left top; text-align: center; height: 450px; width: 466px; vertical-align: top;
}

#title {
font-family: verdana; font-size: 24px; color: rgb(255, 255, 255);
}

.m30 {
margin-top: 20px;
}

#flexcroll {
font-family: verdana; 
font-size: 13px; 
text-align: left; 
width: 420px; 
height: 390px; 
min-height: 350px; 
padding-right: 10px;
overflow: auto;
position: relative;
}

#image {
width: 238px; text-align: left; vertical-align: top;
}

#menu li a{
  display: block;
  width: 76px;
  height: 31px;
  float: left;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
ul#menu li a{width: 77px;}

#menu li a{
  display: block;
  width: 77px;
  height: 31px;
  float: left;
}
}

#bio-nav{
  background: url(images/nav_eng/bio.gif) no-repeat 0 0;
  cursor: pointer;
}

#events-nav{
  background: url(images/nav_eng/events.gif) no-repeat 0 0;
  cursor: pointer;
}

#music-nav{
  background: url(images/nav_eng/music.gif) no-repeat 0 0;
  cursor: pointer;
}

#gallery-nav{
  background: url(images/nav_eng/gallery.gif) no-repeat 0 0;
  cursor: pointer;
}

#rider-nav{
  background: url(images/nav_eng/rider.gif) no-repeat 0 0;
  cursor: pointer;
}

#contact-nav{
  background: url(images/nav_eng/contact.gif) no-repeat 0 0;
  cursor: pointer;
}

#bio-nav:hover { 
  background-position: 0 -31px;
}

#events-nav:hover { 
  background-position: 0 -31px;
}

#music-nav:hover { 
  background-position: 0 -31px;
}

#gallery-nav:hover { 
  background-position: 0 -31px;
}

#rider-nav:hover { 
  background-position: 0 -31px;
}

#contact-nav:hover { 
  background-position: 0 -31px;
}

.active-nav{ 
float: left; margin: 0px; padding: 0px; 
}

html>body .active-nav{ 
float: left; margin: 0px 1px 0px 0px; padding: 0; 
}

.deactive-nav{ 
  background-position: 0 0;
}

#bio-nav-ru{
  background: url(images/nav_rus/bio.gif) no-repeat 0 0;
  cursor: pointer;
}

#events-nav-ru{
  background: url(images/nav_rus/events.gif) no-repeat 0 0;
  cursor: pointer;
}

#music-nav-ru{
  background: url(images/nav_rus/music.gif) no-repeat 0 0;
  cursor: pointer;
}

#gallery-nav-ru{
  background: url(images/nav_rus/gallery.gif) no-repeat 0 0;
  cursor: pointer;
}

#rider-nav-ru{
  background: url(images/nav_rus/rider.gif) no-repeat 0 0;
  cursor: pointer;
}

#contact-nav-ru{
  background: url(images/nav_rus/contact.gif) no-repeat 0 0;
  cursor: pointer;
}

#bio-nav-ru:hover { 
  background-position: 0 -31px;
}

#events-nav-ru:hover { 
  background-position: 0 -31px;
}

#music-nav-ru:hover { 
  background-position: 0 -31px;
}

#gallery-nav-ru:hover { 
  background-position: 0 -31px;
}

#rider-nav-ru:hover { 
  background-position: 0 -31px;
}

#contact-nav-ru:hover { 
  background-position: 0 -31px;
}
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
background-color: #B60000;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: #B60000;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

.gal-image {
text-align:center; height:420px;  display:table-cell; vertical-align:middle; width: 430px;
}

.gal-image img{
vertical-align: middle;
}

.left {
text-align: left;
}

.youtube {
text-align: left;
list-style-image: url(images/video.gif);
padding-left: 82px;
}

.youtube li{
padding-top: 4px;
}

#img-dn {
margin-top: 4px;
}

#img-dn a{
color: red; font-size: 12px; text-decoration: underline; font-weight: bold;
}
#img-dn a:hover{
color: red; font-size: 12px; text-decoration: none; font-weight: bold;
}

#gallery_list {
margin: 0 0 0 10px; padding: 0px; width: 390px;
}

#gallery_list td{
width: 130px; height: 100px; vertical-align: top; text-align: left;
}

.pp_pic_holder {
font-family: arial; font-size: 11px;
}


#soc_icons {
margin: 0 0 0 40px; padding: 0px; width: 350px;
}

#soc_icons td{
width: 70px; height: 60px; vertical-align: top; text-align: left;
}

#soc_icons td a img{
width: 60px; height: 60px;
}