* {margin: 0; padding: 0;}
body {background: #277bd1; color: #fff; font-size: 62.5%;}
h1 {font-family: verdana, arial; font-size: 1.7em; font-weight: bold; color: #c4e5fe}
h2 {font-family: "Arial", "Helvetica", sans-serif; font-size: 1.4em; text-align: center; color: #0000CC}
h3 {font-family: "Arial", "Helvetica", sans-serif; font-size: 1.2em; font-weight: bold; text-align: center; color: #0000CC}
p {font-family: "Din Display Pro Regular", verdana, sans-serif; font-size: 1.3em; line-height: 1.4; margin-top: 0px;  padding-bottom: 12px}
span {font-family: verdana, sans-serif; font-size: 1.2em; line-height: 1.3; margin-top: 0px; color: #000066;}
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;}
#bgd2 {position: absolute; left: 50%; margin-left: -400px; margin-top: 115px; width: 800px; height: 450px; z-index: 0;}
#TopBorder {position: absolute; left: 0px; top: 0px; width: 100%; height: 110px; background-color:#1450a5; z-index: 1}

#menubar {position: absolute; top: 108px; left: 1px}

a:link, a:visited {font-family: verdana, sans-serif; font-weight: bold; font-size: 1em; color:#fff; text-decoration: none}
a:hover, a:active {font-family: verdana, sans-serif; font-weight: bold; font-size: 1em; color:#bdf; text-decoration: none}
#dwaimage {
	position: absolute;
	right: 41px;
	top: 114px;
	z-index:0
}
#text {padding-left: 10px; padding-right: 10px}
#title {font-family: "Verdana", "Helvetica", sans-serif; font-size: 12px; font-weight: bold; padding-left: 12px}
#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: 700; color: #FFFF99; text-align: center;}
#header {border-style: solid; border-width: 1px; border-bottom-color: #006699; border-left-color: #CCFFFF; border-top-color: #CCFFFF; border-right-color: #006699;}
.linkbelow a:link {font-family: arial; font-size: 1.6em; font-weight: normal; color: #bbddFF; text-decoration: none;}
.linkbelow a:visited {font-family: arial; font-size: 1.6em; font-weight: normal; color: #bbddFF; text-decoration: none;}
.linkbelow a:hover {font-family: arial; font-size: 1.6em; font-weight: normal; color: #0000CC; text-decoration: none;}
.linkbelow a:active {font-family: arial; font-size: 1.6em; font-weight: normal; color: #0000CC; text-decoration: none;}
#companylogo {
	position: absolute;
	left: 18px;
	top: -2px;
	z-index: 3
}
#strapline {
	position: absolute;
	left: 75px;
	top: 72px;
	width: 472px;
	height: 30px;
	z-index: 3
}
.index {text-align: right}
.index a:link {font-family: arial; font-size: 1.6em; font-weight: normal; color: #bbddFF; text-decoration: none;}
.index a:visited {font-family: arial; font-size: 1.6em; font-weight: normal; color: #bbddFF; text-decoration: none;}
.index a:hover {font-family: arial; font-size: 1.6em; font-weight: normal; color: #0000CC; text-decoration: none;}
.index a:active {font-family: arial; font-size: 1.6em; font-weight: normal; color: #0000CC; text-decoration: none;}
.linklist a:link {font-family: arial; font-weight: bold; font-size: 1.1em; color:#CCFFFF; text-decoration:none}
.linklist a:visited {font-family: arial; font-weight: bold; font-size: 1.1em; color:#CCFFFF; text-decoration:none}
.linklist a:hover {font-family: arial; font-weight: bold; font-size: 1.1em; color:#000066; text-decoration:none}
.linklist a:hover {font-family: arial; font-weight: bold; font-size: 1.1em; color:#000066; text-decoration:none}

ul#menu li a:link {color:#fff;}
ul#menu li a:visited {color:#fff;}
ul#menu li a:hover {color:#99ccff;}
ul#menu li a:active {color:#fff;}

#address {position: absolute; left: 320px; top: 210px; width: 200px;}
#address p {font-weight: bold}

#howindexhow {position: absolute; left: 18%; top: 99px;}
#howindexhow p {font-family: verdana, arial; font-size: 1.7em; font-weight: bold; color: #bbddFF}

#howpic {
	position: absolute;
	left: 75px;
	top: 190px;
	
}
#comments {
	position: absolute;
	left: 394px;
	top: 400px;
	width: 122px;
	padding: 15px;

filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.7); 	-moz-opacity: 0.7
}

#comments p {font-family: verdana, arial; font-size: 1.2em; font-weight: bold; color: #0000CC;}
#comments a {font-size: 1.1em; font-family: verdana, arial; font-weight: bold}
#pricescontact {
	position: absolute;
	left: 269px;
	top: 498px;
	width: 122px;
	padding: 15px;
filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.7); 							-moz-opacity: 0.7
}

#mediamedia {position: absolute; width: 380px; z-index: 2; left: 19%; top: 86px}
#mediamedia p {font-family: arial; font-size: 2em; font-weight: bold; font-style: italic; color: #ffffff}
#form {position: absolute; z-index: 2; left: 25%; top: 150px}

#mediainstructions {position: absolute; left: 75px; top: 160px; width: 400px}

.prod p {font-weight: bold; font-size: 0.9em; text-align: center}

#dwa {
	position: absolute;
	width: 92px;
	z-index: 5;
	left: 545px;
	top: 290px
}
#cass {
	position: absolute;
	z-index: 1;
	left: 440px;
	top: 290px
}
#medea {
	position: absolute;
	z-index: 1;
	left: 545px;
	top: 190px
}

#gk {
	position: absolute;
	z-index: 7;
	left: 285px;
	top: 190px
}


#CC {
	position: absolute;
	z-index: 7;
	left: 285px;
	top: 390px
}


#tatter {
	position: absolute;
	z-index: 1;
	left: 285px;
	top: 290px
}

#BIT {
	position: absolute;
	z-index: 1;
	left: 180px;
	top: 290px
}

#MD {
	position: absolute;
	z-index: 8;
	width: 85px;
	left: 75px;
	top: 290px
}

#ESWM {
	position: absolute;
	width: 90px;
	z-index: 9;
	left: 180px;
	top: 190px
}

#FB {
	position: absolute;
	z-index: 10;
	left: 75px;
	top: 190px
}

#SB {
	position: absolute;
	z-index: 5;
	left: 440px;
	top: 190px
}

#ED {
	position: absolute;
	z-index: 4;
	left: 650px;
	top: 190px
}
#DF {
	position: absolute;
	z-index: 4;
	left: 75px;
	top: 390px
}
#Beast {
	position: absolute;
	z-index: 4;
	left: 650px;
	top: 290px
}

#BG {
	position: absolute;
	z-index: 4;
	left: 440px;
	top: 390px
}

#SS {
	position: absolute;
	z-index: 4;
	left: 545px;
	top: 390px
}

#JM {
	position: absolute;
	z-index: 4;
	left: 650px;
	top: 390px
}

#PJ {
	position: absolute;
	z-index: 10;
	left: 180px;
	top: 390px
}

#WD{
	position: absolute;
	z-index: 10;
	left: 75px;
	top: 490px
}
#BB{
	position: absolute;
	z-index: 10;
	left: 180px;
	top: 490px
}

#AP{
	position: absolute;
	z-index: 10;
	left: 285px;
	top: 490px
}
#indexlist {position: absolute; right: 2%; top: 150px}
#indexlist ul {line-height: 1.5; list-style-type: none; text-align: right; padding: 8px 8px;}
#column1 {
	position: absolute;
	left: 75px;
	top: 190px;
	width: 30%;
	z-index: 4
}
#indexcolumn1 {
	position: absolute;
	left: 75px;
	top: 190px;
	width: 380px;
	z-index: 4
}
#column1 p {line-height: 1.6}
#page1 {position: absolute; right: 20%; top: 164px; width: 230px;}
#page1 ul {line-height: 1.5; list-style-type: none; text-align: left; padding: 8px 8px; background-color: #1774ff;}
#what {position: absolute; left: 18%; top: 99px;}
#what p {font-family: verdana, arial; font-size: 1.7em; font-weight: bold; color: #bbddFF}
#notready {
	position: absolute;
	left: 275px;
	top: 210px;
	width: 30%;
	padding: 12px;

filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.8); 		-moz-opacity: 0.8
}
#notready p {text-align: center}
#pricespic {position: absolute; top: 510px; left: 75px}
#pricespic2 {position: absolute; top: 190px; right: 35px}
#schoolsprice {
	position: absolute;
	top: 320px;
	left: 252px;
	width: 450px
}
#theatresprice {position: absolute;
	top: 190px;
	left: 75px;
	width: 620px}
#workshopprice {
	position: absolute;
	top: 510px;
	left: 502px;
	width: 291px
}
#ValueArts {
	position: absolute;
	left: 581px;
	top: 31px
}
#twitter {position: absolute; right: 0px; top: 200px;}
#twitter p {font-size: 11px}