* {margin: 0; padding: 0}
body {background: #f57dba; color: #201; font-size: 62.5%; scrollbar-base-color: #ee11aa}
h1 {font-family: verdana, sans-serif; font-style: normal; font-size: 1.8em}
h2 {font-family: arial, sans serif; font-style: italic; font-weight: bold; font-size: 1.8em; color: #00FFFF;}
h3 {font-family: verdana, sans-serif; font-style: normal; font-size: 1.4em; color: #FFFFFF; margin-bottom: 8px}
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;}
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: 100px;
	z-index: 0;
	top: 20px;
}
#TopBorder {position: absolute; left: 0px; top: 0px; width: 100%; height: 110px; background-color:#1e76f2; z-index: 1}
#companylogo {
	position: absolute;
	left: 18px;
	top: -2px;
	z-index: 3
}
#menubar {position: absolute; top: 108px; left: 0px}
a:link, a:visited {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#eee; text-decoration:none}
a:hover, a:active {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#201; text-decoration:none}
.linklist a:link {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#FFCCFF; text-decoration:none}
.linklist a:visited {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#FFCCFF; text-decoration:none}
.linklist a:hover {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#990033; text-decoration:none}
.linklist a:active {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#990033; text-decoration:none}
.biglink a:link {font-family: verdana, sans-serif; font-size: 2em; font-weight: bold; color: #8f205b; text-decoration:none}
.biglink a:visited {font-family: verdana, sans-serif; font-size: 2em; font-weight: bold; color: #8f205b; text-decoration:none}
.biglink a:hover {font-family: verdana, sans-serif; font-size: 2em; font-weight: bold; color:#fcf; text-decoration:none}
.biglink a:active {font-family: verdana, sans-serif; font-size: 2em; font-weight: bold; color:#8f205b; text-decoration:none}

#text {padding-left: 10px; padding-right: 10px}
#title {font-family: "Verdana", "Helvetica", sans-serif; font-size: 12px; font-weight: bold; padding-left: 12px; text-align: right;}
#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: #FFFFFF; text-align: center;}
.hidbox {font-family: "Verdana", "Helvetica", sans-serif; font-size: 12px; font-weight: 400; border-style: solid; border-width: 0px, 4px; border-color: #FF99FF; color: #660066; background-color: #FF99FF; text-align: center;}
#back {font-family: arial, sans-serif; color: #FFCCFF; background: #FF33CC; font-weight: bold; border: none; font-size:10pt; cursor: pointer;}
.backbutton {
	position: absolute;
	left: 33px;
	top: 22px;
	z-index: 1;
	width: 100px;
	height: 45px
}
.review a:link, .review a:visited {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#201; text-decoration:none}
.review a:hover, .review a:active {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#eee; text-decoration:none}
.review a {display: block; line-height: 2;}

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:#f57dba;}
ul#menu li a:active {color:#fff;}

ul#menu li.menuprod a:link {color:#504; font-weight: bold}
ul#menu li.menuprod a:visited {color:#504; font-weight: bold}
ul#menu li.menuprod a:hover {color:#eee; font-weight: bold;}
ul#menu li.menuprod a:active {color:#504; font-weight: bold}
.here {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#fff; font-weight: bold}

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

#mdlogo {
	position: absolute;
	left: 239px;
	top: 45px;
	z-index: 3
}
.reveal a{display: block; cursor: pointer;}
.reveal a:link, .reveal a:visited {font-family: arial, sans-serif; font-weight: bold; font-size: 1.3em; color: #ffccff; text-decoration:none}
.reveal a:hover, .reveal a:active {font-family: arial, sans-serif; font-weight: bold; font-size: 1.3em; color: #990033; text-decoration:none}
.press a:link {font-family: verdana, sans-serif; font-weight: bold; font-size: 1em; color: #201; text-decoration:none}
.press a:visited {font-family: verdana, sans-serif; font-weight: bold; font-size: 1em; color: #201; text-decoration:none}
.press a:hover {font-family: verdana, sans-serif; font-weight: bold; font-size: 1em; color:#eee; text-decoration:none}
.press a:active {font-family: verdana, sans-serif; font-weight: bold; font-size: 1em; color:#201; background-color: #660033; text-decoration:none}
#pic {position: absolute; left: 20%; top: 16px}
#brochtext {position: absolute; left: 25%; top: 20px; width: 50%; background-color: #ffffff; padding: 1.5em; color: #000000}
#movie {
	position: absolute;
	left: 23px;
	top: 209px
}
#maintext {
	position: absolute;
	left: 195px;
	top: 166px;
	width: 420px;
}

#homeimage {
	position: absolute;
	left: 10px;
	top: 170px
}
#homeimage p {font-size: 1em; text-align: center}
#homeimage2 {
	position: absolute;
	right: -5px;
	top: 400px
}
#synpic {
	position: absolute;
	left: 37px;
	top: 170px;
	width: 120px
}
#synpic p {text-align: center}
#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}
#teacherimg {
	position: absolute;
	left: 220px;
	top: 30px;
}
#followuppage {position: absolute; left: 25px; top: 150px; width:29%; z-index:3}
#followuppage ul {list-style-type: disc; line-height: 1.2}
#followuppage ul li {padding-bottom: 10px;}
.followup a{display: block; cursor: pointer;}
.followup a:link, a:visited {font-family: arial, sans-serif; font-weight: normal; font-size: 1.3em; color: #8f205b; text-decoration:none}
.followup a:hover, a:active {font-family: arial, sans-serif; font-weight: normal; font-size: 1.3em; color: #fcf; text-decoration:none}
.followpage {display: none; position: absolute; left: 40%; top: 180px; width: 40%; font-weight: normal; 
	font-family: arial, sans-serif; z-index: 3; line-height: 1.3em; font-size: 1.4em; padding: 12px; padding-left: 4px}
#followimg {position: absolute; left: 450px; top: 150px}
#press {position: absolute; left: 15%; top: 40px; width: 70%; background: #ffffff; padding: 10px}
#press img {float: right; border-left: solid 8px #FFFFFF}
#press h3 {color: #00FFFF}