/* reset css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}






/* My CSS */

html{height:100%; }

body{ background-image:url(../images/background.png); height:100%;
}



#container{width:719px; height:839px; background-image:url(../images/KM_bg4.png); text-align:center; margin:auto; position:relative; top:25px;  }

#banner{width:719px; height:175px;  }

#menu{width:125px; height:350px; float:left; margin-top:16px;  }

#menu li {margin-top:20px; padding:0px; margin-left:25px; }

#menu li a{color:#575247; font-family:Georgia; font-size:12px; text-decoration:none; height: 2em; border-top:solid 2px ; border-bottom:solid 2px;
line-height: 2em; width: 9em;
display: block; 
 
}
#menu li a:hover{color:#FFF; }

#odeontrio { float:right; margin-top:5px; margin-left:5px;  margin-bottom:5px;  border:1px solid #fff; }

#disc { list-style: outside; margin-left:12px;}



		
		
		


#main{width:562px; height:530px; float:right; margin-top:20px; overflow:auto; position:relative; left:-11px; top:8px; }

#main p{font-family:Arial; color:#636363; font-size:12px;  text-align:left; line-height:1.5em; margin-right:25px; margin-left:12px; margin-top:5px;  }

#main i{color:#575247; font-size:11px; }

#main a{color:#557082; font-family:Arial; font-size:12px; text-decoration:none; }

#main a:hover{ color:#FFF; }

#main li {font-family:Arial; color:#636363; font-size:12px;  text-align:left; line-height:1.5em; margin-right:25px; margin-left:12px; margin-top:5px;}

h1 { font-family:Arial; font-weight:bold; color:#575247; text-align:left; margin-left:12px; font-size:18px; margin-top:5px;  }

h2 { font-family:Arial; color:#FFF; font-size:16px;  text-align:left; margin-left:12px; }

h3 {font-family:Arial; color:#575247; font-size:14px;  text-align:left; margin-left:12px; font-weight:bold;}

#flashPlayer{text-align:right; margin-top:5px;  margin-right:25px;}

img odeon {text-align:left; }


#ken {float:right; margin-right:26px; margin-left:5px; border:1px solid #FFF;  }

#ken2 {float:right; margin-top:5px; margin-right:30px; border:1px solid #fff;}

#guitar {float:left; margin-left:12px; margin-top:30px; border:1px solid #fff;  }




#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:75px;   /* Height of the footer */
   
}

#footer p{font-family:Georgia; font-size:10px; color:#8f7c56; line-height:150%;}

#footer p a{color:#8f7c56; font-family:Georgia; font-size:10px; text-decoration:none; }

#footer p a:hover{color:#FFF; }

#footertext{position:relative; top:26px; }

#form {margin-top:10px; }

#contactdetails {float:right; text-align:right; margin-right:40px; margin-top:5px;}

h4 {font-family:Georgia; font-size:12px;  color:#393734; }

#audiotext p {font-size:10px; font-style:italic; color:#575247; margin-top:15px; }




/* STORE */
.st_item {margin:20px 0;padding:0 0 20px 0;border-bottom:1px solid #636363;}
.st_item img {float:left;margin:0 20px;}
.st_clear {clear:both;}
.st_paypal {text-align:right;margin:20px 20px 0 0;}
.st_price {font-family:arial;font-size:11px;margin-bottom:5px;color:#636363;}