body {
  background: #ffffff;
  color: #404040;
  margin: 0;
  margin-bottom: 40px;
}

p,h1,h2,h3,h4,ul,table { 
  margin: 0;
  padding: 0;
  margin-left: 140px;
  margin-right: 18%;
  padding-top: 1em;
  padding-bottom: 0;
  padding-left: 20px;
  font-family: tahoma, verdana, sans-serif;
}

h4 { 
  font-size: 1.1em;
}

li { 
  margin-left: 2em;
  margin-bottom: 0.5em;
}

table { 
  padding-top: 0;
}

#top {
  margin: 0;
  padding: 20px 0 0px 160px;
  height: 70px;
  background: #c0c0ff url(/images/egg-sun-top-bg-strip.png) no-repeat 0 0;
}

.replace { 
  margin: 0;
  padding: 0;
}

h3.replace { 
  margin-left: 160px;
  margin-top: 1em;
}

h4.replace { 
  margin-left: 160px;
  margin-top: 1.5em;
}

.replace span {
  display: none;
/*  display: block; 
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  font-size: 0;
  overflow: hidden; */
}

#bqtitle {
  width: 417px;
  height: 64px;
  background: url(/images/breakfast-quay-h1.png) no-repeat 0 0;
}

#rbtitle {
  width: 344px;
  height: 49px;
  margin-bottom: 15px;
  background: url(/images/rubber-band-h1.png) no-repeat 0 0;
}

#rbltitle {
  width: 563px;
  height: 64px;
  margin-bottom: 15px;
  background: url(/images/rubber-band-library-h1.png) no-repeat 0 0;
}

#dvtitle {
  width: 210px;
  height: 49px;
  margin-bottom: 15px;
  background: url(/images/dssi-vst-h1.png) no-repeat 0 0;
}

#dqtitle {
  width: 252px;
  height: 63px;
  margin-bottom: 15px;
  background: url(/images/dataquay-h1.png) no-repeat 0 0;
}

#bqtech { width: 382px; height: 34px; background: url(/images/music-software-technology-h3.png) no-repeat 0 0; }
#bqproducts { width: 123px; height: 34px; background: url(/images/products-h3.png) no-repeat 0 0; }
#bqdelicious { width: 554px; height: 34px; background: url(/images/delicious-and-nutritious-music-software-h3.png) no-repeat 0 0; }
#bqnews { width: 79px; height: 34px; background: url(/images/news-h3.png) no-repeat 0 0; }
#bqcontact { width: 145px; height: 33px; background: url(/images/contact-us-h3.png) no-repeat 0 0; }
#bqcredits { width: 100px; height: 34px; background: url(/images/credits-h3.png) no-repeat 0 0; }

h3#bqtech { margin-top: 40px; }
h3#bqproducts { margin-top: 40px; }
h3#bqdelicious { margin-top: 40px; }
h3#bqnews { margin-top: 40px; }
h3#bqcontact { margin-top: 40px; }
h3#bqcredits { margin-top: 40px; }

#rbaudioexamples { width: 219px; height: 34px; background: url(/images/audio-examples-h3.png) no-repeat 0 0; }
#rbattractivefeatures { width: 263px; height: 34px; background: url(/images/attractive-features-h3.png) no-repeat 0 0; }
#rbap { width: 417px; height: 34px; background: url(/images/rubber-band-audio-processor-h3.png) no-repeat 0 0; }
#rbchange { width: 506px; height: 34px; background: url(/images/change-the-tempo-and-pitch-of-audio-h3.png) no-repeat 0 0; }
#rbmake { width: 700px; height: 34px; background: url(/images/make-your-audio-applications-stretchier-than-ever-h3.png) no-repeat 0 0; }
#rbdownload { width: 138px; height: 33px; background: url(/images/download-h3.png) no-repeat 0 0; }
#rbdocumentation { width: 212px; height: 34px; background: url(/images/documentation-h3.png) no-repeat 0 0; }
#rbexample1 { width: 267px; height: 25px; background: url(/images/example-1-jazz-ensemble-h4.png) no-repeat 0 0; }
#rbexample2 { width: 243px; height: 25px; background: url(/images/example-2-deep-house-h4.png) no-repeat 0 0; }
#rblicensing { width: 133px; height: 34px; background: url(/images/licensing-h3.png) no-repeat 0 0; }
#rbtechnicalnotes { width: 215px; height: 34px; background: url(/images/technical-notes-h3.png) no-repeat 0 0; }

h3#rbap { margin-top: 40px; }
h3#rbchange { margin-top: 40px; }
h3#rbmake { margin-top: 40px; }
h3#rbdocumentation { margin-top: 40px; }
h3#rbattractivefeatures { margin-top: 40px; }
h3#rbaudioexamples { margin-top: 40px; }
h3#rblicensing { margin-top: 40px; }
h3#rbtechnicalnotes { margin-top: 40px; }

#dvrunplugs { width: 486px; height: 34px; background: url(/images/run-windows-vst-plugins-on-linux-h3.png) no-repeat 0 0; }
#dvdownload { width: 138px; height: 33px; background: url(/images/download-h3.png) no-repeat 0 0; }
#dvdocumentation { width: 212px; height: 34px; background: url(/images/documentation-h3.png) no-repeat 0 0; }
#dvlimitations { width: 160px; height: 34px; background: url(/images/limitations-h3.png) no-repeat 0 0; }

h3#dvrunplugs { margin-top: 40px; }

#dqsummary { width: 510px; height: 34px; background: url(/images/simple-rdf-for-cplusplus-qt-applications-h3.png) no-repeat 0 0; }

h3#dqsummary { margin-top: 40px; }



#forum { width: 91px; height: 33px; background: url(/images/forum-h3.png) no-repeat 0 0; }

a {
  color: #007ca1;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#leftnav { 
  padding: 1em 10px;
  margin: 0;
  list-style: none;
  float: right;
  width: 140px;
  height: 100%;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #000;
}

#leftnav li { 
  margin-left: 0;
  margin-bottom: 0;
}

#leftnav li a { 
  font-size: 80%;
  font-weight: bold;
  font-family: tahoma, verdana, sans-serif;
  color: #04151b;
  border-width: 0px;
  border-left-width: 0.5em;
  border-style: solid;
  border-color: #ffffff;
  padding-left: 0.25em;
  text-decoration: none;
}

#leftnav li a:hover { 
  border-color: #000;
}

#nav {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  background-color: #04151b;
  height: 1.4em;
}

#nav li {

  float: left;
  position: relative;
  width: 9em;

  font-size: 70%;
  font-weight: bold;

  text-align: left;
  cursor: default;
  background-color: #04151b;
  padding: 0.3em 1em 0.25em 20px;
  border-width: 1px;
  border-style: solid;
  border-top-color: #888;
  border-left-color: #888;
  border-bottom-color: #000;
  border-right-color: #000;
  margin-left: 0;
  margin-bottom: 0;
}

#nav li:hover ul {
  display: block;
}

#nav li.over ul {
  display: block;
}

#nav li:hover {
  background-color: #8ed5ea;
  color: #000;
}

#nav li.over {
  background-color: #8ed5ea;
  color: #000;
}

#nav li a {
  font-family: tahoma, verdana, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
}

#nav li a:hover {
  text-decoration: none;
  background-color: #8ed5ea;
  color: #000;
}

#nav li:hover a {
  background-color: #8ed5ea;
  color: #000;
}

#nav li.over a {
  background-color: #8ed5ea;
  color: #000;
}

#nav li li {
  font-size: 100%;
  width: 17em;
}

#nav li li a {
  background-color: #04151b;
  color: #ffffff;
  text-transform: none;
  display: block;
  font-weight: bold;
  border-width: 0 0 0 5px;
  border-left-color: #1c9cc1;
}

#nav .note {
  font-weight: normal;
  color: #cccccc;
}

#nav li:hover li a {
  background-color: #04151b;
  color: #ffffff;
}

#nav li.over li a {
  background-color: #04151b;
  color: #ffffff;
}

#nav li li:hover a {
  background-color: #8ed5ea;
  color: #000;
}

#nav li li.over a {
  background-color: #8ed5ea;
  color: #000;
}

#nav li li a:hover {
  text-decoration: none;
  background-color: #8ed5ea;
  color: #000;
}

#nav li li:hover .note {
  color: #000;
}

#nav li li.over .note {
  color: #000;
}

#nav li li .note:hover {
  color: #000;
}

#nav li#first {
  margin-left: 140px;
}

#nav li#last {
}

#nav li ul {
  margin-left: 0;
  display: none;
  position: absolute; 
  top: 1.6em;
  left: 0;
  list-style: none;
  font-weight: normal;
  padding: 0.5em 0 1em 0;
}

li > ul {
  top: auto;
  left: auto;
}

form ul {
  list-style: none;
}

label {  
  float: left;  
  width: 10em;  
  margin-right: 1em;  
  text-align: right;
}

input, textarea { 
  width: 25em;
}

input#to { 
  width: 2px;
  display: none;
}

button {  
  float: left;
  margin-left: 12em;
}