@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: "" "";
}

/*          Universal          */

body {
background-image:url(../image/bg.jpg);
background-repeat: repeat-x;
background-color: #FFF;
text-align: center;
}

#container {
position: relative;
vertical-align: middle;	
margin: 0px auto;
padding: 0px;
width: 825px;
text-align: left;
}

#artsy_bit {
position: absolute;
background-image:url(../image/artsy_bit.gif);
background-repeat: repeat;
left: 560px;
width: 218px;
height: 78px;
}

#logo {
position: absolute;
top: 8px;
left: 60px;
z-index: 10;
}

#header {
position: relative;
width: 825px;
height: 119px;
}

#header_container {
position: relative;
width: 825px;
height: 77px;
}

#header_container h1 {
display: none;
visibility: hidden;
}

#navigation {
position:relative;
width: 729px;
margin: 0px auto;
padding: 0px;
}

#navigation img {
border: 0;
}

#navigation_container {
position: relative;
width: 825px;
height: 62px;
}

#navlink_home {
float: left;
}

div#navlink_home a {
height:62px;
width: 79px;
text-indent:-9999px;
background: url("../image/navigation/nav_home.gif") 0 0 no-repeat;
display:block;
float: left;
}

div#navlink_home a:hover {
background-position: -79px 0;
}

#navlink_news {
float: left;
}

div#navlink_news a {
height:62px;
width: 66px;
text-indent:-9999px;
background: url("../image/navigation/nav_news.gif") 0 0 no-repeat;
display:block;
float: left;
}

div#navlink_news a:hover {
background-position: -66px 0;
}

#navlink_flutes {
float: left;
}

div#navlink_flutes a {
height:62px;
width: 79px;
text-indent:-9999px;
background: url("../image/navigation/nav_flutes.gif") 0 0 no-repeat;
display:block;
float: left;
}

div#navlink_flutes a:hover {
background-position: -79px 0;
}

#navlink_piccolos {
float: left;
}

div#navlink_piccolos a {
height:62px;
width: 98px;
text-indent:-9999px;
background: url("../image/navigation/nav_piccolos.gif") 0 0 no-repeat;
display:block;
float: left;
}

div#navlink_piccolos a:hover {
background-position: -98px 0;
}

#navlink_harmony {
float: left;
}

div#navlink_harmony a {
height:62px;
width: 102px;
text-indent:-9999px;
background: url("../image/navigation/nav_harmony.gif") 0 0 no-repeat;
display:block;
float: left;
}

div#navlink_harmony a:hover {
background-position: -102px 0;
}

#navlink_history {
float: left;
}

div#navlink_history a {
height:62px;
width: 90px;
text-indent:-9999px;
background: url("../image/navigation/nav_history.gif") 0 0 no-repeat;
display:block;
float: left;
}

div#navlink_history a:hover {
background-position: -90px 0;
}

#navlink_resources {
float: left;
}

div#navlink_resources a {
height:62px;
width: 109px;
text-indent:-9999px;
background: url("../image/navigation/nav_resources.gif") 0 0 no-repeat;
display:block;
float: left;
}

div#navlink_resources a:hover {
background-position: -109px 0;
}

#navlink_artists {
float: left;
}

div#navlink_artists a {
height:62px;
width: 105px;
text-indent:-9999px;
background: url("../image/navigation/nav_artists.gif") 0 0 no-repeat;
display:block;
float: left;
}

div#navlink_artists a:hover {
background-position: -105px 0;
}

#menu_flutes {
position: absolute;
top: 133px;
background-color: #F3F3F3;
border: 1px solid #CCC;
width: 150px;
z-index: 9999;
left: 192px;
display: none;
}

#menu_flutes ul, li {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 20px;
list-style-image:none;
list-style-position:inside;
list-style-type:none;
}

#menu_flutes li {
padding-left: 0.5em;
border-bottom: 1px solid #CCC;
}


* html #menu_flutes li
{
padding-left: 0em;
}

#menu_flutes a, a:visited, a:active {
color: #323232;
text-decoration: none;
}

#menu_flutes a:hover {
color: #CC0000;
text-decoration: none;
}

#menu_piccolos {
position: absolute;
top: 133px;
background-color: #F3F3F3;
border: 1px solid #CCC;
width: 150px;
z-index: 9999;
left: 271px;
display: none;
}

#menu_piccolos ul, li {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 20px;
list-style-image:none;
list-style-position:inside;
list-style-type:none;
}

#menu_piccolos li {
padding-left: 0.5em;
border-bottom: 1px solid #CCC;
}

* html #menu_piccolos li
{
padding-left: 0em;
}

#menu_piccolos a, a:visited, a:active {
color: #323232;
text-decoration: none;
}

#menu_piccolos a:hover {
color: #CC0000;
text-decoration: none;
}

#menu_resources {
position: absolute;
top: 133px;
background-color: #F3F3F3;
border: 1px solid #CCC;
width: 196px;
z-index: 9999;
left: 561px;
display: none;
}

#menu_resources ul, li {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 20px;
list-style-image:none;
list-style-position:inside;
list-style-type:none;
}

#menu_resources li {
padding-left: 0.5em;
padding-right: 0.5em;
border-bottom: 1px solid #CCC;
}

* html #menu_resources li
{
padding-left: 0em;
padding-right: 0em;
}

#menu_resources a, a:visited, a:active {
color: #323232;
text-decoration: none;
}

#menu_resources a:hover {
color: #CC0000;
text-decoration: none;
}

#content_noheight {
margin-top: 2em;
position: relative;
width: 805px;
margin-left: 1em;
}

#content_noheight_nomargin {
margin-top: 2em;
position: relative;
width: 805px;
}

#content {
position: relative;
width: 825px;
height: 480px;
z-index: 0;
}

#content_wrapper h1 {
font-family:'palatino linotype',palatino;
letter-spacing:1px;
text-transform: uppercase;
font-size: 16pt;
color: #323232;
margin-bottom: 0.2em;
}

#content_wrapper h2 {
font-family:'palatino linotype',palatino;
text-transform: uppercase;
font-size: 12pt;
color: #323232;
margin-bottom: 0.3em;
}

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

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

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

#content_wrapper {
margin-top: 2em;
margin-left: 3.3em;
margin-right: 3.3em;
margin-bottom: 0.5em;
}

#content_leftnav {
position: relative;
width: 250px;
float: left;
margin-right: 1em;
}

/*          Index page         */

#flash_intro {
position: relative;
margin-top: 2em;
margin-bottom: 1em;
text-align: center;
z-index: 0;
}

/*          Footer          */

#footer {
position: relative;
padding: 10px;
height: 121px;
background-color: #F3F3F3;
background-image:url(../image/bg_footer.jpg);
background-repeat: repeat-x;
}

#footer p {
font-size: 12px;
line-height: 1.5em;
margin: 0;
padding-bottom: 1em;
font-family: Arial, sans-serif;
font-size: 8.5pt;
color: #323232;
}

/*          Product page          */

#content_wrapper ul, li {
font-family: Arial, sans-serif;
color: #323232;
font-size: 9pt;
}

#content_wrapper li {
margin-bottom: 0.5em;
margin-left: 1.3em;
}

#category_image {
margin-bottom: 0.5em;
}

.leather {
background-color: #000;
background-image:url(../image/black_bg.gif);
background-repeat: repeat-y;
}

#bin_button {
height: 32px;
vertical-align: middle;
line-height: 32px;
background-color: #FFFFCC;
font-weight: bold;
padding: 4px;
float: left;
margin-right: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
font-family:'palatino linotype',palatino;
text-transform: uppercase;
border: 1px solid #FFFF00;
}

#bin_button a, a:visited, a:active {
color: #323232;
text-decoration: none;
}

#bin_button a:hover {
color: #CC0000;
text-decoration: none;
}

#warranty_button {
height: 32px;
width: 210px;
vertical-align: middle;
line-height: 32px;
background-color: #FFFFCC;
font-weight: bold;
padding: 4px;
margin-bottom: 0.5em;
margin-right: 0.5em;
margin-top: 0.5em;
font-family:'palatino linotype',palatino;
text-transform: uppercase;
border: 1px solid #FFFF00;
}

#warranty_button a, a:visited, a:active {
color: #323232;
text-decoration: none;
}

#warranty_button a:hover {
color: #CC0000;
text-decoration: none;
}

/*          Resources page         */

#resources_intro {
position: relative;
margin-top: 2em;
text-align: center;
z-index: 0;
}

#chalkboard {
width: 725px;
height: 460px;
margin: 0px auto;
margin-bottom: 1.5em;
background-image:url(../image/educational_flash_bg.jpg);
background-repeat: no-repeat;
text-align: center;
z-index: 1;
}

#articles {
position: absolute;
top: 67px;
width: 330px;
height: 235px;
padding: 4px;
left: 69px;
text-align: left;
color: #FFF;
overflow: auto;
}

#articles p {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 14pt;
color: #FFF;
margin-bottom: 0.5em;
}

#articles a, a:active, a:visited {
color: #FFF;
text-decoration: none;
}

#articles a:hover {
color: #FFFFCC;
text-decoration: underline;
}

#links {
position: absolute;
top: 67px;
width: 276px;
height: 276px;
padding: 4px;
left: 469px;
text-align: left;
color: #FFF;
overflow: auto;
}

#links p {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 14pt;
color: #FFF;
margin-bottom: 0.5em;
}

#links a, a:active, a:visited {
color: #FFF;
text-decoration: none;
}

#links a:hover {
color: #FFFFCC;
text-decoration: underline;
}

#contact_info {
	position: absolute;
	top: 371px;
	width: 290px;
	height: 26px;
	padding: 4px;
	left: 345px;
	text-align: left;
	color: #FFF;
	overflow: none;
}

#contact_info p {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12pt;
line-height: 16pt;
color: #FFF;
margin-bottom: 0.5em;
}

#contact_info a, a:active, a:visited {
color: #FFFFCC;
text-decoration: none;
}

#contact_info a:hover {
color: #FFF;
text-decoration: underline;
}

/* Resources */

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

#resources_wrapper h1 {
font-family:'palatino linotype',palatino;
letter-spacing:1px;
text-transform: uppercase;
font-size: 16pt;
color: #323232;
margin-bottom: 0.2em;
}

#resources_wrapper h2 {
font-family:'palatino linotype',palatino;
text-transform: uppercase;
font-size: 12pt;
color: #323232;
margin-bottom: 0.3em;
}

#resources_wrapper p {
font-family: Arial, sans-serif;
font-size: 9pt;
line-height: 12pt;
color: #323232;
margin-bottom: 0.5em;
}

#resources_wrapper a, a:visited, a:active {
color: #CC0000;
text-decoration: underline;
}

#resources_wrapper a:hover {
color: #323232;
text-decoration: none;
}

#all_encompassing {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:#333;
z-index: 9998;
filter:alpha(opacity=70);
-moz-opacity:0.75;
opacity: 0.75;
}

#overlay {
position: absolute;
top: 20px;
left: 30%;
width: 425px;
height: 344px;
overflow: hidden;
background-color:#FFFFFF;
border: 1px solid #CCC;
z-index: 9999;
text-align: center;
vertical-align: middle;	
margin: 0px;
padding: 0px;
}

#overlay p {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
letter-spacing: -1px;
font-size: 72px;
color: #323232;
}

#overlay a, a:visited, a:hover, a:active {
color: #323232;
text-decoration: none;
}

/*  jQuery overlay */
#all_encompassing {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:#333;
z-index: 9998;
filter:alpha(opacity=70);
-moz-opacity:0.75;
opacity: 0.75;
}

#overlay {
position: absolute;
top: 20px;
left: 30%;
width: 425px;
height: 344px;
overflow: hidden;
background-color:#FFFFFF;
border: 1px solid #CCC;
z-index: 9999;
text-align: center;
vertical-align: middle;	
margin: 0px;
padding: 0px;
}

#overlay p {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
letter-spacing: -1px;
font-size: 72px;
color: #323232;
}

#overlay a, a:visited, a:hover, a:active {
color: #323232;
text-decoration: none;
}