* {margin: 0; padding: 0}
body {background: #ffffee; color: #000000; font-size: 62.5%; scrollbar-base-color: #00b7b7}
h1 {font-family: verdana, sans-serif; font-style: normal;}
h2 {font-family: "Verdana", "Helvetica", sans-serif; font-size: 1.4em;}
h3 {font-family: arial, sans serif; font-style: italic; font-weight: bold; font-size: 1.8em; color: #00FFFF;}
p{font-family: verdana, sans-serif; font-size: 1.2em; line-height: 1.3; margin-top: 0.5em; margin-bottom: 6px}
span {font-family: verdana, sans-serif; font-size: 1.2em; font-weight: bolder; line-height: 1.3; color: #ffffff}
img {border: none}

#holder {width: 800px; position: absolute; left: 50%; margin-left: -400px; margin-top: 5px; z-index: 1}
#bgd {position: absolute; left: 50%; margin-left: -400px; margin-top: 0px; z-index: 0;}

a:link, a:visited {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#00ffff; text-decoration: none;}
a:hover, a:active {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#008080; text-decoration: none;}
.text {padding-left: 10px; padding-right: 10px}
#ideas {font-family: "Verdana", "Helvetica", sans-serif; font-size: 16px; font-style: italic; font-weight:bold;}
.headbox {font-family: "Verdana", "Helvetica", sans-serif; font-size: 12px; color: #FFFF00; text-align: center;}
.hidbox {font-family: "Verdana", "Helvetica", sans-serif; font-size: 12px; font-weight: bold; color: #FFFF99; text-align: left;}
hr {width: 80%; size: 1;}
.backbutton {
	position: absolute;
	left: 30px;
	top: 37px;
	z-index: 1;
	width: 100px;
	height: 45px
}
#back {font-family: 'arial rounded', arial, sans-serif; color: #00ffff; background: #20c7c7; font-weight: bold; border: none; font-size: 10pt; cursor: pointer;}
.review a:link {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#006464; text-decoration:none}
.review a:visited {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#006464; text-decoration:none}
.review a:hover {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#00eeee; text-decoration:none}
.review a:active {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#00eeee; text-decoration:none}
.review a {display: block; line-height: 2;}

ul#menu li a {font-weight: bold}

ul#menu li a:link {color:#cff;}
ul#menu li a:visited {color:#cff;}
ul#menu li a:hover {color:#333; background-color: #0bc}
ul#menu li a:active {color:#e0e0e0;}

ul#menu li.menuprod a:link {color:#1a3a03; font-weight: bold}
ul#menu li.menuprod a:visited {color:#1a3a03; font-weight: bold}
ul#menu li.menuprod a:hover {color:#333; font-weight: bold; background-color: #0bc}
ul#menu li.menuprod a:active {color:#1a3a03; font-weight: bold}

ul#medialinks li a:link {font-family: verdana, sans-serif; font-weight: bold; font-size: 11px; color:#222222; text-decoration:none; background-color: #00bbcc; padding: 3px 5px}
ul#medialinks li a:visited {font-family: verdana, sans-serif; font-weight: bold; font-size: 11px; color:#00b7b7; text-decoration:none; background-color: #eeeeee; padding: 3px 5px}
ul#medialinks li a:hover {font-family: verdana, sans-serif; font-weight: bold; font-size: 11px; color:#ffffff; text-decoration:none; background-color: #00a5a5; padding: 3px 5px}
ul#medialinks li a:active {font-family: verdana, sans-serif; font-weight: bold; font-size: 11px; color:#ffffff; text-decoration:none; background-color: #00a5a5; padding: 3px 5px}
ul#medialinks li a:link, ul#medialinks li a:visited {display: block; width: 88%; padding: 0 6%}

#draglogo {position: absolute; left: 35%; top: 18px}
#homeimage {
	position: absolute;
	left: 39px;
	top: 174px
}
#indextext {position: absolute; left: 20%; top: 110px; width: 60%; padding: 12px;}
#maintext {position: absolute; left: 20%; top: 140px; width: 60%; padding: 12px;}
#storytext {padding: 12px;}
#storyholder {
	position: absolute;
	left: 137px;
	top: 90px;
	width: 70%;
}
#storyprelude {padding: 6px 80px;}
#storyprelude span {font-size: 1em; font-weight: normal; color: #aefbff}
#dragonkingstitle {position: absolute; left: 15%; top: 100px}
#dragonlinks {position: absolute; left: 2%; top: 140px}
#dragonlinks p {color: #ffcc00}
#pic {position: absolute; left: 20%; top: 16px}
#brochtext {position: absolute; left: 25%; top: 20px; width: 50%; background-color: #ffffff; padding: 1.5em; color: #000000}
#brochpic {float: right; border-left: 10px solid #ffffff; border-bottom: 8px solid #ffffff}
#followuppage {position: absolute; left: 5%; top: 110px; width:29%; z-index:3}
#followuppage p {color: #800000; font-weight: bold}
#synpic {position: absolute; left: 82%; top: 10px; width: 120px}
#synpic p {text-align: center; color: #FFFF00}
#synpic img {border: solid 2px #CC0000; background: #FF3300}
#syntext {position: absolute; left: 22%; top: 130px; width: 480px; height: 390px; overflow: auto; padding-right: 12px;}
#center {position: absolute; left: 350px; top: 100px; width: 100px; text-align: center; font-weight: bold; color: #eeeeee}

#hiddenpr {z-index: -2; position: absolute; left: 50px; top: 30px; width: 650px}
#hiddenbroch {z-index: -2; position: absolute; left: 50px; top: 450px; width: 650px}
#hidelayer {z-index: -1; position: absolute; left: 40px; top: 20px}
#reviewimg {float: left; padding-right: 8px; padding-bottom: 8px;}
#scribblecreature {
	position: absolute;
	left: 82px;
	top: 134px;
	width: 250px
}
#kingsacre {
	position: absolute;
	left: 474px;
	top: 169px;
	width: 250px
}