/* CSS Document */

#frontcontainer {
	width: 684px;
	margin-left: auto;
	margin-right: auto;
}

#fronthead {
	margin-top: 140px;
	background:url(../grfx/front-head.gif) top left no-repeat;
	height: 204px;
}

#frontphotos {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
	
	#front_logo {
		position: relative;
		left: 24px;
		top: -145px;
	}
	
	#front_photo {
		position: relative;
		left: 20px;
		top: -73px;
	}

#frontcontent {
	margin-top: 0 !important;
	margin-top: -79px;
	background:url(../grfx/front-content-repeat.gif) top left repeat-y;	
	background-color: #f3f3f4;
	min-height: 116px;
	padding-left: 10px;
	padding-bottom: 10px;
	width: 674px;
	float: left;
}

	.front-left {
	text-align: justify;
	float: left;
	width: 335px;
	color: #888;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 2em;
	}
	
	.front-right {
		text-align: right;
		float: left;
		width: 280px;
	}

#frontfooter {
	clear: both;
	width: 684px;
	height: 52px;
	background:url(../grfx/front-footer.gif) no-repeat;
}

#page {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

#navigation {
	width: 620px;
	height: 89px;
	float: right;

}

#content {
}

#content #main {
	background:url(../grfx/internal-content-bg.gif) top left repeat-y;
	float: right;
	width: 617px;
	margin-top: 12px;
}

#content #leftcol {
	float: left;
	width: 120px;
	margin-top: 5px;
}

.main-top {
	background:url(../grfx/content-bg-top.gif) top left no-repeat;
	height: 102px;
	width: 617px;
}

.main-top #page-title {
	float: right;
	margin-top: 4px;
	position: relative;
	right: 35px;
}

.treble-clef {
	position: relative;
	top: -13px;
	left: 30px;
}

.main-footer {
	background:url(../grfx/content-bg-foot.gif) top left no-repeat;
	width: 617px;
	height: 79px;
}

.main-content {
	margin-left: 30px;
	margin-right: 45px;
	margin-top: -20px;
}

.contact_left {
	width: 49%;
	float: left;
}

.contact_right {

	width: 49%;
	float: right;
}