body {
	margin: 0;
	padding: 0;
	font: 11px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #1c0800;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #8f513e;
	scrollbar-3dlight-color: #51241c;
	scrollbar-shadow-color: #51241c;
	scrollbar-darkshadow-color: #000;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-track-color: #522403;
}

body#home {background-image: url(../images/bg1.jpg)}
body#biography {background-image: url(../images/bg2.jpg)}
body#cv {background-image: url(../images/bg3.jpg)}
body#mp3 {background-image: url(../images/bg4.jpg)}
body#links {background-image: url(../images/bg1.jpg)}

h1, h2, h3, h4, p, ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
}

a:link, a:visited {color: #d27029;}
a:hover, a:active {color: #eebd92;}
a {outline: none;}


/*clearing class*/

span.clear {display: block;clear: both;}

/*content*/

#container {
	width: 800px;
	padding: 5px;
	margin: 0 auto;
	background: #000;
	border-left: 1px solid #381300;
	border-right: 1px solid #381300;
	border-bottom: 1px solid #260b042;
}

#content {
	width: 800px;
	z-index: 10000;
	min-height: 500px;
}

#page {
	position: relative;
	float: right;
	width:411px;
	color: #ece1e1;
	margin-top: 20px;
	height: 470px;
	overflow: auto;
	line-height: 140%;
	text-align: justify;
	padding-right: 20px;
}

#page H2 {padding-bottom: 5px; margin-bottom: 5px; font-size: 13px; letter-spacing: 4px; border-bottom: double #522403}
#page H3 {font-size: 11px; font-weight: bold;}
#page li {padding-left: 5px; margin-bottom:3px;}
#page ul {margin-bottom: 10px;}
#page p {padding-bottom:5px;}
body#home #page ul li {margin-bottom:20px;} 

.piano {
	background : url(../images/piano.jpg) no-repeat bottom right;
}

/* photos*/

#kwick {
	position: relative;
	padding: 0;
	height: 505px;
	vertical-align: top;
	width: 350px;
}

#kwick .kwicks {
	display: block;
	height: 500px;
}

#kwick li {
	float: left;
	background-position: top;
	background-repeat: no-repeat;
}

#kwick .kwick {
	display: block;
	overflow: hidden;
	height: 500px;
	width: 48px;
}

#kwick .img_01 {background-image: url(../images/photos/01.jpg);background-color: #140605;}
#kwick .img_02 {background-image: url(../images/photos/02.jpg);background-color: #0c0302;}
#kwick .img_03 {background-image: url(../images/photos/03.jpg);background-color: #200401;}
#kwick .img_04 {background-image: url(../images/photos/04.jpg);background-color: #0c0302;}
#kwick .img_05 {background-image: url(../images/photos/05.jpg);background-color: #220d01;}
#kwick .img_06 {background-image: url(../images/photos/06.jpg);background-color: #2c1606;}
#kwick .img_07 {background-image: url(../images/photos/07.jpg);background-color: #200701;}

#kwick .img_08 {background-image: url(../images/photos/08.jpg);background-color: #210a00;}
#kwick .img_09 {background-image: url(../images/photos/09.jpg);background-color: #330a00;}
#kwick .img_10 {background-image: url(../images/photos/10.jpg);background-color: #311408;}
#kwick .img_11 {background-image: url(../images/photos/11.jpg);background-color: #220500;}
#kwick .img_12 {background-image: url(../images/photos/12.jpg);background-color: #290a09;}
#kwick .img_13 {background-image: url(../images/photos/13.jpg);background-color: #3a0f01;}
#kwick .img_14 {background-image: url(../images/photos/14.jpg);background-color: #330702;}

#kwick .img_15 {background-image: url(../images/photos/15.jpg);background-color: #120b11;}
#kwick .img_16 {background-image: url(../images/photos/16.jpg);background-color: #171f28;}
#kwick .img_17 {background-image: url(../images/photos/17.jpg);background-color: #111011;}
#kwick .img_18 {background-image: url(../images/photos/18.jpg);background-color: #181e25;}
#kwick .img_19 {background-image: url(../images/photos/19.jpg);background-color: #1a1717;}
#kwick .img_20 {background-image: url(../images/photos/20.jpg);background-color: #192129;}
#kwick .img_21 {background-image: url(../images/photos/21.jpg);background-color: #181e22;}

#kwick .img_22 {background-image: url(../images/photos/22.jpg);background-color: #281e1c;}
#kwick .img_23 {background-image: url(../images/photos/23.jpg);background-color: #181616;}
#kwick .img_24 {background-image: url(../images/photos/24.jpg);background-color: #22201f;}
#kwick .img_25 {background-image: url(../images/photos/25.jpg);background-color: #181717;}
#kwick .img_26 {background-image: url(../images/photos/26.jpg);background-color: #080807;}
#kwick .img_27 {background-image: url(../images/photos/27.jpg);background-color: #232221;}
#kwick .img_28 {background-image: url(../images/photos/28.jpg);background-color: #1c1a19;}

#kwick .img_29 {background-image: url(../images/photos/29.jpg);background-color: #140605;}
#kwick .img_30 {background-image: url(../images/photos/30.jpg);background-color: #0c0302;}
#kwick .img_31 {background-image: url(../images/photos/31.jpg);background-color: #200401;}
#kwick .img_32 {background-image: url(../images/photos/32.jpg);background-color: #0c0302;}
#kwick .img_33 {background-image: url(../images/photos/33.jpg);background-color: #220d01;}
#kwick .img_34 {background-image: url(../images/photos/34.jpg);background-color: #2c1606;}
#kwick .img_35 {background-image: url(../images/photos/35.jpg);background-color: #200701;}


/*header*/

#toprow {
width: 320px;
float: left;
padding: 5px 0;
color:#fff;
position: absolute;
top: 0;
}
#toprow h1 {
	letter-spacing: 4px;
	font-size: 15px;
	text-shadow: 2px 2px 1px #2a2a2f;
	font-weight: bold;
	display: inline;
	padding-right: 27px;
	width: 150px;
}
#toprow h1 em {
	font-size: 13px;
	font-weight: normal;
}

#toprow .mail {position: absolute; top: 13px;}

.mail {
	font-size: 10px;
	letter-spacing: 1px;
	background: url(../images/envelope.gif) no-repeat right 4px;
	padding-right: 15px;
	} 
.mail:hover {
	background: url(../images/envelope_on.gif) no-repeat right 4px;
	}	
	
div#header {height: 33px; border-bottom: 1px solid #381300; margin-bottom: 5px;}

ul#menu {
	float: right;
	list-style: none;
	position: relative;
	top:15px;
}

ul#menu li {
	float: left;
	margin-left: 5px;
	line-height: 1.4;
}

ul#menu li a {
	color: #fff;
	text-shadow: 2px 2px 1px #2a2a2f;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	width: 88px;
	height: 15px;
	padding: 5px 0;
	display: block;
	
}

ul#menu li a:hover, ul#menu li a:active {
	background: url(../images/menu_over.gif) repeat-x top;
}

ul#menu li a.selected {
	background: url(../images/menu_on.gif) repeat-x top;
}

/*footer*/

#footer {
	background: #000;
	border-top: 1px solid #381300;
	margin-top: 0;
	font-size: 9px;
	color: #a3571d;
	padding: 4px 0 0 0;
	height: 1%; /*crazy ie7...*/
	text-align: center;
	letter-spacing: 2px;
}