* {margin: 0; padding: 0}
body {background: #ffffee; color: #FFCC00; font-size: 62.5%; scrollbar-base-color: #770011}
h1 {font-family: verdana, sans-serif; font-weight: bold; font-size: 1.2em; margin-bottom: 6px}
h2 {font-family: verdana, sans-serif; font-size: 1.4em; font-style: normal; color: #bb003d: margin-bottom: 8px} 
h3 {font-family: verdana, sans-serif; font-size: 1.8em; font-style: italic; color: #FF3399}
p{font-family: verdana, sans-serif; font-size: 1.2em; text-align: left; line-height: 1.3; margin-bottom: 6px}
span {font-family: verdana, sans-serif; font-size: 1.2em; font-weight: bolder; color: #ffff99;}
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:#ffff99; text-decoration:none}
a:hover, a:active {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#FFCC00; text-decoration:none}
#text {padding-left: 10px; padding-right: 10px}
.title {font-family: "Verdana", "Helvetica", sans-serif; font-size: 12px; font-weight: bold;}
#ideas {font-family: "Verdana", "Helvetica", sans-serif; font-size: 18px; font-style: italic; font-weight:bold;}
#brochurecopy {position: absolute; left: 30%; top: 100px; width: 40%; z-index: 3}
#brochurecopy p {font-family: verdana, sans-serif; font-size: 1.2em; line-height: 1.4}
.headbox {font-family: Verdana, sans-serif; font-size: 1.2em; text-align: left; width: 285px;}
.hidbox {position: absolute; left: 42%; top: 205px; width: 35%; font-family: verdana, sans-serif; font-size: 1.3em; font-weight: bolder; color: #FFFF99; line-height: 1.3; text-align: left;}
.backbutton {
	position: absolute;
	left: 33px;
	top: 28px;
	z-index: 1;
	width: 100px;
	height: 45px
}
#back {font-family: 'arial rounded', arial, sans-serif; color: #FFCCCC; font-weight: bold; border: none; background-color: #990033; font-size: 10pt; cursor: pointer;}
.press a:link {font-family: verdana, sans-serif; font-weight: bold; font-size: 1em; color:#FFcc00; text-decoration:none}
.press a:visited {font-family: verdana, sans-serif; font-weight: bold; font-size: 1em; color:#FFcc00; text-decoration:none}
.press a:hover {font-family: verdana, sans-serif; font-weight: bold; font-size: 1em; color:#FFFF99; text-decoration:none}
.press a:active {font-family: verdana, sans-serif; font-weight: bold; font-size: 1em; color:#ffff99; background-color: #660033; text-decoration:none}
.words a:link {font-family: verdana, sans-serif; font-weight: normal; font-size: 1em; color:#FF00FF; text-decoration:none}
.words a:visited {font-family: verdana, sans-serif; font-weight: normal; font-size: 1em; color:#FF00FF; text-decoration:none}
.words a:hover {font-family: verdana, sans-serif; font-weight: normal; font-size: 1em; color:#FFFF99; text-decoration:none}
.words a:active {font-family: verdana, sans-serif; font-weight: normal; font-size: 1em; color:#ffff99; background-color: #660033; text-decoration:none}
.character a:link {font-family: arial, sans-serif; font-weight: bold; font-size: 1.1em; color:#FF00FF; text-decoration:none}
.character a:visited {font-family: arial, sans-serif; font-weight: bold; font-size: 1.1em; color:#FF00FF; text-decoration:none}
.character a:hover {font-family: arial, sans-serif; font-weight: bold; font-size: 1.1em; color:#FFFF99; text-decoration:none}
.character a:active {font-family: arial, sans-serif; font-weight: bold; font-size: 1.1em; color:#ffff99; background-color: #660033; text-decoration:none}
.character li{white-space: nowrap; display: inline}
.character li a{padding-left: 0.3em; padding-right: 0.3em}

.page a:link {color:#FF00FF;}
.page a:visited {color:#FF00FF;}
.page a:hover {color:#FFFF99;}
.page a:active {color:#ffff99;}

.review a {display: block; line-height: 2; font-weight: bold}
.review a:link {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#cccc99; text-decoration:none}
.review a:visited {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#cccc99; text-decoration:none}
.review a:hover {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#FFFFff; text-decoration:none}
.review a:active {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#FFFFff; text-decoration:none}
.press li{white-space: nowrap; display: inline}
.press li a{padding-left: 0.3em; padding-right: 0.3em}
.reveal a{display: block;}
.reveal a:link {font-family: arial, sans-serif; font-weight: bold; font-size: 1.3em; color:#color: #ffcc00; text-decoration:none}
.reveal a:visited {font-family: arial, sans-serif; font-weight: bold; font-size: 1.3em; color:#ffcc00; text-decoration:none}
.reveal a:hover {font-family: arial, sans-serif; font-weight: bold; font-size: 1.3em; color:#FFFF99; text-decoration:none}
.reveal a:active {font-family: arial, sans-serif; font-weight: bold; font-size: 1.3em; color:#FFFF99; text-decoration:none}
#bitlogo {position: absolute; left: 35%; top: 30px;}

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

ul#menu li a:link {color:#fc0;}
ul#menu li a:visited {color:#fc0;}
ul#menu li a:hover {color:#301; background-color: #ff9}
ul#menu li a:active {color:#301;}

ul#menu li.menuprod a:link {color:#ff9; font-weight: bold}
ul#menu li.menuprod a:visited {color:#ff9; font-weight: bold}
ul#menu li.menuprod a:hover {color:#301; font-weight: bold; background-color: #ff9}
ul#menu li.menuprod a:active {color:#301; font-weight: bold}

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

#holderhome {position: absolute; left: 40px; top: 140px; width: 90%}
#maintext {position: absolute; left: 150px; top: 0px; width: 60%; padding: 12px; padding-top: 0px}
#addtext {position: relative; width: 60%}
#schoolhead {color: #ff00ff}
#image {position: absolute; left: 6%; top: 100px; z-index: 1}
#followuppage {position: absolute; left: 5%; top: 110px; width:29%; z-index:3}
#followuppage p {color: #FF3399}
#JackLetter {position: absolute; left: 3%; top: 60px; width: 260; height: 350}
#JackPic {
	position: absolute;
	left: 44px;
	top: 347px;
	width: 200;
	height:250
}
#review {position: absolute; left: 36%; top: 100px; width: 450px; height: 400px; overflow: auto; padding: 15px; padding-right: 30px; background-color: #880033; z-index: 5}
#brochimg {position: absolute; left: 8%; top: 120px}
#brochinstruct {position: absolute; top: 350px; left: 45%; width: 20%; text-align: center; font-weight: bold}
#brochlogo {position: absolute; left: 40%; top: 200px}
#ideas {position: absolute; left: 20%; top: 100px; width: 300px; height: 40px}
#castle {position: absolute; left: 3%; top: 80px; cursor: pointer}
.hidboxnew {position: absolute; left: 20%; top: 140px; width: 30%; font-family: verdana, sans-serif; font-size: 1.3em; font-weight: bolder; color: #FFFF99; line-height: 1.3; text-align: left; visibility: hidden}
#dentist {position: absolute; left:55%; top: 90px; z-index: 4; cursor: pointer}
#ashinstructions {position: absolute; left: 55%; top: 431px; width: 150px; height: 100px}
#babydentist {position: absolute; left: 78%; top: 250px; cursor: pointer; z-index: 3}
#mobile {position: absolute; left: 78%; top: 120px; cursor: pointer; z-index: 2}
#pressrelease {background: #FFFFFF; position: absolute; width: 52%; left: 24%; top: 150px; padding: 10px}
#pressrelease p {color: #000000}
#pressimage {position: absolute; left: 4%; top: 200px}
#slide1 {position: absolute; left: 6%; top: 130px}
#slide2 {position: absolute; left: 60%; top: 80px}
#slidetitle {position: absolute; left: 35%; top: 500px}
#schoolwork {position: absolute; left: 145px; top: 100px; width: 500px; padding-right: 30px; z-index: 3; height: 400px; overflow: auto}
#schoolwork p {font-family: verdana, sans-serif; font-size: 12px; line-height: 1.3}
.schoolinst  {font-size: 0.9em}
#schoolcolumn1 {position: absolute; left: 5%; top: 81px; width: 20%; padding: 8px}
#schoolcolumn1 p {color: #FFFF99}
#schoolcolumn2 {position: absolute; left: 30%; top: 80px; width: 20%; padding: 8px; z-index: 5}
#schoolcolumn2under {position: absolute; left: 0px; bottom: -130px; width: 100%; text-align: center}
#schoolcolumn2under p {text-align: center; color: #ffff99}
#schoolcolumn2under img {border-bottom: 10px solid #990033}
#schoolcolumn3 {position: absolute; left: 56%; top: 85px; width: 166px; padding: 8px}
#schoolcolumn3 p {color: #FFFF99}
#schoolChick {position: absolute; right: 2%; top: 90px; width: 128px}
#schoolChick p {color: #FFFF99; padding-top: 5px}
#synopsis {position: absolute; left: 180px; top: 100px; width: 500px; padding-right: 30px; height: 420px; overflow: auto; z-index: 4}
#synopsislinks {
	position: absolute;
	left: 30px;
	top: 405px;
	width: 125px;
	text-align: center
}
#synopsisimg {position: absolute; left: 10px; top: 100px; z-index: 2}
#bgdimage {
	position: absolute;
	left: 267px;
	top: 150px
}