body {
background:#59b6d9 url(/img/top-bg.gif) repeat-x;
margin: 0 0 0;
}

#preloadImages {
width: 0;
height: 0;
display: inline;
background-image: url(/img/home-hover.gif);
background-image: url(/img/button-hover1.gif);
background-image: url(/img/button-hover2.gif);
background-image: url(/img/button-hover3.gif);
background-image: url(/img/button-hover4.gif);
background-image: url(/img/button-hover5.gif);
background-image: none;
clip: rect(0 0 0 0);
}

#header {
color:#ffffff;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:127px;
	width:995px;
	margin:0 auto;
}

.news, #adv .news a {
color:#ffffff;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}


#menu {
margin:0;
padding:0;
float: left;
height:83px;
margin:0 auto;
margin-left:11px;
}

*html #menu ul li {
position: relative;
z-index:9;
height:83px;
}

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

#menu ul li{
position: relative;
display: inline;
margin:0;
padding:0;
float:left;
background:url(/img/button.gif) no-repeat top center;
width:126px;
height:83px;
}

#menu ul li a {
display: block;
padding: 23px 0 0 0;
font-size:11px;
color:#ffffff;
width:126px;
height:60px;
position: relative;
text-align:center;
text-decoration:none;
border:none;
}

#menu ul li.home {
margin:0;
padding:0;
float:left;
background:url(/img/home.gif) no-repeat top center;
width:80px;
height:83px;
}

#menu li.home a {
width:80px;
}

#menu li.home a.current, #menu li.home a:hover {
cursor:pointer;
background:url(/img/home-hover.gif) no-repeat top center;
color:#ffffff;
text-decoration:underline;
}

#menu ul li > a {
  display: block;
}

#menu li a.current, #menu li a:hover {
cursor:pointer;
background: url(/img/button-hover.gif) no-repeat top center;
color:#ffffff;
text-decoration:underline;
}

#menu .one-current, #menu li a.one:hover {
background: url(/img/button-hover1.gif) no-repeat top center;
}

#menu .two-current, #menu li a.two:hover {
background: url(/img/button-hover2.gif) no-repeat top center;
}

#menu .three-current, #menu li a.three:hover {
background: url(/img/button-hover3.gif) no-repeat top center;
}

#menu .four-current, #menu li a.four:hover {
background: url(/img/button-hover4.gif) no-repeat top center;
}

#menu .five-current, #menu li a.five:hover {
background: url(/img/button-hover5.gif) no-repeat top center;
}




#menu ul li ul {
  display: none;
  position: absolute;
  padding: 0;
	margin-left:8px;
	top:83px;
	border-bottom: 1px solid #fff;

}

#menu ul li ul li {
	width: 237px;
	height:20px;
	z-index:100;
}

#menu ul li ul a {
	color: #fff;
	display: block;
	text-align:left;
	text-decoration: none;
	width: 227px;
	height:20px;
	padding: 3px 5px 0;
	border-top: 1px solid #fff;

}

#menu ul li ul a:hover {
	color: #fff;
	text-decoration: underline;
	display: block;
	width: 227px;
	height:20px;
	padding: 3px 5px 0;
}



/* 3-ий уровень вложенности: */
#menu ul li ul li ul {
	display: none;
	position: absolute;
	padding: 0;
	margin-left:237px;
	top:0px;
	border-bottom: 1px solid #fff;
}

#menu ul li ul li ul li {
	width: 237px;
	height:20px;
	z-index:200;
}

#menu ul li ul li ul a {
	color: #fff;
	display: block;
	text-align:left;
	text-decoration: none;
	width: 227px;
	height:20px;
	padding: 3px 5px 0;
	border-top: 1px solid #fff;
}

#menu ul li ul li ul a:hover {
	color: #fff;
	text-decoration: underline;
	display: block;
	width: 227px;
	height:20px;
	padding: 3px 5px 0;
}


/* Процесс выпадания вложенных меню описывается строчками: */
#menu li:hover ul, #menu li.jshover ul,
#menu li:hover ul li:hover ul, #menu li.jshover ul li.jshover ul,
#menu li:hover ul li:hover ul li:hover ul { display: block; }  

/* Следующий код является сдерживающим фактором, против появления сразу всех вложенных меню в одной ветке, благодаря ему подуровни появляются по мере продвижения мышки вглубь структуры. Этот код прячет вложенные уровни у текущего(li:hover) элемента меню: */
#menu li:hover ul ul, #menu li.jshover ul ul,
#menu li:hover ul li:hover ul ul, #menu li.jshover ul li.jshover ul ul { display: none; }  


/* Раскрашиваем меню: */
#menu ul li ul.subone li {background: #cd1fff;}
#menu ul li ul.subone li a:hover {background:#da59ff;}

#menu ul li ul.subtwo li {background: #ff831f;}
#menu ul li ul.subtwo li a:hover {background:#ffa257;}

#menu ul li ul.subthree li {background: #b1d01f;}
#menu ul li ul.subthree li a:hover {background:#c4dc55;}

#menu ul li ul.subfour li {background: #fd384b;}
#menu ul li ul.subfour li a:hover {background:#fe6977;}

#menu ul li ul.subfive li {background: #1fe2ff; margin-left:-127px;}
#menu ul li ul.subfive2 li {background: #1fe2ff;}
#menu ul li ul.subfive li a:hover {background:#56e9ff;}
#menu ul li ul.subfive2 li a:hover {background:#56e9ff;}
#menu ul li ul.subfive {border-bottom:none;}

#menu ul li ul li ul.subsubone li {background: #b203e4;}
#menu ul li ul li ul.subsubone li a:hover {background:#ce3ef7;}

#menu ul li ul li ul.subsubtwo li {background: #f47421;}
#menu ul li ul li ul.subsubtwo li a:hover {background:#f47421;}

#menu ul li ul li ul.subsubthree li {background: #7dbb2a;}
#menu ul li ul li ul.subsubthree li a:hover {background:#92cc46;}

#menu ul li ul li ul.subsubfour li {background: #e31936;}
#menu ul li ul li ul.subsubfour li a:hover {background:#ed1849;}

#menu ul li ul li ul.subsubfive li {background: #1fe2ff;}
#menu ul li ul li ul.subsubfive li a:hover {background:#56e9ff;}

#menu ul li ul li.arrow {
	background-image:url(/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

#menu ul li ul li.arrow a:hover {
	background-image:url(/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: center right;
}




.ttt td {
	border:1px solid #ffffff;	
	padding:2px;
}

#adv {
	width:260px;
	padding:6px;
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:white;
	min-height:1848px;
	background:#51929C url(/img/stars-adv.gif) repeat scroll right bottom;
}

#right-main {
	margin-left:288px;
	min-height:1822px;
}

#right {
margin-left:412px;
min-height:566px;
}

#telo {
background:url(/img/stars-bg.gif) no-repeat bottom right;
height: expression(((document.documentElement.clientHeight || document.body.clientHeight) < 566)? "566px" : "100%");
	width:995px;
	margin:0 auto;
}


#big-photo-main {
width:288px;
height:1860px;
min-height:606px;
float:left;
}

#big-photo {
background:#59b6d9;
width:412px;
height:566px;
min-height:566px;
float:left;
}

#content-main {
width:678px;
font-family:Verdana,Arial,sans-serif;
font-size:12px;
font-weight:normal;
}

#content {
width:550px;
font-family:Verdana,Arial,sans-serif;
font-size:12px;
font-weight:normal;
}

#content img {
margin:5px;
}

#content a, #content-main a, #adv a{
color:#FFFFFF;
text-decoration:underline;
}

#content a:hover, #content-main a:hover, #adv a:hover {
cursor:pointer;
border-bottom: none;
text-decoration:none;
color:#ffffff;
}

#text-main {
width:678px;

color:#ffffff;
}

#text {
width:550px;
margin-right:20px;
color:#ffffff;
}

#text a, #text-inside-page a, a.link {
color:white;
text-decoration:bottom;
}

#text-inside-page {
float:left;
width:400px;
color:#ffffff;
}

#text-inside-page-wide {
float:left;
width:450px;
color:#ffffff;
}

.p-inside-page {
float:left;
width:550px;
color:#ffffff;
}

#photos-inside-page {
float:right;
color:#ffffff;
width:160px;
}

#photos-inside-page-wide {
float:right;
color:#ffffff;
width:110px;
}

.photos-block {
width:570px;
float:left;
margin-top:15px;
margin-bottom:15px;
}

div.bk0 {
	text-align:left;
	padding:0px 15px 5px;
	float:left;
	width:520px;
}

div.bk1 {
	background:#6cc0e0 url(/img/bk1.gif) repeat;
	background-color:#6cc0e0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	text-align:left;
	padding:0px 15px 5px;
	margin-bottom:10px;
	float:left;
	width:520px;
}

#footer {
background:#143431 url(/img/footer-bg.gif) repeat-x;
height:210px;
color:#000000;
font-family:Verdana,Arial,sans-serif;
font-size:10px;
text-align:left;
clear:both;
}

#footer-inside {
margin-left:24px;
padding-top:15px;
float:left;
}

#counters {
margin-left:72px;
padding-top:20px;
float:left;
}

#guitar {
width:80px;
height:192px;
margin-top:2px;
float:right;
}

#footer-inside a {
font-size:11px;
color:#9ce4ff;
border-bottom: 1px dashed #9ce4ff;
text-decoration:none;
}

#footer a:hover {
color:#ff00f0;
border-bottom: none;
text-decoration:none;
cursor:pointer;
}

#footer img {border:0px}

a, a:visited {
color:#000000;
cursor:default;
font-family:Verdana,Arial,sans-serif;
font-size:12px;
font-weight:normal;
}

a:hover {
color:#ffffff;
cursor:default;
font-family:Verdana,Arial,sans-serif;
font-size:12px;
font-weight:normal;
}

h1 {
text-align:center;
color:#a2e6ff;
background:#51929c url(/img/h1.gif) repeat;
height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:lighter;
line-height:24px;
margin-top:0;
margin-bottom:7px;
}

#main {
	color:#ffffff;
	font-weight:bold;
}

h2 {
color:#196a8c;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
line-height:24px;
margin-top:5px;
margin-bottom:3px;
line-height:18px;
}

small {
	font-size:10px;
}


img {
border:1px;
color:#ffffff;
}

p {
text-align:justify;
margin-top:8px;
margin-bottom:0px;
padding-bottom:0px;
text-indent:15px;
}

ul {
margin-top:5px;
margin-bottom:5px;
padding-left:20px;
#padding-left:0px;
#margin-left:20px;
}

hr {
	color:#ffffff;
	margin-top:6px;
}

.italic {
	font-style:italic;
}

.bold {
	font-weight:bold;
}

.invisible {display:none}


/* highslide */

.highslide-html div {
	background-color:#000000;
}

.highslide-html a.control {
	color:#FFFFFF;
	cursor:pointer;
}

.highslide-html a.control:hover {
	color:#FFFFFF;
	cursor:pointer;
	text-decoration:none;
}

#content .highslide img {
	border:1px solid black;
}

#content .highslide:hover img {
	border-color:white;
}