* {margin: 0; padding: 0}
body {background: #9f1506; color: #f6b220; font-size: 62.5%; scrollbar-base-color: #532}
h1 {font-family: verdana, sans-serif; font-style: normal;}
h2 {font-family: Verdana, Helvetica, sans-serif; font-size: 1.4em;}
h3 {font-family: arial, sans serif; font-style: italic; font-weight: bold; font-size: 1.8em; color: #00FFFF;}
p{font-family: verdana, sans-serif; font-size: 1.2em; line-height: 1.6; margin-bottom: 12px;}
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:#ffbc60; text-decoration: none;}
a:hover, a:active {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#f6a210; text-decoration: none;}
.text {padding-left: 10px; padding-right: 10px}
#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: #FFFF00; text-align: center;}
.hidbox {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFF99; text-align: left;}
hr {width: 80%; size: 1;}
.backbutton {position: absolute;
	right: 15px;
	top: 560px;
	z-index: 1;
	width: 100px;
	height: 45px}
#back {font-family: "arial rounded", arial, sans-serif; color: #333333; background: #f6a210; font-weight: bold; border: none; font-size: 10pt; cursor: pointer;}
.review a:link {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#f6a210; text-decoration:none}
.review a:visited {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#f6a210; text-decoration:none}
.review a:hover {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#cccccc; text-decoration:none}
.review a:active {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#cccccc; text-decoration:none}
.review a {display: block; line-height: 2;}

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:#f6a210; font-weight: bold}
ul#menu li.menuprod a:visited {color:#f6a210; font-weight: bold}
ul#menu li.menuprod a:hover {color:#fff; font-weight: bold; }
ul#menu li.menuprod a:active {color:#f6a210; 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:#f6a210; text-decoration:none; background-color: #852403; padding: 3px 5px}
ul#medialinks li a:visited {font-family: verdana, sans-serif; font-weight: bold; font-size: 11px; color:#f6a210; text-decoration:none; background-color: #852403; padding: 3px 5px}
ul#medialinks li a:hover {font-family: verdana, sans-serif; font-weight: bold; font-size: 11px; color:#fff; text-decoration:none; background-color: #852403; padding: 3px 5px}
ul#medialinks li a:active {font-family: verdana, sans-serif; font-weight: bold; font-size: 11px; color:#f6a210; text-decoration:none; background-color: #852403; padding: 3px 5px}
ul#medialinks li a:link, ul#medialinks li a:visited {display: block; width: 88%; padding: 0 6%}

#CClogo {
	position: absolute;
	left: 254px;
	top: 30px
}
#homeimage {
	position: absolute;
	left: 10px;
	top: 176px
}
#homeimage2 {
	position: absolute;
	right: -5px;
	top: 380px
}
#indextext {position: absolute;
	left: 195px;
	top: 166px;
	width: 420px}
#maintext {position: absolute; left: 20%; top: 140px; width: 60%; padding: 12px; background-color: #10c7c7; 
filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.5); -moz-opacity: 0.5;}
#storytext {padding: 12px; background-color: #10c7c7; filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.7); -moz-opacity: 1}
#storyholder {position: absolute; left: 15%; top: 120px; width: 70%; filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.7); -moz-opacity: 0.7}
#storyprelude {padding: 6px 80px;}
#storyprelude span {font-size: 1em; font-weight: normal; color: #aefbff}
#pic {position: absolute; left: 20%; top: 16px}
#brochtext {position: absolute; left: 25%; top: 20px; width: 50%; background-color: #ccc5cd; padding: 1.5em; color: #000000}
#brochpic {float: right; border-left: 10px solid #ffffff; border-bottom: 8px solid #ffffff}
#followuppage {position: absolute; left: 5%; top: 110px; width:29%; z-index:3}
#followuppage p {color: #800000; font-weight: bold}
#synpic {
	position: absolute;
	left: 10px;
	top: 170px;
	width: 120px
}
#synpic p {text-align: center; color: #FFFF00}
#syntext {
	position: absolute;
	left: 175px;
	top: 156px;
	width: 420px;
		padding: 12px;
}
#center {position: absolute; left: 350px; top: 100px; width: 100px; text-align: center; font-weight: bold; color: #eeeeee}
#hiddenpr {z-index: -2; position: absolute; left: 50px; top: 30px; width: 650px}
#hiddenbroch {z-index: -2; position: absolute; left: 50px; top: 450px; width: 650px}
#hidelayer {z-index: -1; position: absolute; left: 40px; top: 20px}
#reviewimg {float: left; padding-right: 8px; padding-bottom: 8px;}