body { 	 background: #fff;
		 color: #000;
		 font: 62.5% Calibri Bold, Geneva, Arial, Helvetica, sans-serif; text-align: center; }

* { padding: 0; margin: 0; }


/*---:[ global elements ]:---*/

a { color: #1c9bdc; text-decoration: underline; }

	a:visited { color: #000; text-decoration: underline; }

	a:hover { color: #1873a1; text-decoration: underline; }
	
	a img { border: none; }

p { 
	margin: 0 0 15px 2px;
	font-size: 11px; }

blockquote { padding: 5px 10px 0 10px; margin: 0 0 15px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #f5f5f5; color: #666; }

	blockquote p { margin-bottom: 7px; }
	
code { color: #090; font-family: "Courier New", Courier, monospace; }

pre { width: 500px; margin-bottom: 15px; font-size: 1.2em; float: left; }

* html pre { font-size: 1.0em; overflow: hidden; }

p.center { text-align: center; }


/*---:[ headlines ]:---*/

h1 { font-weight: bold; font-size: 1.8em; line-height: 1.5em; background-color: #3366FF; color: #FFFFFF; font-variant:small-caps; margin-bottom: 10px; }

	#header h1 { text-align: right; }
	
	h1 a, h1 a:visited, h1 a:hover { color: #222; text-decoration: none; }
	
h2 { font-weight: normal; font-size: 1.2em; line-height: 1.7em; background-color: #99CCFF; font-variant:small-caps; color:#000000; margin-bottom: 6px;}

/*---:[ core layout elements ]:---*/

#container { width: 900px; margin: 0 auto; background-color:#fff; margin-top: 5px;}

	#page { width: 900px; float: left; }

		#header { width: 900px; margin-bottom: 1px; float: left; background-color:#fff; }
			
		#content_box { width: 900px; padding-bottom: 5px; text-align: left; float: left; background-color:#fff; }
		
			#content { width: 800px; padding-right: 2px; overflow: visible; float: left; }
			
			* html #content { overflow: hidden; }
			
			#sidebar { width: 95px; color: #222; float: left; padding-top: 30px; margin-left:auto; margin-right:auto;}
			
			* html #sidebar { overflow: hidden; }
			
		#footer { width: 900px; padding-top: 5px; border-top: 2px solid #222; font-size: 1em; text-transform: uppercase; letter-spacing: .3em; float: left; clear: both; background-color:#fff;}
		

/*---:[ header styles ]:---*/
#nav { width: 100%; border-top: 1px solid #222; border-bottom: 2px solid #222; float: left; }

	#nav ul { list-style: none;}

		#nav li { float: left; }
		
			#nav li a, #nav li a:visited { display: block; height: 2.5em; padding: 0 1em; line-height: 2.5em; color: #222; text-decoration: none; font-size: 9px; text-transform: uppercase; letter-spacing: .27em; float: left; }
		
			#nav li a:hover { color: #fff; background: #222; text-decoration: none; }
			
			.home #nav li a.home, .home #nav li a.home:visited,
			.news #nav li a.news, .news #nav li a.news:visited,
			.education #nav li a.education, .education #nav li a.education:visited,
			.scorewriting #nav li a.scorewriting, .scorewriting #nav li a.scorewriting:visited,
			.maintenance #nav li a.maintenance, .maintenance #nav li a.maintenance:visited,
			.booklet #nav li a.booklet, .booklet #nav li a.booklet:visited,
			.library #nav li a.library, .library #nav li a.library:visited,
			.clients #nav li a.clients, .clients #nav li a.clients:visited,
			.links #nav li a.links, .links #nav li a.links:visited,
			{ background: #222; color: #fff; cursor: default; }

#pic { width: 900px; height: 200px; border-bottom: 2px solid #222; clear: both; float: left; }

	.home #pic { background: url('../images/logo.jpg') no-repeat; }	
	.education #pic { background: url('../images/logo.jpg') no-repeat; }	
	.scorewriting #pic { background: url('../images/logo.jpg') no-repeat; }	
	.maintenance #pic { background: url('../images/logo.jpg') no-repeat; }	
	.booklet #pic { background: url('../images/logo.jpg') no-repeat; }	
	.library #pic { background: url('../images/logo.jpg') no-repeat; }	
	.clients #pic { background: url('../images/logo.jpg') no-repeat; }	
	.links #pic { background: url('../images/logo.jpg') no-repeat; }	
	.drumkithire #pic { background: url('../images/logo.jpg') no-repeat; }	
	.location #pic { background: url('../images/logo.jpg') no-repeat; }	
	.piperhire #pic { background: url('../images/logo.jpg') no-repeat; }	
	.thestudio #pic { background: url('../images/logo.jpg') no-repeat; }

/*---:[ footer styles ]:---*/

#footer p { text-align: center; }

#footer a, #footer a:visited { color: #222; text-decoration: none; }

#footer a:hover { color: #222; text-decoration: none; }
