* {margin: 0; padding:0}
body {background: #e1d9c2; font-family: verdana; font-size: 62.5%; color: #014a75; scrollbar-base-color: #eeeebb; 
	scrollbar-darkShadow-color: #dd9966; scrollbar-shadow-color: #cc8855; scrollbar-arrow-color: #dd9966}
h1 {font-family: Verdana, sans-serif; font-style: italic; font-weight: bold; font-size: 4.8em; color: #FFFFFF}
h2 {font-family: Verdana, sans-serif; font-style: italic; font-weight: bold; font-size: 2.8em;}
h3 {font-family: Verdana, sans-serif; font-weight: bold; font-size: 1.4em;}
h4 {font-family: Verdana, sans-serif; font-size: 1.1em; color: #CC0000}
h5 {font-family: arial, sans-serif; font-size: 1.1em; color: #CCFFCC}
p{font-family: verdana, sans-serif; font-size: 1.2em; line-height: 1.6; margin-bottom: 12px;}
span {font-family: verdana, sans-serif; font-size: 1.2em; font-weight: bold; line-height: 1.3; margin-top: 0.5em; color: #2222ff}

#holder {width: 800px; position: absolute; left: 50%; margin-left: -400px; margin-top: 5px; z-index: 1}
#bgd {position: absolute; left: 50%; top: 120px; margin-left: -400px; margin-top: 0px; z-index: 0;}
#TopBorder {position: absolute; left: 0px; top: 0px; width: 100%; height: 110px; background-color:#1e76f2; z-index: 1}
#menubar {position: absolute; top: 108px; left: 0px}
#companylogo {
	position: absolute;
	left: 18px;
	top: -2px;
	z-index: 3
}
a:link, a:visited {font-family: verdana, sans-serif; font-size: 1.1em; font-weight: normal; color: #216a95; text-decoration: none;}
a:hover, a:active {font-family: verdana, sans-serif; font-size: 1.1em; font-weight: normal; color: #fff; text-decoration: none;}
#text {color: #CC0000; position: relative; z-index: 2; top: 0; left: 0;}
#title {font-family: verdana, sans-serif; font-size: 2.4em; font-weight: bold; font-style: italic; position: relative; top:170px; left: 43%;}
#numbers {font-family: Verdana, Helvetica, sans-serif; font-size: 14px; text-align: left; letter-spacing: 1.5px; color: #CC0000; margin-top: 0px;}
.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: 700; color: #FFFF99; text-align: center;}
hr {width: 70%; size: 1}
img {border: 0}
.backbutton {
	position: absolute;
	left: 726px;
	top: 550px;
	z-index: 1;
	width: 100px;
	height: 45px
}
#back {font-family: 'arial rounded', arial, sans-serif; color: #014a75; font-weight: bold; border: none; background-color: #FFFFCC; font-size:10pt; cursor: pointer;}

ul#menu li a {font-weight: bold}

ul#menu li a {font-weight: bold}
ul#menu li a:link {color:#fff;}
ul#menu li a:visited {color:#fff;}
ul#menu li a:hover {color:#9cf;}
ul#menu li a:active {color:#fff;}

ul#menu li.menuprod a:link {color:#216a95; font-weight: bold}
ul#menu li.menuprod a:visited {color:#216a95; font-weight: bold}
ul#menu li.menuprod a:hover {color:#fff; font-weight: bold;}
ul#menu li.menuprod a:active {color:#e0e0b0; font-weight: bold}
.here {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#fff; font-weight: bold}

li#here {color: #22f;}
ul#medialinks li a:link {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#e1d9c2; text-decoration:none; background-color: #216a95; padding: 3px 5px}
ul#medialinks li a:visited {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#e1d9c2; text-decoration:none; background-color: #216a95; padding: 3px 5px}
ul#medialinks li a:hover {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#fff; text-decoration:none; background-color: #216a95; padding: 3px 5px}
ul#medialinks li a:active {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#e1d9c2; text-decoration:none; background-color: #216a95; padding: 3px 5px}
ul#medialinks li a:link, ul#medialinks li a:visited {display: block; width: 88%; padding: 0 6%}

#tatterlogo {
	position: absolute;
	left: 317px;
	top: 18px;
}
td {vertical-align: top; padding: 4px;}
.review a:link {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#014a75; text-decoration:none}
.review a:visited {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#014a75; text-decoration:none}
.review a:hover {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#fff; text-decoration:none}
.review a:active {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#014a75; text-decoration:none}
.review a {display: block; line-height: 2;}
.reveal a{display: block;}
.reveal a:link {font-family: arial, sans-serif; font-weight: bold; font-size: 1.3em; color:#color: #cc0066; text-decoration:none}
.reveal a:visited {font-family: arial, sans-serif; font-weight: bold; font-size: 1.3em; color:#cc0066; text-decoration:none}
.reveal a:hover {font-family: arial, sans-serif; font-weight: bold; font-size: 1.3em; color:#0000ff; text-decoration:none}
.reveal a:active {font-family: arial, sans-serif; font-weight: bold; font-size: 1.3em; color:#0000ff; text-decoration:none}
#homeimage {
	position: absolute;
	left: 10px;
	top: 170px
}
#homeimage2 {
	position: absolute;
	right: -5px;
	top: 400px
}

#maintext {
	position: absolute;
	left: 195px;
	top: 166px;
	width: 420px;
	z-index: 4;
}
.reviewname {float: right; font-style: italic; font-size: 0.9em}
#movie {
	position: absolute;
	top: 322px;
	left: 9px
}
.media a {background-color: #ffeebd}
.press a:link {font-family: verdana, sans-serif; font-weight: bold; font-size: 1em; color:#000FF; text-decoration:none}
.press a:visited {font-family: verdana, sans-serif; font-weight: bold; font-size: 1em; color:#000FF; text-decoration:none}
.press a:hover {font-family: verdana, sans-serif; font-weight: bold; font-size: 1em; color:#cc0066; text-decoration:none}
.press a:active {font-family: verdana, sans-serif; font-weight: bold; font-size: 1em; color:#cc0066; background-color: #660033; text-decoration:none}
.press li{white-space: nowrap; display: inline}
.press li a{padding-left: 0.3em; padding-right: 0.3em}
.charactertext {position: absolute; left: 450px; top: 100px; width: 32%; font-family: verdana, sans-serif; font-weight: bolder; font-size: 1.2em; color: #0000ff}
#characters {
	position: absolute;
	left: 145px;
	top: 102px;
	width: 500px;
	height: 20px
}
#characters p {font-weight: bold; font-size: 1.4em; color: #0000ff}
#characterlist {
	position: absolute;
	left: 32px;
	top: 138px;
	width: 80%
}
.page {display: none; position: absolute; left: 4%; top: 70px; width: 70%}

#syntext {
	position: absolute;
	left: 195px;
	top: 166px;
	width: 420px;
}
#center {position: absolute; left: 350px; top: 100px; width: 100px; text-align: center; font-weight: bold; color: #eeeeee}
#page9 {position: absolute; left: 40%; top: 60px; width: 40%; display: block}
#click {position: absolute; left: -60%; top: 217px; width: 35%}
#click p{text-align: center; font-size: 1.4em; font-weight: bold; color: #0000ff}
.funwords {position: absolute; left: 117%; top: 100px; width: 20%; display: none}
.pictall {position: absolute; left: 12%; top: 93px; text-align: center}
.picwide {position: absolute; left: 0px; top: 103px; text-align: center}
#press img {float: right; padding-left: 8px}
#press {position: absolute; left: 30%; top: 50px; width: 45%}
#press h3 {color: #00FFFF}
#hiddenpr {z-index: -2; position: absolute; left: 50px; top: 30px; width: 650px}
#hiddenbroch {z-index: -2; position: absolute; left: 50px; top: 550px; width: 650px}
#hidelayer {z-index: -1; position: absolute; left: 40px; top: 20px}
#reviewimg {float: left; padding-right: 8px; padding-bottom: 8px; padding-top: 3px}

