body {
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 998px;
	background: url('/?asset=assets%2fpianistlouise%2fpng%2fbg.png') repeat-y;
}

#header {
	height: 133px;
	overflow: hidden;
	/*background: #eee;*/
	background: url('/?asset=assets%2fpianistlouise%2fjpg%2fheader.jpg');
	text-indent: -2000px;
}

/*
	the nav is a column containing all the links, that
	extends all the way down the left side of the page
*/
#nav {
	/*background: #eee;*/
	position: absolute;
	left: 50%;
	width: 140px;
	top: 140px;
	margin-left: -499px;
}

#inner {
	padding: 10px;
	margin-right: 150px;
	padding-left: 140px;
	min-height: 650px;
	background: url('/?asset=assets%2fpianistlouise%2fjpg%2fnav_bottom.jpg') no-repeat 0 100%;
}

#inner p {
	font-size: 11pt;
	line-height: 1.5em;
	text-align: justify;
}

#footer {
	padding: 5px;
	text-align: right;
	clear: both;
	border-top: 1px solid #000;
	background: #fff;
}





/* the spacing between nav groups (closed and open) */
#nav div       { padding: 1px 0 1px 0; }
#nav div.open  { padding: 6px 0 6px 0; margin: 0 12px 0 6px; }

/* we don't want extra spacing at the top or bottom of the nav, so explicitly specify it */
#nav div.first { padding-top: 0;    }
#nav div.last  { padding-bottom: 0; }


/* the style of all nav group title, both open and closed */
#nav div h3 {
	background:    #ab2;
	padding:       5px;
	font-weight:   normal;
	font-size:     inherit;
	cursor:        pointer;
	border:        1px solid #000;
}

/* these styles are only applied ON TOP of the previous class, when the nav group is open */
#nav div.open h3 {
	font-weight:   bold;
	border-bottom: none;
}

/* when the nav group is closed, we don't want to see its items */
#nav div ul {
	display: none;
}

/* when a nav group is open, show its items */
#nav div.open ul {
	display:    block;
	background: #ffd;
	border:     1px solid #000;
	border-top: none;
}

/* disables bullet points */
#nav li {
	list-style: none;
}

/* each item in an OPEN nav group */
#nav li a,
#nav li div {
	color:         #000;
	padding:       5px;
	display:       block;
	border-bottom: 1px solid #eee;
}

/* the rollover class of a nav link */
#nav a:hover {
	text-decoration: none;
	background:      #ffc;
	/*border-left:     2px solid red;
	padding-left:    3px;*/
}

/* the active link becomes a div, allowing you to style it seperately */
#nav li.active div {
	background: #cd2;
}

/* we don't want a divider stripe on the last item */
nav li.last a,
nav li.last div {
	#border-bottom: none;
}