/* Common Styles */

html,body {
	padding				: 0;
	margin				: 0;
	background-color	: #c6d0d7;
	background-image	: url('/images/bg_body_rpt.gif');
	background-repeat	: repeat-x; }
body { margin-bottom : 50px; }

form,br {
	margin			: 0;
	padding			: 0; }

img {border			: none; }

table { border-collapse : collapse; }
th { text-align:left; }

p,input,li,td,th,blockquote,cite,code,span,pre,label,select,textarea,option,legend {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 9pt;
	color			: #000; }

p { margin			: 10px 0 0 0;
	padding			: 0;
	line-height		: 120%; }
p.smallprint { font-size:8pt; }

h1,h2,h3,h4,h5,h6 {
	font-family			: Futura, "Gills Sans MT", Arial, sans-serif;
	margin				: 0;
	padding				: 0;
	line-height			: 120%;
	margin-bottom		: 8px; }
h2 { font-size:14pt;color:#FFF;margin-top:8px; }
h3 { font-size:14pt;color:#000;margin-bottom:0;margin-top:8px; }
h4 { font-size:11pt;margin-top:4px;color:#000;margin-bottom:0; }
h4 em { font-size:9pt; }
h4 a:link, h4 a:visited { font-size:11pt;color:#FFF;text-decoration:none; }
h4 a:hover, h4 a:active { text-decoration:underline; }
h5 { font-size:9pt;color:#FFF; }

ul,li { padding:0;text-indent:0;margin:0;line-height:110%; }
li { margin-left:10px; }

div.pad_six { padding:0 6px; }
div.pad_more { padding:4px 10px 0 10px; }

div#grand_staff {
	position			: relative;
	margin				: 0 auto;
	width				: 734px;
	top					: 34px; }

a img#pin_hh_logo {
	position			: absolute;
	left				: -29px;
	top					: -24px;
	z-index				: 99; }
a > img#pin_hh_logo { display:none;visibility:hidden; }

a img#pin_hh_logo_png { display:none;visibility:hidden; }
a > img#pin_hh_logo_png {
	position			: absolute;
	display				: block;
	visibility			: visible;
	left				: -38px;
	top					: -33px;
	z-index				: 99; }

div#grand_staff div#treble_clef {
	position			: relative;
	left				: 32px;
	height				: 110px;
	width				: 702px;
	display				: block;
	background-color	: #FFF; }

/* menu */
div#treble_clef div#key_signature {
	width				: 608px;
	height				: 41px;
	display				: block;
	overflow			: hidden;
	clear				: left;
	margin-left			: 93px;
	background-image	: url('/images/bg_btn_nav.gif');
	background-repeat	: no-repeat; }

div#key_signature a:link,
div#key_signature a:visited {
	height				: 41px;
	float				: left;
	text-decoration		: none;
	background-repeat	: no-repeat;
	background-color	: transparent;
	background-position	: -600px 0;
	padding				: 0; }

div#key_signature a#index { width:102px;background-image:url('/images/btn_home_curr.gif'); }
div#key_signature a#about { width:103px;background-image:url('/images/btn_about_curr.gif'); }
div#key_signature a#music { width:102px;background-image:url('/images/btn_music_curr.gif'); }
div#key_signature a#store { width:94px;background-image:url('/images/btn_store_curr.gif'); }
div#key_signature a#photos { width:103px;background-image:url('/images/btn_photos_curr.gif'); }
div#key_signature a#contact { width:102px;background-image:url('/images/btn_contact_curr.gif'); }

div#key_signature a:hover { background-position : 0 0; }


/* Footer */
div#grand_staff div#base_clef {
	background-color	: #000;
	height				: 36px;
	width				: 734px;
	clear				: both; }
div#base_clef img { float : left;margin : 5px 0 0 4px; }

div#base_clef p {
	color				: #FFF;
	font-size			: 8pt; }

div#base_clef a:link,
div#base_clef a:active,
div#base_clef a:visited { color : #FFF; }
div#base_clef a:hover { color : #6DA1C3; text-decoration : none; }

div#base_clef p#base_copy { float : left; color : #FFF; margin-left : 80px; }
div#base_clef p#base_contact { position : absolute; right : 6px; margin-top : 10px; }

div#signature { position:absolute;right:0;font-family:Helvetica,Arial,sans-serif;font-size:8pt; }
div#signature a:link,
div#signature a:visited { color:#073a5b;text-decoration:none; }
div#signature a:hover,
div#signature a:active { color:#39627c;text-decoration:underline; }