html,body{padding:0; margin:0;}
img{
	display:block;
	border:0;
}
form,fieldset{padding:0; border:0; margin:0;}
html{background:url(../img/bg-down.gif) repeat 0 0;}
body{background:url(../img/bg-up.gif) repeat-x 0 0;}
.page-shadow{
	width:824px;
	margin:0 auto;
	background:url(../img/page-shadow.png) repeat-y 0 0;
}
#page{
	width:780px;
	margin:0 auto;
	background:url(../img/page-center.gif) repeat-y 0 0;
}
#page .page-bg-up{
	width:780px;
	margin:0 auto;
	background:url(../img/page-up.png) no-repeat 0 0;
}
/*header*/
#header{
	width:100%;
	overflow:hidden;
}
#header h1{margin:0;}
#header h1 a{
	float:left;
	margin:12px 0 0 11px;
	width:80px;
	height:110px;
	text-indent:-9999px;
	overflow:hidden;
}
#header .flash-header{
	display:inline;
	float:right;
	margin:10px 10px 0 0;
}
#header ul{
	float:left;
	padding:0;
	display:inline;
	overflow:hidden;
	margin:24px 0 0 1px;
	width:355px;
}
#header ul li{
	float:left;
	margin:0 0 0 -2px;
	padding:0 9px 0 9px;
	background:url(../img/menu-separator.gif) no-repeat 0 0;
}
#header ul li a{
	display:block;
	height:33px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/menu.gif) no-repeat 0 0;
}
#header ul li a.home{width:40px;}
#header ul li a.who{width:32px; background-position:-40px 0;}
#header ul li a.media{width:42px; background-position:-72px 0;}
#header ul li a.calendar{width:60px; background-position:-114px 0;}
#header ul li a.contact{width:52px; background-position:-174px 0;}
#header ul li a.shop{width:33px; background-position:-226px 0;}
#header ul li.active a.home,#header ul li a.home:hover{background-position:0 -33px;}
#header ul li.active a.who,#header ul li a.who:hover{background-position:-40px -33px;}
#header ul li.active a.media,#header ul li a.media:hover{background-position:-72px -33px;}
#header ul li.active a.calendar,#header ul li a.calendar:hover{background-position:-114px -33px;}
#header ul li.active a.contact,#header ul li a.contact:hover{background-position:-174px -33px;}
#header ul li.active a.shop,#header ul li a.shop:hover{background-position:-226px -33px;}
#header h2{
	display:inline;
	float:right;
	width:312px;
	height:61px;
	margin:9px 8px 0 0;
	text-indent:-9999px;
	background:url(../img/themusichothouse.png) no-repeat 0 0;
}
/*main*/
#main{
	padding:0 0 0 120px;
	overflow:hidden;
	width:660px;
}
	/*left area*/
#main .content{
	display:inline;
	float:left;
	width:445px;
	padding:0 0 0 20px;
	margin:0 0 0 -20px;
}
	/*title of page*/
#main .content h3{
	position:relative;
	padding:0 0 15px;
	margin:16px 0 0 -20px;
	font:bold 22px/24px "Trebuchet MS",Arial,sans-serif;
	color:#fff;
}
#main .content h3.custom{margin-top:6px;}
	/*holding div for flash based area for page "media"*/
#main .content .flash-media{margin:4px 0 0 -20px;}
	/*major text*/
#main .content p{
	margin:0;
	padding:0 0 14px;
	font:12px/14px Tahoma,Arial,sans-serif;
	color:#fff;
}
#main .content p.without-padding{padding:0;}
#main .content p a{
	text-decoration:none;
	color:#fff;
}
	/*major yellow text*/
#main .content h4{
	margin:0;
	padding:0 0 14px;
	font:bold 12px/14px Tahoma,Arial,sans-serif;
	color:#fff200;
}
#main .content strong{color:#fff200;}
#main .content ul.mus-style{
	width:423px;
	padding:0;
	margin:17px 0 0;
	overflow:hidden;
}

#main .content ul.com-style{
	width:440px;
	padding:0;
	margin:17px 0 0;
	overflow:hidden;
}
	/*list of styles of music*/
#main .content ul.mus-style li{
	float:left;
	width:90px;
	padding:0 0 0 20px;
	margin:3px 0 0;
	list-style:none;
}

#main .content ul.com-style li{
	float:left;
	width:80px;
	height: 120px;
	padding:0 0 0 20px;
	margin:3px 0 0;
	list-style:none;
}
#main .content ul.mus-style li.first{padding:0 0 0 3px}
#main .content ul.mus-style li.fifth{padding:0 0 0 58px;}
#main .content ul.mus-style li a{float:left;}
#main .content ul.com-style li a{float:left;}
#main .content ul.mus-style li a img{display:block;} 
#main .content ul.com-style li a img{display:block;} 
	/*calendar*/
#main .content ul.calendar{
	padding:0 0 30px;
	margin:-16px 0 0 -20px;
	width:465px;
	overflow:hidden;
}
#main .content ul.calendar li{
	width:100%;
	float:left;
	padding:16px 0 0;
	background:url(../img/calendar-separator.gif) no-repeat 0 100%;
}
		/*date in calendar*/
#main .content ul.calendar li .date{
	float:left;
	display:inline;
	width:45px;
	height:45px;
	margin:0 17px 0 18px;
	overflow:hidden;
	background:url(../img/date-bg.png) no-repeat 0 0;
}
#main .content ul.calendar li .date a{
	display:block;
	width:45px;
	height:45px;
	text-decoration:none;
}
#main .content ul.calendar li .date a span{
	display:block;
	font:9px/11px Tahoma,Arial,sans-serif;
	text-align:center;
	color:#fff;
}
#main .content ul.calendar li .date a strong{
	display:block;
	padding:0 0 0 11px;
	font:bold 18px/29px Tahoma,Arial,sans-serif;
	color:#000;
}
#main .content ul.calendar li .text a{
	font-weight:bold;
	color:#fff200;
}
#main .content ul.calendar li .text a:hover{text-decoration:underline;}
		/*text in calendar*/
#main .content ul.calendar li .text{
	float:left;
	width:380px;
}
	/*contact us*/
#main .content .form{
	padding:0 0 21px;
	margin:13px 0 0;
}
#main .content .form div{
	width:100%;
	padding:0 0 5px;
	overflow:hidden;
}
#main .content .form label{
	float:left;
	width:300px;
	padding:0;
	font:bold 12px/20px Tahoma,Arial,sans-serif;
	color:#fff200;
}
#main .content .form input{
	float:left;
	width:379px;
	height:16px;
	padding:1px 3px 0;
	border-left:solid 2px #969696;
	border-top:solid 2px #969696;
	border-right:solid 1px #fcfcfc;
	border-bottom:solid 1px #fcfcfc;
	margin:0;
}
#main .content .form input.btn{
	display:inline;
	float:left;
	width:65px;
	height:21px;
	margin:0 0 0 0px;
	border:0;
	padding:0 0 2px;
	font:13px/19px "Trebuchet MS",sans-serif;
	background:url(../img/button.gif) no-repeat 0 0;
}
#main .content .form  textarea{
	float:right;
	width:379px;
	height:78px;
	padding:1px 3px 0;
	border-left:solid 2px #969696;
	border-top:solid 2px #969696;
	border-right:solid 1px #fcfcfc;
	border-bottom:solid 1px #fcfcfc;
	margin:0;
}
	/*right area*/
#main .side-bar{
	float:right;
	padding:9px 10px 40px 0;
}
	/*holding div for flash based area at right side-bar*/
#main .side-bar .flash-sb{width:195px;}
/*footer*/
#main-footer{
	width:739px;
	padding:0 0 0 21px;
	overflow:hidden;
	background:url(../img/footer-line.gif) no-repeat 100% 100%;
}
#main-footer h4{
	float:left;
	margin:15px 0 0;
}
#main-footer h4 a{
	float:left;
	width:56px;
	height:57px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/credits.jpg) no-repeat 0 0;
}
	/*sponsors*/
#main-footer .sponsors{
	float:right;
	margin:7px 0 0;
}
#main-footer .sponsors span{
	float:left;
	margin:21px 0 0;
	font:bold 11px/13px Tahoma,Arial,sans-serif;
	color:#fff;
}
#main-footer .sponsors ul{
	float:left;
	padding:0;
	margin:0 0 0 -9px;
}
#main-footer .sponsors ul li{
	float:left;
	padding:0 0 0 30px;
	list-style:none;
}
#main-footer .sponsors ul li a{display:block;}
#footer{
	width:824px;
	height:50px;
	margin:0 auto;
	font:10px/30px Tahoma,Arial,sans-serif;
	color:#fff;
	overflow:hidden;
	background:url(../img/page-down.png) no-repeat 0 100%;
}
#footer p{
	position:relative;
	display:inline;
	float:left;
	margin:0 0 0 22px;
}
#footer p a{
	margin:0 0 0 26px;
	text-decoration:none;
	color:#fff;
}
#footer p a:hover{color:#fff200;}
	/*menu at footer*/
#footer ul{
	position:relative;
	float:right;
	padding:0 34px 0 0;
	margin:0;
	overflow:hidden;
}
#footer ul li{
	float:left;
	margin:0 0 0 -1px;
	padding:0 8px 0 8px;
	list-style:none;
	background:url(../img/footer-separator.gif) no-repeat 0 50%;
}
#footer ul li a{
	text-decoration:none;
	color:#fff;
}
#footer ul li a:hover{color:#fff200;}