@charset "UTF-8";
/* CSS Document ♭ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background-image: transparent;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

img { -ms-interpolation-mode:bicubic; border:0; }

body {
background-color: #000;
/*IE only*/
scrollbar-base-color: #000000;
scrollbar-arrow-color: #C0C0C0;
scrollbar-3dlight-color: #323232;
scrollbar-darkshadow-color: #161616;
scrollbar-face-color: #323232;
scrollbar-highlight-color: #CCCCCC;
scrollbar-shadow-color: #161616;
scrollbar-track-color: #000000;
}

#container {
width: 1000px;
position: relative;
margin: 0px auto;
padding: 0px;
margin-top: 20px;
z-index: 0;
}

#header {
position: relative;
background-image:url(../images/layout/header_bg.jpg);
width: 1000px;
height: 77px;
z-index: 1;
}

#flash {
position: relative;
width: 1000px;
height: 476px; 
z-index: 1;
overflow:hidden;
}

#flash.artisan {
height: 538px;	
}

#youtube {
position:absolute; 
display:block; 
z-index:2;	
}

#button {
position: absolute; 
width:1000px; 
height:563px; 
z-index:3; 
display: block;	
}

#copyright {
position: relative;
width: 1000px;
border-top: 1px solid #787778;
margin-bottom: 2em;
padding-top: 0.2em;
}

#copyright a, a:visited, a:active {
color: #CCC;
text-decoration: none;
}

#copyright a:hover {
color: #eba177;
text-decoration: none;
}

#copyright_left {
width: 500px;
float: left;
position: relative;
text-align:left;
}

#copyright_right {
width: 500px;
float: left;
position: relative;
text-align:right;
}

#copyright p {
color: #CCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 8.5pt;
line-height: 12pt;
}

#navigation {
position: absolute;
background-image:url(../images/layout/header_fg.png);
width: 1000px;
height: 39px;
top: 77px;
z-index: 9;
display: block;
}

#build_a_bach {
position: absolute;
width: 107px;
height: 54px;
top: 54px;
left: 857px;
z-index: 10;
}

#build_a_bach a {
width: 107px;
height: 54px;
text-indent:-9999px;
background: url("../images/layout/nav_bab.png") 0 0 no-repeat;
display:block;
}

* html #build_a_bach a {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.bachbrass.com/images/layout/nav_bab.png", sizingMethod="crop");
}

#build_a_bach a:hover {
background-position: -107px 0;
}

/**Content**/

#content_wrapper {
position: relative;
width: 1000px;
}

#content_wrapper.factory_floor {
background-image:url(../images/layout/bachology_bg.gif); 
background-repeat: no-repeat;
}

#content_wrapper.techdrawings {
background-image:url(../images/layout/bachology_bg_techdrawings.gif);
background-repeat: no-repeat;
}

#content_padding {
padding-left: 2.7em;
padding-right: 2.7em;
padding-top: 3em;
padding-bottom: 0.5em;
}

#content_wrapper h1 {
color: #ffffeb;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;
font-size: 18pt;
line-height: 20pt;
margin-bottom: 0.2em;
}

#content_wrapper h2 {
color: #eba177;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;
font-size: 14pt;
line-height: 16pt;
margin-bottom: 0.3em;
}

#content_wrapper h3 {
color: #CCC;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;
font-size: 12pt;
line-height: 14pt;
margin-bottom: 0.3em;
}

#content_wrapper p {
color: #CCC;
font-family:Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 12pt;
margin-bottom: 0.5em;
}

#content_wrapper a, a:visited, a:active {
color: #eba177;
text-decoration: underline;
}

#content_wrapper a:hover {
color: #ffffeb;
text-decoration: none;
}

/**Artists**/

table#artists {
margin-bottom: 0.5em;
}

#artist_feature {
width: 370px;
height: 150px;
float: right;
display: block;
}

td {
padding-right: 3em;
padding-left: 0px;
}

#feature_block1,#feature_block2,#feature_block3,#feature_block4,#feature_block5,#feature_block6,#feature_block7 {
width: 370px;
height: 150px;
background-color: #CCC;
border: 1px solid #323232;
position: relative;
margin-bottom: 1em;
}

#feature_block1 {
margin-top: 2em;
}

/** Bachology Content**/
#bachology_floater { 
width: 450px; float: right; border-left: 1px solid #323232; padding-left: 1em;
}

/**Product Page**/

#product_left {
position: relative;
width: 225px;
float: left;
padding-right: 0.5em;
border-right: 1px solid #666;
margin-bottom: 0.5em;
z-index: 1;
}

#product_left p {
line-height: 16pt;
}

#instrument_level {
margin-bottom: 1em; 
margin-top: 1em;
}

#cross-sell-left {
position: relative;
width: 300px;
float: left;
}

#cross-sell-right {
position: relative;
width: 300px;
float: right;
padding-left: 20px;
}

/**Pro Shop Page**/
#proshop_left {
width: 441px;
border-right: 1px solid #323232;
padding-right: 8px;
}

#proshop_left p {
line-height: 18px;
}

#proshop_left h2 {
color: #F7D49F;
}

#proshop_right {
width: 350px;
margin-left: 10px;
float: right;
}

/* Page Navigation */

#page_navi {
position: relative; 
height: 37px;
font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
margin-left: 1em;
}

#page_navi a {
	color: #99cc00;
}

#page_navi a:hover {
color: #EBA177;
text-decoration: none;
}

#page_navi ul {
	padding: 0;
}

#page_navi .col-left {
	margin-left: -6px;
}

/* Page Nav */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}

#nav a {
	display: block;
	/*line-height: 37px;*/
	padding: 0 10px;
	z-index: 100;
}

#nav li {
	float: left;
	background: url(../images/layout/bg_separator.gif) no-repeat right 10px;
	margin-left: 1em;
}

/* Style drop down list */

#nav li ul {
	position: absolute;
	/*width: 130px;*/
	left: -999em;
}
#nav li ul li {
	border: 1px solid #555555;
	border-width:0 1px 1px;
	background: #000;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li a, a:visited, a:active {
	/*line-height: 25px;*/
	color: #CCC;
	/*width: 130px;*/
	text-decoration: none;
}


#nav li ul li a {

}

#nav li ul li ul li a {
	border-width:0 1px 1px 0px;
}
#nav li ul ul {
	margin: -25px 0 0 150px;
}

#nav li ul ul li a {
	line-height: 25px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

/* IE7 Fix */

#nav li:hover, #nav li.hover {  
	position: static;
}

#content_wrapper h2.normalcase {
text-transform: none;
}