* {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:0.01em;
}
html {height:100%; background:#f7f2dd url(../img/html.jpg) no-repeat center top;
}
html.ndx {height:100%; background:#f7f2dd url(../img/html_ndx.jpg) no-repeat center top;
}
body {position:relative; height:100%; color:#584034;
}

/* divs */
div#container {position:relative; width:960px; top:0; /*height:100%;*/ margin:auto; /*margin-bottom:30px;*/ 
}
div#content {position:absolute; top:280px; left:470px; width:370px; /*height:100%; 500 inc 50px footer */  padding-top:80px;
}
div#content.ndx {position:absolute; top:0;  width:100%;  margin:0 auto; /*height:100%; 500 inc 50px footer */  padding-top:0;
}
div#content-sub {position:absolute; top:280px; left:30px; width:370px; height:100%; /*600 inc 50px footer */  padding-top:80px;
}
div#nav {position:absolute; top:230px; right:0; width:400px; height:25px; 
}
div#nav.ndx {position:absolute; top:0; left:0;  margin:auto; width:330px;  height:25px; _left:310px;
}

div#foot {position:relative; bottom:0; height:30px; /*50*/ width:100%; /*100%*/ background:url(../img/foot.png) no-repeat right top; margin-top:50px; padding:30px 0 20px 0;
}
div#foot.ndx {position:relative; top:354px; height:100px; /*50*/ width:960px; /*100%*/ background:none; margin:auto; margin-top:0; margin-left:50px; padding-top:10px; text-align:center;
}

div#audioplayer_1 {/*width:330px; margin:auto; height:25px;*/ 
}

/*general lists*/
ul {list-style-type:none;
}
li {padding-bottom:1.1em;
}
ol {list-style-type:none;
}
ul.mp3 {
}
ul.mp3 li {/*padding-left:25px; */line-height:1.8em;
}
ul.mp3 li.demo {/*background:url(../img/ul_mp3.png) no-repeat left 7px;*/
}
ul.mp3 li a:link, ul.mp3 li a:visited {
}

/* navigation */
ul.nav {
} 
ul.nav li {float:left;
}
ul.nav li a:link, ul.nav li a:visited {text-indent:-9999px; 
}
ul.nav li a:hover, ul.nav li a:active {
}

li#about a {position:absolute; top:0; left:0; width:92px; height:25px; background:url(../img/nav.png) no-repeat 0 0; }
li#about a:hover {height:25px; background:url(../img/nav.png) no-repeat 0 -25px;  }
li#about.current a {background-position:0 -50px;}

li#music a {position:absolute; top:0; left:92px; width:100px; height:25px; background:url(../img/nav.png) no-repeat -92px 0; }
li#music a:hover {height:25px; background:url(../img/nav.png) no-repeat -92px -25px;}
li#music.current a {background-position:-92px -50px;}

li#contact a {position:absolute; top:0; left:192px; width:83px; height:25px; background:url(../img/nav.png) no-repeat -192px 0; }
li#contact a:hover {height:25px; background:url(../img/nav.png) no-repeat -192px -25px;}
li#contact.current a {background-position:-192px -50px;}

li#home a {position:absolute; top:0; left:275px; width:58px; height:25px; background:url(../img/nav.png) no-repeat -275px 0; }
li#home a:hover {height:25px; background:url(../img/nav.png) no-repeat -275px -25px;}
li#home.current a {background-position:-275px -50px;}


/* general links */
a {text-decoration:none;
}
a:link, a:visited {color:#3c2415; font-weight:bold;
}
a:hover, a:active {text-decoration:underline;
}
div#foot a:link, div#foot a:visited {color:#9c8b80; font-size:10px; 
}
div#foot a:hover, div#foot a:active {color:#584034;
}

/* text formatting */
p {padding-bottom:1.5em; line-height:1.6em;
}
p.first {font-size:18px; text-transform:lowercase; color:#674119;
}
div#foot p {color:#9c8b80; font-size:10px; letter-spacing:0.05em; text-align:right;  text-transform:lowercase; line-height:1.5em;
}
div#foot.ndx p {color:#9c8b80; font-size:10px; letter-spacing:0.05em; text-align:center;  text-transform:lowercase; line-height:1.5em;
}
h1 {position:absolute; right:0; top:0; width:400px; height:60px; text-transform:uppercase; letter-spacing:0.1em;
}
h1.about {background:url(../img/h1_quartet.png) no-repeat right top; text-indent:-9999px; 
}
h1.music {background:url(../img/h1_music.png) no-repeat right top;  text-indent:-9999px; 
}
h1.contact {background:url(../img/h1_contact.png) no-repeat right top;  text-indent:-9999px; 
}
h1.home {position:relative; left:-2px; top:0; width:705px; height:110px; background:url(../img/h1_home.png) no-repeat left top; padding-bottom:0; text-indent:-9999px; 
}
h2 {font-size:1.1em;
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
.tonic {text-transform:uppercase; letter-spacing:0.1em; font-weight:bold;
}
cite {font-weight:bold; font-style:normal; letter-spacing:0.1em;
}

/*forms*/
form {width:370px;
}
fieldset {border:none; padding:0;
}
fieldset li {float:left; clear:left; width:100%;
}
legend {padding:10px 0; font-weight:bold;
}
label {float:left; width:70px; margin-right:0; padding:6px 0 2px 0; color:#8b6929; font-size:10px; letter-spacing:0.05em; text-transform:uppercase; border:none; border-bottom:solid 1px #8b6929;
}
input {float:left; width:300px; background:transparent; margin-left:0; padding:5px 0 1px 0; color:#3c2415; /*border:solid 1px #1a141c;*/ border:none; border-bottom:solid 1px #8b6929;
}
input:hover {border-bottom:solid 1px #3c2415;
}
fieldset.submit {float:left;
}
fieldset.submit input {width:60px; height:28px; background:#8b6929; padding:0;  color:#fff; border:solid 1px #8b6929; font-size:10px; font-weight:bold;  letter-spacing:0.05em; text-transform:uppercase;
}
fieldset.submit input:hover {background:#3c2415; 
}
textarea {width:100%; background:transparent; color:#3c2415; border:solid 1px #8b6929;
}
.text {
}
.warning {color:#3c2415; font-size:10px; letter-spacing:0.05em; text-transform:uppercase;
}
img#captcha {float:left; margin-right:20px;
}
input#captcha_code {float:left; width:80px; height:24px; /*28*/background:transparent; color:#fff; border:solid 1px #8b6929; font-size:18px; font-weight:bold;  letter-spacing:0.05em; text-transform:uppercase; padding:2px; margin-right:104px;
}
input#captcha_code:hover {border:solid 1px #ffffff;
}
form p {color:#8b6929; font-size:10px; letter-spacing:0.05em; text-transform:uppercase; padding-bottom:3px; 
}