html, body {
overflow: hidden;
}
body#why a#why,
body#how a#how,
body#what a#what,
body#where a#where,
body#who a#who,
body#levelwhy a#levelwhy,
body#levelhow a#levelhow,
body#levelwhat a#levelwhat,
body#levelwhere a#levelwhere,
body#levelwho a#levelwho,
body#classicwhy a#classicwhy,
body#classichow a#classichow,
body#classicwhat a#classicwhat,
body#classicwhere a#classicwhere,
body#classicwho a#classicwho,
body#boxwhy a#boxwhy,
body#boxhow a#boxhow,
body#boxwhat a#boxwhat,
body#boxwhere a#boxwhere,
body#boxwho a#boxwho,
body#soundwhy a#soundwhy,
body#soundhow a#soundhow,
body#soundwhat a#soundwhat,
body#soundwhere a#soundwhere,
body#soundwho a#soundwho
{ color:#E3170D; }
img { border: 0px; }
img a.active { border: 0px; }
a:link {color:#808080; font-weight: normal; text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt;}
a:visited {color: #808080; font-weight: normal; text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt;}
a:hover {color:#EEEEEE; font-weight: normal; text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt;}
a:active {color:#EEEEEE; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt;}
a.lnav:link {color:#a0a0a0; line-height:150%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt;}
a.lnav:visited {color: #a0a0a0; line-height:150%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt;}
a.lnav:hover {color:#c0c0c0; line-height:150%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18pt;}
a.lnav:active {color:#c0c0c0; line-height:150%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt;}
a.who:link {color:#a0a0a0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt;}
a.who:visited {color: #a0a0a0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt;}
a.who:hover {color:#c0c0c0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13pt;}
a.who:active {color:#c0c0c0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt;}
a.spec:link {color:#c0c0c0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt;}
a.spec:visited {color: #c0c0c0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt;}
a.spec:hover {color:#eeeeee; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14pt;}
a.spec:active {color:#eeeeee; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt;}
a.tnav:link {color:#a0a0a0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt;}
a.tnav:visited {color: #a0a0a0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt;}
a.tnav:hover {color:#c0c0c0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13pt;}
a.tnav:active {color:#c0c0c0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt;}
a.buy:link {color:#eeeeee; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24pt; line-height:15pt !important;}
a.buy:visited {color: #eeeeee; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24pt; line-height:15pt !important;}
a.buy:hover {color:#eeeeee; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:24pt; line-height:15pt !important;}
a.buy:active {color:#eeeeee; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24pt; line-height:15pt !important;}
a.deeper:link {color:#E3170D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24pt; line-height:15pt !important;}
a.deeper:visited {color: #E3170D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24pt; line-height:15pt !important;}
a.deeper:hover {color:#FF4500; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:24pt; line-height:15pt !important;}
a.deeper:active {color:#E3170D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24pt; line-height:15pt !important;}
a.link4:link {color:#EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;}
a.link4:visited {color: #EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;}
a.link4:hover {color:#EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;}
a.link4:active {color:#EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;}
.style1 {color: #909090; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt;}
.style1big {color: #E3170D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt;}
.style2 {color: #6C6C6C; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;}
.style3 {color: #a0a0a0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt;}
.style4 {color: #EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22pt;}
.style5 {color: #EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt;}
.style6 {color: #EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt;}
.style7 {color: #EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;}
.caption {color: #909090; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;}
.caption2 {color: #909090; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt;}
.highlight2 {color: #EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt;}
.highlight1 {color: #EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt;}
.green { color: #66cc66; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22pt;}
.headers {color:#EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt;}
.headers2 {color:#E3170D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20pt;}
.headershome {color:#E3170D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 30pt;}
.headersection {color:#EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24pt;}
.homeheadline {color:#EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24pt;}
.homeheadline2 {color:#EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt;}
.home{color: #EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt;}
.mag {color:#E3170D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt;}
.mag2 {color:#E3170D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt;}
.mag3 {color:#E3170D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22pt;}
.mag4 {color:#E3170D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt;}
.quote {color:#6C6C6C; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt;}
.quote2 {color:#6C6C6C; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt;}
.quote3 {color:#6C6C6C; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;}
.lquote {color: #EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt;}
li {margin: 0 0 15px 0;}
.input { background-color: #a0a0a0; color: #660000; border: 1px solid #000000; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;}
.textarea { background-color: #a0a0a0; color: #660000; border: 1px solid #000000; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;}
.imageContainer { width:650px; height:400px; }
.imageContainer img { display:inherit; position:absolute; top:50; left:50; }
/* SLIDESHOW */
/* container for slides */
.images { position:relative; height:435px; width:835px; margin:0px; cursor:pointer;
/* CSS3 tweaks for modern browsers */
-moz-border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow:0 0 0px #666; -webkit-box-shadow:0 0 0px #666;}
/* single slide */
.images div { display:none; position:absolute; top:0; left:0; margin:0px; padding:0px 0px 0px 0px; height:435px;}
/* header */
.images h3 { font-size:22px; font-weight:normal; margin:0 0 20px 0; color:#456; }
/* tabs (those little circles below slides) */
/* .tabs { margin-left:785px;} */
/* single tab */
.tabs a { width:10px; height:10px; float:left; margin:1px; background:url(navigator.png) 0 0 no-repeat; display:block; font-size:1px; border: 0px; }
/* mouseover state */
.tabs a:hover { background-position:0 -10px;
}
/* active state (current page state) */
.tabs a.current { background-position:0 -20px;}
/* prev and next buttons
.forward, .backward { background:#fff url(hori_large.png) no-repeat; width:30px; height:30px; cursor:pointer; font-size:1px;} */
/* next */
.forward { background-position: 0 -20px; clear:right; }
.forward:hover { background-position:-20px -20px; }
.forward:active { background-position:-40px -20px; }
/* prev */
.backward:hover { background-position:-20px 0; }
.backward:active { background-position:-40px 0; }
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
/* .disabled {visibility:hidden !important;} */
.button {
outline:0px inset #666666;
border:0px solid #777777;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#161616;
color:#777777;
height:22px;
-moz-border-radius:4px;
-moz-outline-radius:4px;
cursor:pointer;
font-size:10pt;
}
button {
outline:0px inset #666666;
border:0px solid #777777;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#161616;
color:#777777;
height:22px;
-moz-border-radius:4px;
-moz-outline-radius:4px;
cursor:pointer;
font-size:10pt;
}
/* the overlayed element */
.apple_overlay {
/* initially overlay is hidden */
display:none;
/* growing background image */
/* background-image:url(black.png); */
/*
width after the growing animation finishes
height is automatically calculated
*/
width:50px;
/* some padding to layout nested elements nicely */
padding:10px;
/* a little styling */
}
/* default close button positioned on upper right corner */
.apple_overlay div.close {
background-image:url(close.png);
position:absolute; right:-25px; top:0px;
cursor:pointer;
height:36px;
width:36px;
}