/*   
---------
Normalize 
--------- 
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
ol, ul {list-style:none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
caption, th {text-align:left;}
q:before, q:after {content:'';}


/*   
---------
Body 
--------- 
*/


.clear {clear:both; height:0px;}

/*-------ALL PAGES-----------*/

html, body { height: 100%;} 

body {
	text-align:center;
	background: #302B22 url(i/pagebg.gif) top center repeat-x;
	color:#ffffff;
	}
	
	body.home {
		background:#302B22;
		color:#ffffff;
		text-align:center;
	}

div#wrapper {
	position:relative;
	margin: 0 auto;
	width: 780px;
	height:auto;
	text-align:left;	
}

div#content {
	margin-left:222px;
}


div#content h1 a {
	height:85px;
	width:558px;
	background: url(i/pagehead.gif) top left no-repeat;
	text-indent:-9999px;
	display:block;
}


div#content h2 {
	position:relative;
	height:76px; /* 60 + 16 padding */
	width:558px;
	text-indent:-9999px;
	margin:0;
	padding:0;
}

h2.bio { background:url(i/biography.gif) center left no-repeat; }
h2.eng { background:url(i/engagements.gif) center left no-repeat; }
h2.rep { background:url(i/repertoire.gif) center left no-repeat; }
h2.rev { background:url(i/reviews.gif) center left no-repeat; }
h2.lis { background:url(i/listen.gif) center left no-repeat; }
h2.pic { background:url(i/pictures.gif) center left no-repeat; }
h2.con { background:url(i/contact.gif) center left no-repeat; }



div#photo {
	position:absolute;
	height:409px;
	width:222px;
	top:0;
	left:0;
}

.bio-shot { background: url(i/bio-shot.jpg) top left no-repeat; }
.eng-shot { background: url(i/eng-shot.jpg) top left no-repeat; }
.rep-shot { background: url(i/rep-shot.jpg) top left no-repeat; }
.rev-shot { background: url(i/rev-shot.jpg) top left no-repeat; }
.lis-shot { background: url(i/lis-shot.jpg) top left no-repeat; }
.pic-shot { background: url(i/pic-shot.jpg) top left no-repeat; }
.con-shot { background: url(i/con-shot.jpg) top left no-repeat; }



div#nav {
	position:relative;
	height:26px;
	width:558px;
}

	ul#nav_main {
		height:26px;
		width:558px;
		position:absolute;
		top:0;
		left:0;
		}
			
		ul#nav_main li {
			float: left;
			height: 26px;
			overflow: hidden; 
			}
			
		ul#nav_main li a {
			display: block;
			height: 26px;
			text-indent: -9999px;
			overflow: hidden;
			background-position: center top; 
			}
			
			
			#nav_bio { 
				width: 79px; 
				background: transparent url(i/nav-bio.gif) top left no-repeat; 
			}      
			
			#nav_eng { 
				width: 111px; 
				background: transparent url(i/nav-eng.gif) top left no-repeat; 
				}
			#nav_rep { 	
				width: 89px; 
				background: transparent url(i/nav-rep.gif) top left no-repeat; 
				} 
			#nav_rev { 
				width: 73px; 
				background: transparent url(i/nav-rev.gif) top left no-repeat; 
				}
			#nav_lis { 
				width: 59px; 
				background: transparent url(i/nav-lis.gif) top left no-repeat; 
				}
			#nav_pic { 
				width: 79px; 
				background: transparent url(i/nav-pic.gif) top left no-repeat; 
				}
			#nav_con { 
				width: 68px; 
				background: transparent url(i/nav-con.gif) top left no-repeat; 
				}
			

		ul#nav_main li a:hover {
			background-position: 0 -26px;
			}
	/*	ul#nav_main li a.crnt, ul#nav_main li a.crnt:hover {
			background-position: 0 -56px;
			}*/


div#footer {
	border-top:1px solid white;
	margin-top:1em;
}

div#footer p {
	text-align:center;
	padding: 1em;
}



/* HOME */


div#home {
	width:780px;
	margin-top:50px;
}

div#home h1 {
	height:385px;
	width:780px;
	background: url(i/beauty.jpg) top left no-repeat;
	text-indent:-9999px;
}

div#home h2 {
	position:relative;
	height:52px;
	width:229px;
	text-indent:-9999px;
	margin:0;
	padding:0;
}

h2.home { background:url(i/home.gif) top left no-repeat; }


div#homenav {
	position:relative;
	height:70px;
	width:780px;
}

	ul#homenav_main {
		height:70px;
		width:780px;
		position:absolute;
		top:0;
		left:0;
		}
			
		ul#homenav_main li {
			float: left;
			height: 70px;
			overflow: hidden; 
			}
			
		ul#homenav_main li a {
			display: block;
			height: 70px;
			text-indent: -9999px;
			overflow: hidden;
			background-position: center top; 
			}
			
			
			#hnav-bio { 
				background: transparent url(i/hnav-bio.gif) top left no-repeat; 
				width:133px;
				}      
			#hnav-eng { 
				background: transparent url(i/hnav-eng.gif) top left no-repeat; 
				width:139px;
				}
			#hnav-rep { 
				background: transparent url(i/hnav-rep.gif) top left no-repeat; 
				width:116px;
				} 
			#hnav-rev { 
				background: transparent url(i/hnav-rev.gif) top left no-repeat; 
				width:90px;
				}
			#hnav-lis { 
				background: transparent url(i/hnav-lis.gif) top left no-repeat; 
				width:77px;
				}
			#hnav-pic { 
				background: transparent url(i/hnav-pic.gif) top left no-repeat; 
				width:99px;
				}
			#hnav-con { 
				background: transparent url(i/hnav-con.gif) top left no-repeat; 
				width:126px;
				}
			

		ul#homenav_main li a:hover {
			background-position: 0 -70px;
			}
	/*	ul#homenav_main li a.crnt, ul#homenav_main li a.crnt:hover {
			background-position: 0 -140px;
			}*/


h5#quote {
	position:absolute;
	background: url(i/quote.gif) top left no-repeat;
	text-indent:-9999px;
	height:88px;
	width:172px;
	right:0;
}

p.excerpt {
	margin-right:172px;
}


	/* REVIEWS */

p strong {
	display:block;
	padding: 1em 0 2em;
	}
	
.reviews p i {
	display:block;
}



	/* ENGAGEMENTS */

ul.eng-list {
	margin: 0 0 2em 0;
}

li.title { 
	font-size: 120%;
	line-height:120%;
	}
	
li.composer { 
	font-size: 120%;
	line-height:120%;
	}
	
	
	/* REPERTOIRE */

.rep-table {
	border-collapse:collapse;
	margin: 0 0 1em 0;
}
.rep-table td {
	padding:4px;
}
table tr { text-align:left; border-bottom: 1px solid white; }
table tr th { font-size:140%; padding: 2px 0;}




/* TYPOGRAPHY */


body {
	font: 72%/1.5 Arial, Verdana, sans-serif;
	color: #ffffff;
}




p { 
	font-size:100%;
	line-height:150%;
	margin: 0 0 .75em 0;
	text-align: justify;
	color: #ffffff;
	
	}


ul {
	line-height: 150%;
	font-size: 1em;
}

	
a:link, a:visited {color: #D4C888; text-decoration: underline; font-size: 1em; font-weight: 100;}
a:hover {color: white;  text-decoration: underline; font-size: 1em;font-weight: 100;}
a:active {color: #D4C888; text-decoration: none; font-size: 1em;font-weight: 100;}

h3 {
	font-size:120%;
	margin:0 0 2em 0;
}

#footer p {
	font-size:.8em;
}