/**Container To Hold The Layout**/
.style1 {color: #fff}
.style2 {color: #422a14}
.style3 {color: #010124}
body,td,th {
	color: #422a14;
}
body {
	margin-left: auto;
	margin-right: auto;
}
a:link {
	color: #422a14;
}
a:visited {
	color: #422a14;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #422a14;
}
.h6{ text-decoration: underline;
font-style:normal;
font-size:16px;
color:#422a14
} 

#container{
margin: 0 auto;
padding: 20px;
width: 696px;
border: none
}
body{
	margin: 0 auto;
	padding: 0; 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#60564b;
	background-image: url(../images/back.jpg);
	background-repeat: repeat;
	width:696px;
}

#top{
width:696px;
height:51px;
background: url(../images/top.jpg);

}

#sidebar{
float:left;
width:150px;
}

/**HEADER**/

#header {
	background-repeat: no-repeat;
	background-image: url(../images/header.jpg);
	padding: 0px;
	width:473px;
	height:149px;
	float:right;
}

/**CONTENT**/
	#leftcol {
	width: 230px;
	float: left;
	padding: 5px;
	padding-left:10px;
	color:fff;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 190px;
}
	html>body #leftcol { width: 190px; }

.piano {
	width: 223px;
	float: left;
	padding: 0px;

}

#maincol {
	width: 473px;
	float: right;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:18px;
	padding-top:5px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 456px;
}
	html>body #maincol { width: 440px; }
	
	#content {
	margin: 0px auto; 				/* to fix centering in Mozilla */
	background: url(../images/main_back.gif) repeat-y;
	text-align: left;
	width: 696px;					/* width should be the same as the background image */
	padding: 0px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 696px;
}
	html>body #content{ width: 696px; }



/*--------------------Nav--------------------*/
#nav-container {
 width: 223px;
 height: 150px;
 float:left;
 background:#422a14;
 clear:both;
 padding:0px
}

#nav {
margin:0px;
width: 223px;
list-style: none;
background: url(../images/nav_over.jpg) no-repeat 0 -999px; /* Preload Hover */
height: 150px;
clear:both;
}

#nav li {
 list-style: none;
 display: inline;
 text-indent: -9999px;
}

#nav a {

 width: 166px;
 display: block;
 background: url(../images/nav.jpg) no-repeat;
 height: 28px;
}

#nav a:hover,
#sect-home #nav li#nav-home a,
#sect-music #nav li#nav-music a,
#sect-biography #nav li#nav-biography a,
#sect-bookadam #nav li#nav-bookadam a 
#sect-contact #nav li#nav-contact a {
 background-image: url(../images/nav_over.jpg);
}

#nav li#nav-home a {
 background-position: 0px 0;
}

#nav li#nav-home a:hover,
#nav li#nav-home a:focus,
#sect-home #nav li#nav-home a {
 background-position: 0 0;
}

#nav li#nav-music a {
 background-position: 0px -28px;
}

#nav li#nav-music a:hover,
#nav li#nav-wmusic a:focus,
#sect-music #nav li#nav-work a {
 background-position: 0 -28px;
}

#nav li#nav-biography a {
 background-position: 0px -56px;
}

#nav li#nav-biography a:hover,
#nav li#nav-biography a:focus,
#sect-biography #nav li#nav-biography a {
 background-position: 0 -56px;
}

#nav li#nav-bookadam a {
 background-position: 0px -84px;
}

#nav li#nav-bookadam a:hover,
#nav li#nav-bookadam a:focus,
#sect-bookadam #nav li#nav-bookadam a {
 background-position: 0 -84px;
}
#nav li#nav-contact a {
 background-position: 0px -112px;
}

#nav li#nav-contact a:hover,
#nav li#nav-contact a:focus,
#sect-contact #nav li#nav-contact a {
 background-position: 0 -112px;
}



#footer {

	clear:both;
	width:696px;
	height:12px;
	background: url(../images/bottom.gif) left top repeat-x;
	text-align:right;
	color:#FFF;
	margin: 0px auto;
}

.clear{
clear:both;
}