body {
   height:100%;
   margin:0;
   padding:0;
   font-family:sans-serif;
   background-color:#f8f8ff;
}

a {
   color:rgb(15, 50, 100);
}

a:hover, #footer a:hover {
   color:rgb(178, 88, 39);
}

#topBorder {
   height:85px;
   width:980px;
   margin-left:auto;
   margin-right:auto;
   background-image:url("music score - top border.gif");
   position:relative;
   background-repeat:no-repeat;
   color:black;
}

#content {
   width:980px;
   background-image:url("music score - content top.gif");
   background-repeat:no-repeat;

   margin:0 auto;
   background-repeat:no-repeat;
   position:relative;
}

#contentText {
   position:relative;
   z-index:10;
   margin:0 144px 0 160px;
   padding:30px 0 0;
}

#screenshotWrapper {
   margin-top:30px;
   margin-bottom:30px;
   margin-left:-170px;
   width:980px;
   text-align:center;
}

#contentRight {
   position:absolute;
   width:128px;
   right:0px;
   top:161px;
   bottom:0;
   margin-bottom:0;
   background-image:url("music score - right border.png");
   background-repeat:repeat-y;
   z-index:9;
}

#contentLeft {
   position:absolute;
   width:128px;
   bottom:0;
   margin-bottom:0;
   left:0px;
   top:161px;
   background-image:url("music score - left border.png");
   background-repeat:repeat-y;
   z-index:9;
}

#header {
   position:absolute;
   width:100%;
   padding-top:25px;
   vertical-align:middle;
   margin-top:0;
   text-align:center;
   color:black;
   font-family:serif;
   font-size:210%;
   font-style:italic;
   z-index:10;
}

#header a {
   text-decoration:none;
   color:navy;
}

#content h1 {
   margin-top:0;
   text-align:center;
   background-color:rgb(15, 49, 33);
   border:1px solid blue;
   border-left:0;
   border-right:0;
   margin-left:-10px;
   margin-right:-10px;
}

#contentText p {
   font-size:110%;
}

h2 {
   color:black;
   font-family:serif;
   font-weight:bold;
   padding-left:1em;
   padding-right:1em;
   border-bottom:1px black solid;
   border-top:1px black solid;
   margin:0 auto 25px;
   background-color:white;
   width:370px;
   text-align:center;
}

.companyName {
   font-size:110%;
   font-weight:bold;
   color:navy;
}

#expertise li {
   list-style-type:none;
   margin-top:1em;
}

#expertise li li {
   list-style-type:disc;
   margin-top:0;
}

.listHeader {
   background-color:white;
   color:black;
   font-family:serif;
   font-size:110%;
   font-weight:bold;
   padding-left:1em;
   padding-right:1em;
   border-bottom:1px black solid;
   border-top:1px black solid;
}

.artworkTitle {
   font-style:italic;
}

.about h4 {
   margin-bottom:0.5em;
   margin-top:0;
}

.about {
   width:50%;
   margin-left:25%;
   margin-top:3em;
   border:1px black solid;
   padding:0 1em;
   font-size:90%;
   background:rgb(240, 240, 210);
}

.about p {
   margin-bottom:2px;
   margin-top:2px;
}

div#footer {
   text-align:center;
   width:86%;
   margin-left:7%;
   font-size:80%;
   margin-top:5em;
   color:#666;
}

#bottomBorder {
   height:202px;
   width:980px;
   margin-left:auto;
   margin-right:auto;
   margin-top:-20px;
   background-image:url("music score - bottom border.gif");
   position:relative;
   background-repeat:no-repeat;
   color:black;
}

#footer a {
   color:#666;
}

#footer div {
   margin-bottom:.5em;
}

.navBarWrapper {
   text-align:center;
}

/* Designed for four items. */
.navBar {
   text-align:center;
   font-family:serif;
   margin:0 auto 30px;
   width:480px;
   height:30px;
   font-size:115%;
}

.navBarItem {
   padding-top:23px;
   width:120px;
   height:25px;
   display:block;
   float:left;
   background-repeat:no-repeat;
}

span.navBarItem {
   font-weight:bold;
   font-size:105%;
   background-image:url("bracket - dimmer.png");
}

.navBar a {
   background-image:url("bracket.png");
   color:#156090;
   text-decoration:none;
}

.navBar a:hover {
   background-image:url("bracket - highlight.png");
   color:#ab9c7e;
}

.subNavBar {
   text-align:center;
   font-family:serif;
   margin:0 auto 30px;
   width:480px;
   height:1.5em;
}

.subNavBar a {
   border:1px dotted rgb(15, 49, 33);
   padding:5px 10px;
   border-top:none;
   border-bottom:none;
   text-decoration:underline;
}

.subNavBar a:hover {
   color:white;
   background:#0072bb;
}

.with2Items {
   width: 250px;
}

.with3Items {
   width: 370px;
}

.buyNow {
   text-align:center;
   margin:1em;
}

.options a {
   background-color:white;
   border-style:solid;
   border-color:gray black black gray;
   border-width:1px 2px 2px 1px;
   display:block;
   width:350px;
   text-decoration:none;
   font-size:90%;
   margin:5px auto;
   text-align:center;
}

.options a:hover {
   background-color:#1d80c0;
   color:white;
}

.optionsList ul {
   list-style-type:circle;
}

.optionsList li {
   height:2em;
}

.logout {
   margin-top:-25px;
   margin-bottom:25px;
   font-size:100%;
   text-align:center;
}

.logout a {
   color:blue;
}

.logout a:hover {
   background:#0072bb;
   color:white;
}

.optionsList li a {
}

.optionsList li a:hover {
   background:#0072bb;
   color:white;
}

.note {
   width:370px;
   margin:0 auto 20px;
   background:#aa0;
   border:1px yellow solid;
   color:black;
   text-align:center;
   font-weight:bold;
   padding:0.5em;
}

.note ul {
   margin:0;
   padding:0;
}
.note li {
   list-style-type:none;
   margin:0;
   padding:0;
}

.important {
   font-weight:bold;
   color:blue;
}

.questionBox {
   border-style:solid;
   border-color:#ccc black black #ccc;
   border-width:2px 3px 3px 2px;

   border-collapse:collapse;
   text-align:left;
   margin-right:10%;
   margin-left:10%;
}

.questionBox tr {
   background:#d3d3d3;
   vertical-align:top;
   border-top: 1px solid #ddf;
   border-bottom: 1px solid #ddf;
}

.questionBox td, .questionBox th {
   padding:1em 0 0.5em;
}

.questionBox th {
   width:30%;
}

.questionBox {
   font-size:90%;
}

.questionBox ul.errorlist {
   color:red;
   list-style-type:none;
   margin:0;
   padding:0;
}

.optional-text {
    font-weight:normal;
    color:darkgreen;
}

.screencastOptions {
   margin: 10px 0;
}

.screencastOptions img {
   vertical-align:middle;
   border:none;
   text-decoration:none;
}

.screencastOptions a {
   text-decoration:none;
   color:blue;
}

.screencastOptions a:hover {
   background-color:#1d80c0;
   color:white;
}

/********************************************************************************
 * Feature comparison
 ********************************************************************************/
.featureComp {
    border-collapse:collapse;
    width:100%;
    background:white;
    margin-bottom:32px;
}

.featureComp td {
    border-bottom: 2px gray solid;
    height:30px;
    padding-top:0;
    padding-bottom:0;
    margin-top:0;
    margin-bottom:0;
}


.featureComp .col1 {
    width:160px;
}

.featureComp .col2 {
    width:80px;
}


.featureComp td.col2 {
    color:red;
}

.featureComp th {
    text-align:left;
/*    border-top: 2px gray solid; */
    border-bottom:1px gray solid;
}

.featureComp caption {
    font-size:120%;
    font-weight:bold;
    margin-bottom:.5em;
}