/* © xHtml Master 2007 */
body {
	color:#333;
	font:13px "Lucida Sans","Lucida Grande","Trebuchet MS",Arial,Helvetica,Verdana,Tahoma,sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}
p,form,h1,h2,h3,h4,h5,h6 {
	margin:0
}
h1,h2,h3,h4,h5,h6 {
	color:#997820;
	font-family:Georgia, "Times New Roman", Times, serif;
}
select,textarea,input {
	font:12px "Lucida Sans","Lucida Grande","Trebuchet MS",Arial,Helvetica,Verdana,Tahoma,sans-serif;
}
img {
	border:0 solid
}
a {
	color:#997820;
	text-decoration:underline
}
a:hover {
	text-decoration:none
}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
	display:block;
	height:1px
}
.wrap {
	width:760px;
	margin:0 auto;
	text-align:left;
}

#header {
	background:url(../images/bg-header.gif) repeat-x top;
	height:188px;
}
	#header .wrap {
		background:url(../images/piano.gif) no-repeat 95% 100%;
		height:188px;
	}
	#header h1 a {
		display:block;
		text-decoration:none;
	}
	#intro #header h1 {
		padding:44px 0 35px 35px;
	}
	#intro #header h1 a {
		background:url(../images/piano-logo.gif) no-repeat;
		width:279px;
		height:64px;
	}
	#pages #header h1 {
		padding:66px 0 46px 0;
	}
		#pages #header h1 a {
			background:url(../images/logo.gif) no-repeat;
			width:353px;
			height:21px;
		}
	
		#header h1 a span {
			font-size:1px;
			visibility:hidden;
		}
	#header h2 {
		color:#997820;
		text-transform:uppercase;
		font:16px "Lucida Sans","Lucida Grande","Trebuchet MS",Arial,Helvetica,Verdana,Tahoma,sans-serif;
		font-weight:bold;
		text-align:center;
	}

#nav {
	background:url(../images/bg-nav.gif) repeat-x top;
	line-height:55px;
	height:55px;
}
	#nav .wrap {
		overflow:hidden;
	}
	#nav ul {
		list-style-type:none;
		margin:0;
		padding:0;
	}
		#nav ul li {
			display:block;
			float:left;	
		}			
			#nav ul li a {
				display:block;
				height:55px;
				line-height:55px;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-weight:bold;
				color:#ccc;
				font-size:18px;
				text-decoration:none;
				padding-right:43px;
			}		
			#nav ul li.last a {
				padding-right:0;
			}
			#nav ul li a:hover, #nav ul li a.active {
				color:#e4ca7d;
			}

#content {
	width:760px;
	margin:0 auto;
	text-align:left;
}
#pages #content {
	margin:20px auto 14px auto;
	background:url(../images/vdots.gif) repeat-y 512px 0;
}
	.homebox {
		background:url(../images/gradient.gif) repeat-x top;
		min-height:107px;
		_height:107px;
		margin-top:20px;
		margin-bottom:20px;
	}
		.homebox h2 {
			font-size:18px;
			padding-bottom:12px;
			padding-top:10px;
		}
	.cols {
		background:url(../images/vdots.gif) repeat-y top center;
		width:760px;
		font-size:13px;
		margin-bottom:35px;
	}
		.cols p, .cols h2 {
			text-align:left !important;
		}
		.cols h2 {
			font-size:18px;
			padding-bottom:12px;
		}
		.cols p {
			line-height:140%;
			padding-bottom:4px;
		}
		.cols a {
			font-size:14px;
		}
		.cols img.img {
			display:block;
			margin:0 auto;
			border:solid 1px #ccc;
			padding:5px;
			margin-bottom:4px;
		}
		.cols .left {
			width:360px;
			text-align:center;
			position:relative;
			height:330px;
		}
		.cols .right {
			width:360px;
			text-align:center;
			position:relative;
			height:330px;
		}
			.cols .left div, .cols .right div {
				position:absolute;
				top:110px;
				width:360px;
			}

	#page {
		width:490px;
		float:left;
		padding-bottom:20px;
	}
		#page h2 {
			font-size:18px;
			padding-bottom:24px;
		}
		#page p {
			padding-bottom:24px;
			line-height:150%;
		}
	
	#sidebar {
		float:right;
		width:227px;
		padding-bottom:20px;
	}
		#sidebar h2 {
			font-size:18px;
			padding-bottom:24px;
		}
		#sidebar h3 {
			font-size:16px;
			padding-bottom:14px;
			padding-top:18px;
		}
		#sidebar img.img {
			border:solid 1px #ccc;
			padding:4px;
			display:block;
			margin-bottom:12px;
		}
		#sidebar img.center {
			margin:18px auto;
			text-align:center;
			display:block;
		}

#footer {
	background:url(../images/bg-footer.gif) repeat-x;
	height:138px;
	color:#999;
}
	#footer ul {
		list-style-type:none;
		margin:0;
		padding:0;
	}
		#footer li {
			display:inline;
		}
	#footer .left ul {
		padding-top:30px;
		padding-bottom:14px;
	}
	#footer a {
		color:#999;
	}
	#footer h3 {
		font-size:18px;
		color:#e4ca7d;
	}
	#intro #footer h3 {
		padding-top:28px;
		line-height:140%;	
	}
	#footer .right {
		color:#ccc;
		padding-top:30px;
		text-align:right;
	} 
		#footer .right p {
			padding-bottom:8px;
		}
		
	.imgBorder {
	border:solid 1px #ccc;
	padding:4px;
	margin-bottom:12px;
	float: right;
	margin-left: 5px;
		}

