@charset "windows-1251";
/* CSS Document */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0; 	padding: 0;
	text-align: center; 
	color: #ccc;
	font-size:12px;
}
.columnContainer div{ margin:0; padding:0;}
.columnContainer a{ text-decoration:none; color:#eaeaea;}
.columnContainer img { border:none;}
.columnContainer h3{margin:0; font-size:12px; font-weight:100;}
.columnContainer h4{margin:0; padding: 10px 0 0 15px; font-size:12px; font-weight:100; color:#ffb600; text-transform:uppercase;}
.columnContainer #container { 
	position: relative; 
	width: 1000px; 
	background: #000;
	margin: 0 auto; 
	text-align: left; 
} 

.columnContainer #header {height: 400px; padding:0;} 
.columnContainer #header #menu{ float:left; }
.columnContainer #header #menu ul{list-style:none; margin:0; margin-top:30px; padding:0; vertical-align:middle;}
.columnContainer #header #menu li{float:left; padding:0 12px 0 20px; text-transform:uppercase; vertical-align:middle; background:url(img/design/icon_menuup.gif) no-repeat;}
.columnContainer #header #iconsUp { position:absolute; top:15px; right:110px;width:160px; height:45px; background:url(img/design/icon_up.png) top left no-repeat; z-index:10;}
.columnContainer #header #iconsUptable{ position:absolute; top:15px; right:110px;width:160px; height:45px; z-index:15;}
/*.columnContainer #header #iconsUp{ float: left; margin: 15px 0 0 90px; width:160px; height:45px; background:url(img/design/icon_up.png) top left no-repeat;}*/
.columnContainer #header #flash{ clear:both;}
.columnContainer #middleside1{}
.columnContainer #middleside1 #sidebar1 {float:left; width:197px; background: #000; margin: 18px 0 15px 0;}
.columnContainer #middleside1 #sidebar1 #flash { border:1px solid #737373;}
.columnContainer #middleside1 #sidebar2 {float:right; margin: 37px 0 0 0; padding:0; width: 280px; background: #000 url(img/design/bcg_video.jpg) top left no-repeat;  min-height:264px;}
.columnContainer #middleside1 #sidebar2 #flash{ margin: 8px;}
.columnContainer #middleside1 #sidebar2 .title { color:#000000; font-weight:bold;}
.columnContainer #middleside1 #sidebar2 p { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; margin:0; padding:2px 60px 2px 10px;}
.columnContainer #middleside1 #mainContent {float:left; margin:0; padding:0; width:520px; height:300px; background: #000 url(img/design/bcg_middle1.jpg) right 36px no-repeat;}
.columnContainer #middleside1 #mainContent .firstList, .secondList{ float:left; width:185px; margin:0; padding:14px 0 0 6px; font-size:12px; font-weight:bold;}
.columnContainer #middleside1 #mainContent .secondList{ margin:0; padding:82px 0 0 2px;}
.columnContainer #middleside1 #mainContent .firstElement{clear:both; height:60px; padding:4px 0; }
.columnContainer #middleside1 #mainContent .firstElement a img{float:left; border:2px solid #abd600; }  
.columnContainer #middleside1 #mainContent .firstElement a:hover img{ border:2px solid #ccff03;}
.columnContainer #middleside1 #mainContent .firstElement p{ padding:15px 0 0 70px;}
.columnContainer #middleside1 #mainContent .secondElement{clear:both; height:60px; padding:4px 0;}
.columnContainer #middleside1 #mainContent .secondElement a img{ float:left; border:2px solid #ff5874;}  
.columnContainer #middleside1 #mainContent .secondElement a:hover img{ border:2px solid #ff8ea1;}
.columnContainer #middleside1 #mainContent .secondElement p{ padding:15px 0 0 70px;}
.columnContainer #middleside1 #mainContent .thirdElement{clear:both; height:60px; padding:4px 0;}
.columnContainer #middleside1 #mainContent .thirdElement a img{ float:left; border:2px solid #ffde00;}  
.columnContainer #middleside1 #mainContent .thirdElement a:hover img{ border:2px solid #fff08c;}
.columnContainer #middleside1 #mainContent .thirdElement p{ padding:15px 0 0 70px;}
.columnContainer #middleside1 #mainContent .forthElement{clear:both; height:60px; padding:4px 0;}
.columnContainer #middleside1 #mainContent .forthElement a img{ float:left; border:2px solid #ff4200;}  
.columnContainer #middleside1 #mainContent .forthElement a:hover img{ border:2px solid #ff4200;}
.columnContainer #middleside1 #mainContent .forthElement p{ padding:15px 0 0 70px;}
.columnContainer #middleside1 #contacts{ position:absolute; left:400px; margin:0; padding:0;}
.columnContainer #middleside1 #contacts #runline{ font-size:11px; font-weight:bold; color:#ffae00;}
.columnContainer #middleside1 #contacts p{ padding-top:5px; font-size:18px; color:#FFFFFF;}
.columnContainer #middleside2 {clear: both;} 
.columnContainer #downside {clear: both; background:#1a1a1a; height:100%; overflow:hidden;}
.columnContainer #downside p{margin:10px 0; padding:0 0 0 16px;}
.columnContainer #downside .title, .dates, .linkdetail{ font-size:12px; color:#ffb600; font-weight:bold;} 
.columnContainer #downside .title a{color:#ffb600; text-align:right; font-weight:100; padding-left:150px;} 
.columnContainer #downside #concert{ float: left; width:49%;}
.columnContainer #downside #showprogram{ float:left; width:50%;}
.columnContainer #downside #news{ float: right; width:27%; padding-right:10px;}
.columnContainer #footer {clear:both; height:90px; width:100%; background:#000000 url(img/design/bcg_footer.gif) 695px 0px no-repeat;} 
.columnContainer #footer #copyright{float:right; width:190px; margin-top:20px;}
.columnContainer #footer .sid a{ margin:0; padding:10px 0 0 40px; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:11px; color:#c1f100; text-align:right;}
.columnContainer #footer .company{  margin:0; padding:0; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}
.columnContainer #footer #menu{float:left;}
.columnContainer #footer #menu ul{list-style:none; margin:0; margin-top:30px; padding:0; vertical-align:middle;}
.columnContainer #footer #menu li{float:left; padding:0 12px 0 20px; text-transform:uppercase; vertical-align:middle; background:url(img/design/icon_menuup.gif) no-repeat;}
#footertext a { color:#aaa;}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.columnContainer #header #menu #menu_services{
	position:absolute;	
	height:215px;
	width:270px;
	top:50px;
	left:136px;
	background-color:#88b9f1;
	border:1px solid #a4cefe;
	visibility:hidden;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	z-index:9999;
	padding:7px 0;
}
.columnContainer #header #menu #menu_services ul{list-style: url(img/design/icon_submenuup.gif) inside; margin:0; padding:0; }
.columnContainer #header #menu #menu_services li{ clear:both; background:none; line-height:1.6;}
.columnContainer #header #menu #menu_services li a{ text-transform: none; color:#222; font-weight:bold;}
.columnContainer #header #menu #menu_services li a:hover{ text-transform: none; color:#fff; font-weight:bold;}
.columnContainer #header #menu #menu_about{	position:absolute; height:20px;	width:270px; top:50px; left:20px; background-color:#88b9f1; border:1px solid #a4cefe; visibility:hidden;	filter:alpha(opacity=80); -moz-opacity:0.8;	opacity:0.8; z-index:9999; padding:7px 0;}
.columnContainer #header #menu #menu_about ul{list-style: url(img/design/icon_submenuup.gif) inside; margin:0; padding:0; }
.columnContainer #header #menu #menu_about li{ clear:both; background:none; line-height:1.6;}
.columnContainer #header #menu #menu_about li a{ text-transform: none; color:#222; font-weight:bold;}
.columnContainer #header #menu #menu_about li a:hover{ text-transform: none; color:#fff; font-weight:bold;}
a.navigator1{ color:#eeF; text-decoration:none; font-size:12px; line-height:1.8;}
a:hover.navigator1{text-decoration: underline;}
a.navigator2{ color:#ddf; text-decoration:none; font-size:11px; line-height:1.4;}
a:hover.navigator2{text-decoration: underline;}