html, body, div, p, img, a, pre, table, th, td, h1, h2, h3, h4, h5, input, select, option, button { margin: 0px; padding: 0px; border: 0px; }
h1, h2, h3, h4, h5, p, div, li, td, th, a, pre { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; }
body { margin: 10px 0px 40px 10px; padding: 0px; }
body { background-image: url(images/body-bgd.png); background-color: #C8C2BA; background-repeat: repeat-x; }
body,a { color: #333333; }
p { padding: 6px 0px 6px 0px; line-height: 150%; }
li { padding: 3px 0px 3px 0px; line-height: 150%; list-style-type: square; }
#site { width: 958px; margin: 0px auto; padding: 0px 20px 20px 20px; background-color: #F0E9DF; }
#banner { width: 958px; height: 132px; background-image: url(images/banner.png); }
#menu { width: 958px; height: 120px; }
#canvas { width: 958px; min-height: 400px;}
#contents { padding: 10px 0px 30px 40px; float: right; background-color: #F0E9DF;}
#bymgs { padding-top: 30px; text-align: right; }
#bymgs a { display: inline-block; width: 60px; height: 60px; }
#bymgs a { background-image: url(images/bymgs030.png); background-repeat: no-repeat; background-position: top left; }
#bymgs a:hover { background-image: url(images/bymgs100.png); }
#menu a { display: inline-block; width: 190px; height: 120px; }
#menu a { background-repeat: no-repeat; background-position: top left; }
#menu span.mnu1 a.std { background-image: url(images/mnu1-std.png); }
#menu span.mnu1 a.sel { background-image: url(images/mnu1-sel.png); }
#menu span.mnu1 a.hvr { background-image: url(images/mnu1-hvr.png); }
#menu span.mnu2 a.std { background-image: url(images/mnu2-std.png); }
#menu span.mnu2 a.sel { background-image: url(images/mnu2-sel.png); }
#menu span.mnu2 a.hvr { background-image: url(images/mnu2-hvr.png); }
#menu span.mnu3 a.std { background-image: url(images/mnu3-std.png); }
#menu span.mnu3 a.sel { background-image: url(images/mnu3-sel.png); }
#menu span.mnu3 a.hvr { background-image: url(images/mnu3-hvr.png); }
#menu span.mnu4 a.std { background-image: url(images/mnu4-std.png); }
#menu span.mnu4 a.sel { background-image: url(images/mnu4-sel.png); }
#menu span.mnu4 a.hvr { background-image: url(images/mnu4-hvr.png); }
#menu span.mnu5 a.std { background-image: url(images/mnu5-std.png); }
#menu span.mnu5 a.sel { background-image: url(images/mnu5-sel.png); }
#menu span.mnu5 a.hvr { background-image: url(images/mnu5-hvr.png); }
.ml0 { margin-left: 0px; }
.ml2 { margin-left: 2px; }
#contents a { font-family: Verdana, Arial, sans-serif; font-size: 10px; line-height: 22px; font-weight: normal; color: #000000; }
#contents a { text-decoration: none; }
#contents a { display: block; width: 146px; height: 22px; padding-left: 4px; }
#contents a { background-repeat: no-repeat; background-position: top left; }
body.mnu1 #contents a.std { background-image: url(images/cpt1-std.png); color: #333333; }
body.mnu1 #contents a.sel { background-image: url(images/cpt1-sel.png); color: #F0F0F0; }
body.mnu1 #contents a.hvr { background-image: url(images/cpt1-hvr.png); color: #333333; }
body.mnu2 #contents a.std { background-image: url(images/cpt2-std.png); color: #333333; }
body.mnu2 #contents a.sel { background-image: url(images/cpt2-sel.png); color: #F0F0F0; }
body.mnu2 #contents a.hvr { background-image: url(images/cpt2-hvr.png); color: #333333; }
body.mnu3 #contents a.std { background-image: url(images/cpt3-std.png); color: #333333; }
body.mnu3 #contents a.sel { background-image: url(images/cpt3-sel.png); color: #333333; }
body.mnu3 #contents a.hvr { background-image: url(images/cpt3-hvr.png); color: #333333; }
body.mnu4 #contents a.std { background-image: url(images/cpt4-std.png); color: #333333; }
body.mnu4 #contents a.sel { background-image: url(images/cpt4-sel.png); color: #F0F0F0; }
body.mnu4 #contents a.hvr { background-image: url(images/cpt4-hvr.png); color: #333333; }
body.mnu5 #contents a.std { background-image: url(images/cpt5-std.png); color: #333333; }
body.mnu5 #contents a.sel { background-image: url(images/cpt5-sel.png); color: #F0F0F0; }
body.mnu5 #contents a.hvr { background-image: url(images/cpt5-hvr.png); color: #333333; }
#contents a { margin-top: 4px; }
#contents a:first-child { margin-top: 0px; }
div.video { padding: 8px; margin-top: 10px; }
div.video { background-image: url(images/video-bgd.png); background-position: top left; background-repeat: repeat-x; }
a.vcr { display: inline-block; width: 34px; height: 34px; float: right; margin: 2px 2px 0px 20px; }
a.vcr { background-position: top left; background-repeat: no-repeat; }
a.vcr.std { background-image: url(images/vcrplay-std.png); }
a.vcr.hvr { background-image: url(images/vcrplay-hvr.png); }
#player { display: block; width: 200px; height: 184px;}
h1 { font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; padding-top: 30px; font-variant: small-caps; letter-spacing: 1px; }
h1.first { padding-top: 10px; }
h2 { font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; padding-top: 12px; }
body.mnu1 h1, body.mnu1 h2 { color: #AD3213; border-bottom: 1px dotted #AD3213; }
body.mnu2 h1, body.mnu2 h2 { color: #778B0F; border-bottom: 1px dotted #778B0F; }
body.mnu3 h1, body.mnu3 h2 { color: #F38F21; border-bottom: 1px dotted #F38F21; }
body.mnu4 h1, body.mnu4 h2 { color: #5B8BB6; border-bottom: 1px dotted #5B8BB6; }
body.mnu5 h1, body.mnu5 h2 { color: #AB7655; border-bottom: 1px dotted #AB7655; }
body.mnu1 a.text { text-decoration: none; border-bottom: 1px dotted #AD3213; }
body.mnu1 a.text:hover { background-color: #AD3213; color: #F0F0F0; }
body.mnu2 a.text { text-decoration: none; border-bottom: 1px dotted #778B0F; }
body.mnu2 a.text:hover { background-color: #778B0F; color: #F0F0F0; }
body.mnu3 a.text { text-decoration: none; border-bottom: 1px dotted #F38F21; }
body.mnu3 a.text:hover { background-color: #F38F21; color: #333333; }
body.mnu4 a.text { text-decoration: none; border-bottom: 1px dotted #5B8BB6; }
body.mnu4 a.text:hover { background-color: #5B8BB6; color: #F0F0F0; }
body.mnu5 a.text { text-decoration: none; border-bottom: 1px dotted #AB7655; }
body.mnu5 a.text:hover { background-color: #AB7655; color: #F0F0F0; }
div.sample { width: 800px; margin: 20px 0px 20px 30px; 
border: 1px dotted #666666; 
background-image: url(images/sample-bgd.png); background-position: top left; background-repeat: repeat-y; 
}
div.sample p { padding: 8px; }
div.screenshot { padding: 20px 0px 20px 0px; text-align: center; }
div.screenshot img { background-color: #FFFFFF; padding: 10px; border: 1px solid #999999;}
div.screenshot a { padding: 0px; font-size: 9px; text-decoration: none;}
div.screenshot p { padding: 0px; font-size: 9px; }