html {padding: 0px; margin: 0px; height: 100%;}
body {height: 100%; background-color: #000; background-image: url(/images/bg.jpg); background-position: bottom left; background-attachment: fixed; background-repeat: no-repeat; padding: 0px; margin: 0px;}

#container {min-height: 100%; position: relative; height: 100%; font-family: Verdana, Geneva, Helvetica, sans-serif; color: #fff;}
html>body #container {voice-family: "\"}\""; voice-family:inherit; height: auto; position: relative;}

.nodisplay {display: none;}

p.left {float: left;}
p.right {float: right;}
p.left img {border: 1px solid #006699; margin: 2px 10px 0px 0px;}
p.right img {border: 1px solid #006699; margin: 2px 0px 0px 10px;}
p.picture img {border: 1px solid #006699; margin: 0px; clear: both;}
p.wav {padding-left: 24px; background-image: url(/images/wav.gif); background-repeat: no-repeat;}
li.pdf {background: url(/images/pdf.gif) no-repeat; background-position: 0px 0px; margin: 0px 0px 6px 24px; list-style-type: none; height: 15px; padding: 0px 0px 0px 26px;}
li.wav {background: url(/images/wav.gif) no-repeat; background-position: 0px 0px; margin: 0px 0px 6px 24px; list-style-type: none; height: 15px; padding: 0px 0px 0px 26px;}
li.mix {background: url(/images/cubase.gif) no-repeat; background-position: 0px 0px; margin: 0px 0px 6px 24px; list-style-type: none; height: 15px; padding: 0px 0px 0px 26px;}
li.rar {background: url(/images/rar.gif) no-repeat; background-position: 0px 0px; margin: 0px 0px 6px 24px; list-style-type: none; height: 15px; padding: 0px 0px 0px 26px;}
li.zip {background: url(/images/zip.gif) no-repeat; background-position: 0px 0px; margin: 0px 0px 6px 24px; list-style-type: none; height: 15px; padding: 0px 0px 0px 26px;}
li.bullet1 {background: url(/images/bullet1.gif) no-repeat; background-position: 0px 4px; margin: 0px 0px 2px 24px; list-style-type: none; height: 15px; padding: 0px 0px 0px 20px;}
#header {margin: 0px; padding: 0px; height: 50px; width: 100%; border-bottom: 1px solid #555; background-color: #000;}
#logo {float: left; width: 300px; height: 50px;}

/* Navigation classes */
#nav {padding: 0px; margin: 0px 0px 0px auto; list-style: none; font-size: 10px; text-align: center; display: inline;}
#nav ul {padding: 0px; margin: 0px; list-style: none; width: 90px; z-index: 99; position: relative; overflow: visible;}
#nav li {margin: 0px; position: relative; float: left; width: 90px; background-color: #000; display: block; height: 18px;}
#nav ul li {background-color: #222; width: 90px;}
#nav ul ul li {width: 90px;}
#nav ul ul li:last-child {}
#nav a {text-decoration: none; display: block; line-height: 18px; height: 18px; width: 90px; font-size: 10px; color: #006699; border-right: 1px solid #666; text-align: center;}
#nav a:hover, #nav li:hover {background-color: #222;}
#nav ul li:hover, #nav ul li a:hover {background-color: #222; color: #3366FF;}
#nav ul {display: none; color: #006699;}
/*all see this */ #nav ul ul, #nav ul ul ul {display: none; position: absolute; margin-top: -18px; margin-left: 55px;}
/* non-IE browsers see this */ #nav ul li>ul, #nav ul ul li>ul {margin-top: -18px; margin-left: -90px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul {display: none;}
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul {display: block;}
li>ul {top: auto; left: auto;}

.content[class] {background-image: url(/images/trans-black-60p.png); padding: 10px 10px 40px 10px; margin: 20px 20px 0px 20px; width: 740px; border-left: solid 1px #333; border-right: solid 1px #333;}

.content h1 {font-size: 20px; font-weight: bold; line-height: 22px; color: #fff; border-bottom: 1px solid #006699; margin: 0px 0px 8px 0px; font-family: Arial, Verdana, Helvetica, sans-serif;}
.content h2 {font-size: 16px; font-weight: bold; line-height: 18px; height: 17px; color: #fff; margin: 30px 0px 10px 0px; padding: 4px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #1B1B1B; clear: both;}
.content h3 {font-size: 14px; font-weight: bold; line-height: 15px; color: #fff; margin: 30px 0px 10px 0px; font-family: Arial, Verdana, Helvetica, sans-serif;}
.content p {font-size: 11px; font-weight: normal; line-height: 14px; color: #fff; margin: 0px 0px 10px 0px; text-align: justify;}
.content img {padding: 0px; margin: 0px;}
.content ul {margin: 10px 0px 20px 0px; padding: 0px;}
.content li {font-size: 12px; font-weight: normal; line-height: 15px; color: #fff;}
.content li a:link {font-size: 12px;}
.content li a:visited {font-size: 12px;}
.content li a:hover {font-size: 12px;}
.content a:link {font-size: 11px; text-decoration: none; padding: 0px; margin: 0px; color: #6699CC;}
.content a:visited {font-size: 11px; text-decoration: none; padding: 0px; margin: 0px; color: #6699CC;}
.content a:hover {font-size: 11px; text-decoration: none; padding: 0px; margin: 0px; color: #3366FF;}
.box[class] {background-color: #000; border-bottom: 1px solid #006699; padding: 10px 10px 20px 10px; margin: 0px 0px 12px 0px;}
/* .box p, h1, h2, img, li {position: static;} */
.box2 {background-color: #000; border-top: 1px solid #006699; border-bottom: 1px solid #006699; padding: 10px 10px 20px 10px; list-style: inside; margin: 0px 0px 12px 0px;}

.playlist {padding: 6px 6px 6px 44px; margin: 10px 0px 0px 0px; background-color: #000; border: 1px solid #333; background-image: url(/images/strip-audio.jpg); background-repeat: no-repeat; background-position: 1px; clear: both;}
.video {padding: 6px 6px 6px 50px; margin: 10px 0px 0px 0px; background-color: #000; border: 1px solid #333; background-image: url(/images/strip-video.jpg); background-repeat: no-repeat; background-position: 1px; clear: both;}

.article {border: 1px solid #333; background-color: #000; padding: 12px 10px 10px 10px; margin: 0px 0px 16px 0px; background-image: url(/images/column-bg.jpg); background-repeat: no-repeat;}
.article h2 {margin-top: 0px; padding: 0px; display: block; height: 14px; background: none;}
ul.bullet li {background: url(/images/bullet1.gif) no-repeat; background-position: 0px 4px; font-size: 10px; margin: 0px 0px 2px 0px; list-style-type: none; padding: 0px 0px 0px 20px;}

.column {width: 331px; padding: 8px; margin: 0px 10px; background-color: #000; border: 1px solid #006699; float: left; background-image: url(/images/column-bg.jpg); background-repeat: no-repeat;}
h2.terrain {background-image: url(/images/game-stuff/terrain.jpg); background-repeat: no-repeat; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 40px; line-height: 32px; border-bottom: 1px solid #006699; height: 32px; font-size: 16px; letter-spacing: 4px;}
h2.sound {background-image: url(/images/game-stuff/soundbanks.jpg); background-repeat: no-repeat; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 40px; line-height: 32px; border-bottom: 1px solid #006699; height: 32px; font-size: 16px; letter-spacing: 4px;}

#kitlist {width: 100%; font-size: 12px; padding: 0px;}
#kitlist h2 {margin: 10px 0px 0px 0px; padding: 0px;}
#kitlist ul {margin: 10px 0px 10px 0px; padding: 0px;}
.kitlist {width: 220px; float: left; padding: 0px 8px 8px 8px;}
#kitlist li.bullet1 {background: url(/images/bullet1.gif) no-repeat; background-position: 0px 4px; margin: 0px 0px 2px 0px; list-style-type: none; height: 15px; padding: 0px 0px 0px 20px;}

.row {margin: 20px 0px 20px 0px; padding: 0px 0px 10px 0px; background: url(/images/column-bg.jpg) no-repeat #000; border-top: 1px solid #006699; border-bottom: 1px solid #333; clear: both; min-height: 100px;}
.row h2 {font-size: 13px; margin: 0px; padding: 10px; font-style: italic;}
.row p {font-size: 11px; margin: 0px 0px 10px 0px; padding: 0px 10px 0px 10px; color: #fff;}
.row h3 {font-size: 14px; font-weight: bold; line-height: 16px; height: 16px; color: #fff; margin: 10px 0px; padding: 0px 10px; font-family: Arial, Verdana, Helvetica, sans-serif; background: none;}
.row h3 a:link, .row h3 a:hover, .row h3 a:visited {font-size: 15px;}
.row img.button {margin: 0px; padding: 4px; border: 1px solid #006699;}
p.audio {padding: 0px 0px 0px 24px; margin-left: 10px; background-image: url(/images/wav.gif); background-repeat: no-repeat;}
.row img.right {float: right; margin: 0px 0px 10px 20px; padding: 4px; border-left: solid 1px #006699; border-bottom: solid 1px #006699; border-right: solid 1px #006699; border-top: 0px;}

.cd-right {float: right; margin: 0px 0px 10px 20px; padding: 0px;}
.cd-right img {margin: 0px 0px 4px 0px; padding: 4px; border-left: solid 1px #006699; border-bottom: solid 1px #006699; border-right: solid 1px #006699; border-top: 0px;}
.cd-right p {margin: 0px; padding: 0px 2px 0px 0px; font-size: 10px; text-align: center;}
.album-row {margin: 0px 0px 10px 0px; padding: 0px;}
ul.album {margin: 0px; padding: 0px; float: left;}
ul.album-right {margin: 0px 0px 0px 220px; padding: 0px;}
ul.album li.wav {background: url(/images/wav.gif) no-repeat 0px 0px; margin: 0px 0px 0px 24px; list-style-type: none; padding: 0px 0px 0px 24px;}
ul.album li.wav a {font-size: 11px; padding: 0px; margin: 0px;}
ul.album-right li.wav {background: url(/images/wav.gif) no-repeat 0px 0px; margin: 0px 0px 0px 24px; list-style-type: none; padding: 0px 0px 0px 24px;}
ul.album-right li.wav a {font-size: 11px; padding: 0px; margin: 0px;}
.player {width: 500px; padding: 10px 0px 0px 10px; margin: 0px 0px 10px 0px; float: left;}

#footnote {border-top: 1px solid #006699; border-bottom: 1px solid #006699; margin: 20px 0px 10px 0px; padding: 10px; background-color: #000; background-image: url(/images/column-bg.jpg); background-repeat: no-repeat; clear: both;}
#footnote p {font-size: 10px; font-weight: normal; line-height: 12px; color: #fff; margin: 6px 0px;}
#footnote h2 {font-size: 14px; font-weight: bold; line-height: 15px; background: none; color: #fff; padding: 0px; margin: 0px 0px 10px 0px; font-family: Arial, Verdana, Arial, Helvetica, sans-serif;}
#footnote ul {margin: 10px 0px 10px 0px; padding: 0px;}
#footnote p a:link {font-size: 10px; text-decoration: none; padding: 0px; margin: 0px; color: #6699CC;}
#footnote p a:visited {font-size: 10px; text-decoration: none; padding: 0px; margin: 0px; color: #6699CC;}
#footnote p a:hover {font-size: 10px; text-decoration: none; padding: 0px; margin: 0px; color: #3366FF;}

#footer {position: absolute; bottom: 0px; overflow: hidden; border-bottom: 1px solid #000; font-size: 10px; color: #ddd; border-top: 1px solid #ccc; background-color: #000; width: 100%; text-align: right;}
#footer a:link {color: #ddd; text-decoration: none; font-size: 10px;}
#footer a:visited {color: #ddd; text-decoration: none; font-size: 10px;}
#footer a:hover {color: #6699CC; text-decoration: none; font-size: 10px;}
#footer p {padding: 4px 6px 4px 4px; margin: 0px;}