@charset "utf-8";
/* CSS Document */
html {
	background: url(../images/page_background.jpg) fixed;
	}
body {
	margin-top: 0px;
	font-family: Verdana, Geneva, sans-serif;
}
/* unvisited link */
a:link {
	color:#000;
	}    
/* visited link */
a:visited {
	color:#633;
} 
/* mouse over link */
a:hover {
	color:#006;
}   
 /* selected link */
a:active {
	color:#630;
} 
div#wrapper{
	margin:0 auto;
	width: 900px;
	position: relative;
	height:900px;
	padding: 0px;
 	background: url(../images/stredni_background.png) repeat-y;
	z-index: 1;
}

div#wrapperVideo{
	margin:0 auto;
	width: 750px;
	position: relative;
	height:600px;
	padding: 0px;
	/*background: url(../images/stredni_background.png) repeat-y; */
	z-index: 1;
}

h1, h2, h3, h4, h5{
	color:#5E4009;
	}
	
p {
	margin: 0 0.5em 0.1em 0.3em;
	padding: 0 0.6em 0 0;
	line-height: 1.2em;
	color:#000;
	font-size: 2ex;
	}

div#sidebar{
	position: absolute;
	/*background-color : #3F0;*/
	width: 250px;
	float: left;
	height: 935px;
	background: url(../images/stredni_background.png) no-repeat left bottom;
}

div#header{

	/*background-color: #F90;*/
	float: right;
	height: 171px;
	width: 650px;
	}
div#headerVideo{
	/*background-color: #F90;*/
	float: right;
	height: 50px;
	width: 750px;
	background: url(../images/horni_background_youtube.png) no-repeat left top;
	}
#header #RuceZleva {
	position: absolute;
	z-index: 1000;
	margin: 0px 0px 0px -90px;
	float: left;
	top: 0px;
	padding: 2px;
	background: #E0CFB4;
	border: 2px solid #5E4009;
}

#header #RuceZprava {
	position: absolute;
	float: right;
	left: 727px;
	top: 0px;
	padding: 2px;
	background: #E0CFB4;
	border: 2px solid #5E4009;
	}
#sidebar #PianoKeys {
	z-index: 4;
	position: fixed;
}

div#header h1{
	float: right;
	margin: 1em 175px 0.5em 0px;
	padding: 0;
	width : 400px;
	height : 45px;
	background : url(../images/nadpis_header02.png) no-repeat;
	text-indent : -9999px;
	}

div#header h1 a { display : block;
width: 374px;
height : 44px;
text-indent : -9999px; }

div#header h2 {
	margin: 0 0 0 80px;
	}

div#headerVideo h2 {
	margin: 20px 0 0 250px;
	}
	
#MainMenu {
	position: absolute;
	height: 35px;
	width: 600px;
	top: 130px;
	right: 20px;
}
#MainMenuVideo {
	position: absolute;
	height: 35px;
	width: 650px;
	top: 130px;
	right: 20px;
}

#MainMenu ul {
	list-style-type: none;
	display : inline;
	margin: 0;
	padding: 0;
}

#MainMenu li {
	float: left;
	list-style-type: none;
	display : inline;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
div#MainMenu a:link, #MainMenu li a:visited {
	float : left;
	line-height : 35px;
	font-weight : bold;
	margin : 0;
	text-decoration : none;
	}
li#nm_1 {
	position : absolute;
	top : 1px;
	left : -50px;
	width : 130px;
	height : 35px;
	}

li#nm_2 {
	position : absolute;
	top : 1px;
	left : 80px;
	width : 130px;
	height : 35px;
	}

li#nm_3 { 
	position : absolute; 
	top : 1px; 
	left : 210px; 
	width : 130px; 
	height : 35px; 
	}
	
li#nm_4 { 
	position : absolute; 
	top : 1px; 
	left : 340px; 
	width : 130px; 
	height : 35px; 
	}
	
li#nm_5 { 
	position : absolute; 
	top : 1px; 
	left : 470px; 
	width : 130px; 
	height : 35px; 
	}

#MainMenu ul a { 
	display : block; 
	width : 130px; 
	height : 35px; 
	text-indent : -9999px; 
	text-decoration : none; 
	overflow : hidden;
	}
li#nm_1 a:link { background : url(../images/buttons_all04.png) no-repeat 0 0; }
li#nm_2 a:link { background : url(../images/buttons_all04.png) no-repeat -130px 0; }
li#nm_3 a:link { background : url(../images/buttons_all04.png) no-repeat -260px 0; }
li#nm_4 a:link { background : url(../images/buttons_all04.png) no-repeat -390px 0; }
li#nm_5 a:link { background : url(../images/buttons_all04.png) no-repeat -520px 0; }

li#nm_1 a:visited { background : url(../images/buttons_all04.png) no-repeat 0 -105px; }
li#nm_2 a:visited { background : url(../images/buttons_all04.png) no-repeat -130px -105px; }
li#nm_3 a:visited { background : url(../images/buttons_all04.png) no-repeat -260px -105px; }
li#nm_4 a:visited { background : url(../images/buttons_all04.png) no-repeat -390px -105px; }
li#nm_5 a:visited { background : url(../images/buttons_all04.png) no-repeat -520px -105px; }


li#nm_1 a:hover { background : url(../images/buttons_all04.png) no-repeat 0 -35px; }
li#nm_2 a:hover { background : url(../images/buttons_all04.png) no-repeat -130px -35px; }
li#nm_3 a:hover { background : url(../images/buttons_all04.png) no-repeat -260px -35px; }
li#nm_4 a:hover { background : url(../images/buttons_all04.png) no-repeat -390px -35px; }
li#nm_5 a:hover { background : url(../images/buttons_all04.png) no-repeat -520px -35px; }

li#nm_1 a:active { background : url(../images/buttons_all04.png) no-repeat 0 -70px; }
li#nm_2 a:active { background : url(../images/buttons_all04.png) no-repeat -130px -70px; }
li#nm_3 a:active { background : url(../images/buttons_all04.png) no-repeat -260px -70px; }
li#nm_4 a:active { background : url(../images/buttons_all04.png) no-repeat -390px -70px; }
li#nm_5 a:active { background : url(../images/buttons_all04.png) no-repeat -520px -70px; }

div#MainContent{
	float: right;
	width: 650px;
	height: 764px;
	overflow: auto;
	background: #BBA47C url(../images/stredni_background.png) repeat-y right;
	}
	
	div#MainContentVideo{
	float: right;
	width: 750px;
	height: 500px;
	overflow: auto;
	background: #BBA47C url(../images/stredni_background_youtube.png) repeat-y right;
	}
	
div#FreeStuff{
	float: right;
	}


#BioPicture{
	float: right;
	padding: 5px;
	margin: 0 5px 0 0;
	}
#carolPicture{
	float: right;
	padding: 0px;
	margin: 10px 150px 20px 0px;
	border-style: none;
	}
	
#FingerPicture{
	float: right;
	padding: 5px;
	margin: 10px 200px 0px 0px;
	border-style: none;
	z-index: 1000;
	}
	
#MainContent h2{
	text-align: center;
	padding: 0 60px 0 0;
	letter-spacing: 0.3pt;
	}
	
div#footer{
	clear: both;
	height: 50px;
	/*background: transparent;*/
	margin: 0;
	padding: 0px;
	background: url(../images/dolni_background02.png) no-repeat left bottom;
}

div#footerVideo{
	clear: both;
	height: 50px;
	/*background: transparent;*/
	margin: 0;
	padding: 0px;
	background: url(../images/dolni_background_youtube.png) no-repeat left bottom;
	width: 750px;
}

#footer p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	color: #FFF;
	margin:  0.5em 180px 0.5em 0px;
	text-align: right;
}

#footerVideo p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	color: #FFF;
	margin:  0.5em 180px 0.5em 0px;
	text-align: right;
}

#footer a {
	color: #5E4009;
	text-decoration: none;
	border-right: #5E4009;
	border-left-style: solid;
	padding-left: 10px;
}

#footerVideo a {
	color: #5E4009;
	text-decoration: none;
	border-right: #5E4009;
	border-left-style: solid;
	padding-left: 10px;
}

.highlight {
	background-color: #ffc;
	padding: 1px 3px;
}

.clear {
	clear: both;
	/*hight: 0;*/
	margin: 0;
	padding: 0;
	}
.bold {
	font-style: italic;
	font-weight: bold;
}

.boldOnly {
	font-weight: bold;
}

.capitulize{
	text-transform: uppercase;
	font-style: italic;
}
	
.youtube-player{
	margin-right: 50px;
	float: right;
	margin-left: 0px;
	margin-top: 50px;
	padding-top: 0px;
}
#wrapper #MainContent h3 {
	/*font-family: Verdana, Geneva, sans-serif;*/
	 font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	color: #000;
	margin: 5px 0px 2px;
	padding: 0px;
}