* {margin: 0; padding: 0}
body {background: #74002f; color: #e8ad5a; 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: #FFbbff}
p{font-family: verdana, sans-serif; font-size: 1.2em; text-align: left; line-height: 1.6; margin-bottom: 12px}
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%; 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-weight: normal; font-size: 1.1em; color:#ffbbff; 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: 721px;
	top: 542px;
	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:#FFbbFF; text-decoration:none}
.words a:visited {font-family: verdana, sans-serif; font-weight: normal; font-size: 1em; color:#FFbbFF; 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:#FFbbFF; text-decoration:none}
.character a:visited {font-family: arial, sans-serif; font-weight: bold; font-size: 1.1em; color:#FFbbFF; 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: 273px;
	top: 47px;
}

ul#menu li a {font-weight: bold}
ul#menu li a:link {color:#74002f;}
ul#menu li a:visited {color:#74002f;}
ul#menu li a:hover {color:#ffcd7a;}
ul#menu li a:active {color:#74002f;}


ul#menu li.menuprod a:link {color:#e8ad5a; font-weight: bold}
ul#menu li.menuprod a:visited {color:#e8ad5a; font-weight: bold}
ul#menu li.menuprod a:hover {color:#ffdd8a; font-weight: bold;}
ul#menu li.menuprod a:active {color:#e8ad5a; font-weight: bold}
.here {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#ff9; 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: #9f1506; 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: #9f1506; 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: #9f1506; 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: #9f1506; padding: 3px 5px}
ul#medialinks li a:link, ul#medialinks li a:visited {display: block; width: 88%; padding: 0 6%}


#maintext {
	position: absolute;
	left: 195px;
	top: 166px;
	width: 420px;
	padding: 12px;
	padding-top: 0px
}
#addtext {position: relative; width: 60%}
#schoolhead {color: #ff00ff}
#image {position: absolute; left: 6%; top: 100px; z-index: 1}
#homeimage {
	position: absolute;
	left: 23px;
	top: 170px
}
#homeimage2 {
	position: absolute;
	right: -5px;
	top: 400px
}
#followuppage {
	position: absolute;
	left: 40px;
	top: 174px;
	width:29%;
	z-index:3
}
#followuppage p {color: #FF3399}
#JackLetter {
	position: absolute;
	left: 23px;
	top: 127px;
	width: 260;
	height: 350
}
#JackPic {
	position: absolute;
	left: 41px;
	top: 384px;
	width: 200;
	height:250
}
#review {
	position: absolute;
	left: 289px;
	top: 142px;
	width: 450px;
	padding: 15px;
	background-color: #880033;
	z-index: 1
}
#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: 158px;
	top: 146px;
	width: 300px;
	height: 40px
}
#castle {
	position: absolute;
	left: 26px;
	top: 157px;
	cursor: pointer
}
.hidboxnew {position: absolute; left: 20%; top: 220px; 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:440px;
	top: 147px;
	z-index: 4;
	cursor: pointer
}
#ashinstructions {
	position: absolute;
	left: 55%;
	top: 483px;
	width: 150px;
	height: 100px
}
#babydentist {
	position: absolute;
	left: 625px;
	top: 277px;
	cursor: pointer;
	z-index: 3
}
#mobile {
	position: absolute;
	left: 78%;
	top: 148px;
	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: 47px;
	top: 185px
}
#slide2 {
	position: absolute;
	left: 481px;
	top: 137px
}
#slidetitle {
	position: absolute;
	left: 279px;
	top: 549px
}
#schoolwork {
	position: absolute;
	left: 93px;
	top: 197px;
	width: 590px;
	padding-right: 30px;
	z-index: 3;
	height: 365px;
	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: 133px;
	width: 20%;
	padding: 8px
}
#schoolcolumn1 p {color: #FFFF99}
#schoolcolumn2 {
	position: absolute;
	left: 250px;
	top: 239px;
	width: 20%;
	padding: 8px;
	z-index: 5
}
#schoolcolumn2under {
	position: absolute;
	left: 645px;
	bottom: -472px;
	width: 148px;
	text-align: center
}
#schoolcolumn2under p {text-align: center; color: #ffff99}
#schoolcolumn2under img {border-bottom: 10px solid #990033}
#schoolcolumn3 {
	position: absolute;
	left: 56%;
	top: 130px;
	width: 166px;
	padding: 8px
}
#schoolcolumn3 p {color: #FFFF99}
#schoolChick {
	position: absolute;
	right: 15px;
	top: 142px;
	width: 128px
}
#schoolChick p {color: #FFFF99; padding-top: 5px}
#synopsis {
	position: absolute;
	left: 195px;
	top: 166px;
	width: 420px;
	padding-right: 30px;
	z-index: 4
}
#synopsislinks {
	position: absolute;
	left: 30px;
	top: 190px;
	width: 125px;
	text-align: center
}
#synopsisimg {position: absolute; left: 10px; top: 100px; z-index: 2}
#bgdimage {
	position: absolute;
	left: 267px;
	top: 212px
}