body {margin: 0; padding: 0; font-size: 80%;}

/* GENERAL FORMATING */
p, td, th, div, li, h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; color: #123;}
li {margin-bottom: .5em;}
div.clear {clear:both}
.note {font-size: 90%;}

/* HEADINGS */
h1, h2, h3, h4 {margin-bottom: 1em;}
h1 {color: #2a5; font-weight: normal; font-size: 225%;}
h2 {color: #2a5; font-size: 160%;}
h3 {color: #2a5; font-size: 125%; font-weight: bold;}
h4 {color: #2a5; font-size: 100%; font-weight: bold;}

/* LINKS */
a {font-weight: bold;}
a:link {color: #b45; }
a:visited {color: #b45; }
a:hover {color: #c78; }

/* MAIN CONTAINER SHELL */
div#shell {width: 800px; margin: 0 auto; border-color: #3c5; border-width: 0 1px; border-style:solid;}

/* HEADER */
div#header {border-bottom: 1px solid #57c;}
div#header-bar {height: 12px; background-color: #3c5; border-top: 1px solid #9ea; border-bottom: 1px solid #000;}

/* HOME PIX */
table#home-pix {width: 800px;}
table#home-pix td {width: 20%; vertical-align: top; text-align: center;}
table#home-pix a {font-weight: bold; font-size: 10px;}
table#home-pix a:link {color: #999; text-decoration: none;}
table#home-pix a:visited {color: #999; text-decoration: none;}
table#home-pix a:hover {color: #666; text-decoration: underline;}

/* CONTENT */
div#content {padding: 22px;}

/* FEATURE SIDE */
div.feature-side {float: right; width: 33%; margin: 0 0 2em 4em; padding-left: 1em;}
div.feature-side h3 , div.feature-side h2 {margin: 0;}
div.feature-side p.price {color: #3c5; font-weight: bold; font-size: large;}
div.feature-side p.buy-button {margin-bottom: -0.5em; padding: 0.2em;
	border: 1px solid #333; border-color: #ded #676 #676 #ded; background-color: #9f9; text-align: center;}
p.buy-button a {display: block;}
p.buy-button a:link {color: #030; text-decoration: none;}
p.buy-button a:visited {color: #030; text-decoration: none;}
p.buy-button a:hover {color: #fff; text-decoration: underline;}

/* FEATURE BOX */
div.feature-box {margin: 3em 0; padding: 0.5em 0;}
div.feature-box p {color: #2a5;}

/* ORDER LINK */
p.order {width: 60%; margin: 4em auto 2em auto; padding: 0.5em; border: 2px solid #123; background-color: #eee; text-align: center;}

/* DOTTED RULE */
.rule-ht {background: url(images/rule-h.gif) top repeat-x;}
.rule-hb {background: url(images/rule-h.gif) bottom repeat-x;}
.rule-vl {background: url(images/rule-v.gif) left repeat-y;}
.rule-vr {background: url(images/rule-v.gif) right repeat-y;}

/* FOOTER */
div#footer {margin-top: 2em; padding: 0.5em 22px; border-top: 1px solid #3c5;}
div#footer td {font-size: 76%;}

/* NAV */
div#nav td {text-align: center; background: url(images/rule-h.gif) bottom repeat-x; font-weight: bold; color: #999;}
div#nav a {font-weight: bold;}
div#nav a:link {color: #b45; text-decoration: none;}
div#nav a:visited {color: #b45; text-decoration: none;}
div#nav a:hover {color: #c78; }

/* SONG LIST */
table.songlist h3 {margin: 0;}
table.songlist td {vertical-align: top; padding: 0 2em 3em 0;}
table.songlist td.songlist-eng {line-height: 1.5em;}
table.songlist td.songlist-dan {line-height: 1.5em; font-style: italic;}

/* PHOTO GALLERY */
div#gallery {width: 400px;}
div.gallery-pic {height: 300px; width: 400px; margin-bottom: 1em;}

/* FORMS */
form td {}
form input, form textarea {width: 20em;}
.required {color: #3c5; font-weight: bold;}

/* QUOTE BOX */
table.quote {margin: 2em 0 2em 0; border: 1px solid #3c5; border-width: 1px 0;}
table.quote td, table.quote p {color: #000; line-height: 125%; font-size: 95%;}
table.quote td {background-color: #ffd;}
table.quote span.quote-author {font-style: italic; font-weight: normal;}