body {
	height: 100%;
	text-align: center;
	margin: 0;
	/*margin-bottom: 1px;*/  /* force scrollbars */
	padding: 0;
	
	/* margin-bottom: 1px; */
	/*Use the above margin-bottom: 1px to force scrollbars*/
	/* cf. http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
	
	font: 14px Georgia, serif;
	
	background-color: #1d4776;
	background: url(../images/background-body.gif) repeat;
	
/*	background: url(../images/background-TEST3.jpg) repeat;
	background-color: #2e5587;*/
	
/*	background pattern: Thanks SquidFingers! <http://www.squidfingers.com>*/
}

* { margin: 0; padding: 0; }
h1, h2, h3, h4 { margin: 0; padding: 0; } /* For WinXP Firefox 1.5 + 2.0 */

.autoclear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.autoclear {display:inline-block;}
.autoclear {display:block;}
* html .autoclear {height: 1%;}


a		{ color: #009bbc; }
a:hover	{ color: #0082a1; }
a:active, a:focus { outline: 0; }



#container {
	position: relative;
	margin: 0 auto;
	width: 860px;
	
/*	height: 100%;*/
	
	padding: 0;
	text-align: left;
	background-color: white;
	background: url(../images/background-container.gif) repeat;
}

#masthead {
	width: 832px;
	height: 138px;
	margin: 0px 14px 2px 14px;
	text-indent: -6666;
	border-bottom: 2px solid #cccccc;
	background: url(../images/masthead.gif) no-repeat;
}

.ie #masthead { height: 140px; } /*Because IE draws borders on the INSIDE of boxes... IESUCKS!*/

@media print {
	#masthead {
		text-indent: 0;	
	}
}

#masthead a {
	display: block;
	width: 832px;
	height: 138px;
}

#masthead #directions {
	position: absolute;
	top: 80px;
	right: 47px;
	width: 216px;
	height: 45px;
	
/*	border: 1px solid #999;		*/
	}

#masthead #directions a {
	width: 100%;
	height: 100%;
/*	background-color: red;*/
	}

#masthead #directions a:hover {
	background: url(../images/click_for_directions.gif) no-repeat bottom center;
	}
	

#nav {	

	height: auto; /*for IE*/

	margin: 0px 14px 0 14px;
	padding: 0;
	font: 10px georgia;
	text-transform: uppercase;
	color: white;
	background-color: #e9e9e9;
	border-top: 1px solid white;
	border-right: 1px solid white;
	border-left: 1px solid white;
}

#nav ul { list-style: none; padding: 0; margin: 0; }
#nav li { float: left; }

#nav #nav-leftover { 
	width: auto;
	padding: 10px;
	border-bottom: 1px solid white;
}

#nav li a {
	display: block;

	float: left;
	
	padding: 10px;
	border-right: 1px solid white;
	color: white;
	text-decoration: none;
	border-bottom: 1px transparent;
}

#nav li#nav-instruments	a { background-color: #c3dd73; }
#nav li#nav-lessons		a { background-color: #009bbc; }
#nav li#nav-repair		a { background-color: #e22ada; }
#nav li#nav-proaudio	a { background-color: #e97845; }

#nav li#nav-instruments	a:hover		{ background-color: #a5c056; }
#nav li#nav-lessons		a:hover		{ background-color: #0082a1; }
#nav li#nav-repair		a:hover		{ background-color: #c400bf; }
#nav li#nav-proaudio	a:hover		{ background-color: #c95d2c; }

#instruments #nav li#nav-instruments	a { background-color: #a5c056; border-bottom: 1px solid #a5c056; }
#lessons #nav li#nav-lessons			a { background-color: #0082a1; border-bottom: 1px solid #0082a1; }
#repair #nav li#nav-repair				a { background-color: #c400bf; border-bottom: 1px solid #c400bf; }
#proaudio #nav li#nav-proaudio			a { background-color: #c95d2c; border-bottom: 1px solid #c95d2c; }



/*Special Facebook Button/Link*/

#nav li#nav-facebook {
	float: right;
	padding: 0 3px;
	margin-right: 5px;
	width: 107px;
	border: 0;
	background: url(../images/nav-facebook.gif) no-repeat right 0px;
	border-left: 1px solid white;
}

#nav li#nav-facebook a {
	/*background-color: rgba(255,68,0,0.32);*/
	width: 100%;
	text-indent: -666em;
	border: 0;
}

/******************************/



#home #nav #navBracket { display: none; }

#instruments #nav #navBracket,
#lessons #nav #navBracket,
#repair #nav #navBracket,
#proaudio #nav #navBracket { 
	width: 830px;
	height: 8px;
	border: 0;
	
	text-indent: -6666px; /*for IE*/
	font-size: 1%; /*for IE*/
	line-height: 1px; /*for IE*/
	
	color: black;
	background: url(../images/nav_sec-bracket.gif) no-repeat;
}

#instruments #nav #navBracket	{ background-color: #a5c056; }
#lessons #nav #navBracket		{ background-color: #0082a1; }
#repair #nav #navBracket		{ background-color: #c400bf; }
#proaudio #nav #navBracket		{ background-color: #c95d2c; }





#content {
	
	width: 830px;
	
	position: relative;
	margin: 0px 14px 0px 14px;
/*	margin-bottom: 2px;*/
	
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	
	border-bottom: 2px solid #cccccc;
	background-color: white;
}

/* @group Front Page */

	#news {
		display: block;
		position: relative;
		
		margin: 30px 0 0px 0;
		padding: 0 0 30px 30px;
		
		width: 450px;
		float: left;
	}

	#news h2 {  /* "News" Title */
		margin-bottom: 30px;		
	}

	#news h2 .titleNews {
		color: #e97845;
		font-style: italic;
		font-weight: normal;
		font-size: 150%;
		border-bottom: 3px solid #e2e2e2;
	}

	#news .entry {
		display: block;
		margin-top: 25px;
		margin-bottom: 3em;
		font-size: 120%;
	}

	#news .entry h4 { /* Date */	
		position: relative;
		padding-bottom: 4px;
		margin-bottom: 1em;
		
		font-size: 80%;
		font-style: italic;
		font-weight: normal;
		
		color: #5b5943;
		border-bottom: 1px dotted #e1e1e1;
	}

	#news .entry ul {
		list-style: none outside;
	}
	
	#news .entry li {
		margin-bottom: 1em;
		margin-left: 5px;
		font-size: 80%;
		line-height: 150%;
		color: black;
	}
	
	#news .entry li img {
		margin: 0 0 0 0;
	}

	#news .by {
		display: block;
		padding-bottom: 1em;
		border-bottom: 1px dotted #e2e2e2;
		font-size: 70%;
		font-style: italic;
		color: #999999;
	}





	#columnRight {
		float: left;
		margin-left: 50px;
	}

	#quote {
		width: 240px;
/*		margin: 71px 30px 0 0;*/
		margin: 71px 0 0 0;
		padding: 20px 0 0 15px;
		background: url(../images/home-pullquotes-bg.png) no-repeat top left;
	}

	#quote h2 {
		padding-bottom: 4px;
		padding-left: 10px;
		font-style: italic;
		font-size: 120%;
		font-weight: normal;
		color: #c3dd73;
		border-bottom: 1px dotted #e2e2e2;
	}

	#quote blockquote {
		margin: 13px 0 0 0;
		padding: 0 0 13px 10px;
		font-size: 130%;
		border-bottom: 1px dotted #e2e2e2;
	}

	#quote cite {
		display: block;
		padding-top: 15px;
		font-size: 70%;
		color: #e97845;
	}





	#storehours {
/*		float: right;*/
/*		width: 224px;*/
		width: 240px;
		
/*		margin: 40px 30px 40px 0;*/
		margin: 40px 0 40px 15px;
		
		border-top: 1px dashed #dddddd;
		border-bottom: 1px dashed #dddddd;
	}

	#storehours h2 {
		padding: 0 0 3px 9px;
		margin-bottom: 5px;
		
		font-size: 120%;
		font-weight: normal;
		font-style: italic;

		color: #666666;
		border-bottom: 1px dotted #e2e2e2;		
	}

	#storehours .days, .daysSat {
		padding-left: 9px;
		padding-right: 5px;
		color: #999999;
		font-size: 90%;
		line-height: 1.5em;
/*		background-color: red;*/
	}

	#storehours .daysSat { padding-right: 52px; }
	#storehours .hours { background-color: #eceff0; }

/* @end */








#footer {
	/*	width: 832px;*/ /*for footer without 'container' bottom cap coloring*/
	/*	margin: 0px 14px 10px 14px;*/
	/*	height: 24px;*/
	/*	border-bottom: 2px solid #cccccc;*/

	width: 852px;
	height: 34px;
	margin: 2px 0 0 4px;
	text-indent: -6666;
	border-bottom: 3px solid #000033;
	
	clear: both; /*added for ie5.2 mac, can probably be removed*/
	background: url(../images/footer.gif) no-repeat 10px 0;
}

@media print {
	#footer {
		width: 852px;
		height: 34px;
		margin: 2px 0 0 4px;
		text-indent: 0;
		text-align: center;
		color: black;
		border-bottom: 3px solid #000033;
	}
}

.ie #footer { height: 37px; } /*Because IE draws borders on the INSIDE of boxes... IESUCKS!*/