* {margin: 0; padding: 0;}
body {background: #ffffee; color: #cceeee; font-size: 62.5%;}
h1 {font-family: verdana, arial; font-size: 1.7em; font-weight: bold; color: #bbddFF}
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: verdana, sans-serif; font-size: 1.2em; line-height: 1.4; margin-top: 0px;  padding-bottom: 6px}
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;}

a:link, a:visited {font-family: verdana, sans-serif; font-weight: bold; font-size: 1.1em; color:#bbeeee; text-decoration:none}
a:hover, a:active {font-family: verdana, sans-serif; font-weight: bold; font-size: 1.1em; color:#ffffff; text-decoration:none;}
#dwaimage {position: absolute; right: 20%; top: 60px; 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: 4%; top: 20px; z-index: 3}
#strapline {position: absolute; left: 10%; top: 110px; width: 29%; 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:#99ccff;}
ul#menu li a:visited {color:#99ccff;}
ul#menu li a:hover {color:#000099; background-color: #99ccff}
ul#menu li a:active {color:#99ccff;}

ul#submenu li a:link {color:#009; background-color: #99ccff}
ul#submenu li a:visited {color: #009;background-color: #99ccff;}
ul#submenu li a:hover {color:#fff; background-color: #99ccff}
ul#submenu li a:active {color:#009; background-color: #99ccff}
ul#submenu li a:link, ul#submenu li a:visited {border-bottom: 3px solid #06f}

ul#enquiry {line-height: 1.6; list-style-type: none; text-align: left; padding-left: 0; margin-left: 0;}
ul#enquiry li a:link {font-family: verdana, sans-serif; font-weight: bold; font-size: 1.2em; color:#000066; text-decoration:none;}
ul#enquiry li a:visited {font-family: verdana, sans-serif; font-weight: bold; font-size: 1.2em; color:#000066; text-decoration:none;}
ul#enquiry li a:hover {font-family: verdana, sans-serif; font-weight: bold; font-size: 1.2em; color:#ffffff; text-decoration:none; background-color: #000066}
ul#enquiry li a:active {font-family: verdana, sans-serif; font-weight: bold; font-size: 1.2em; color:#ffffff; text-decoration:none;}
ul#enquiry li a:link, ul#enquiry li a:visited {display: block; width: 87%; padding: 0 12%}

#address {position: absolute; left: 51%; 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: 8%;
	top: 125px;
	padding: 18px;
}
#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}


#dwa {
	position: absolute;
	width: 92px;
	z-index: 5;
	left: 390px;
	top: 436px
}
#dwa p {text-align: center}
#dwa a {color: #ccffff}
#cass {
	position: absolute;
	z-index: 1;
	left: 303px;
	top: 437px
}
#cass a {color: #c0c0c0}
#medea {
	position: absolute;
	z-index: 1;
	left: 137px;
	top: 451px
}
#medea p {text-align: center}
#medea a {color: #000000}
#gk {
	position: absolute;
	z-index: 7;
	left: 456px;
	top: 96px
}
#gk p {text-align: center}
#gk a {color: #ff9900}

#CC {
	position: absolute;
	z-index: 7;
	left: 452px;
	top: 240px
}
#CC p {text-align: center}
#CC a {color: #ffcc00}

#tatter {
	position: absolute;
	z-index: 1;
	left: 180px;
	top: 239px
}
#tatter p {text-align: center}
#tatter a {color: #00cccc}
#BIT {
	position: absolute;
	z-index: 1;
	left: 37px;
	top: 254px
}
#BIT p {text-align: center}
#BIT a {color: #bb0033}
#MD {
	position: absolute;
	z-index: 8;
	width: 85px;
	left: 565px;
	top: 92px
}
#MD p {text-align: center}
#MD a {color: #ff66ff}
#ESWM {
	position: absolute;
	width: 90px;
	z-index: 9;
	left: 337px;
	top: 82px
}
#ESWM p {text-align: center}
#ESWM a {color: #eeeeff}
#FB {
	position: absolute;
	z-index: 10;
	left: 249px;
	top: 122px
}
#FB p {text-align: center}
#FB a {color: #cc0000}
#SB {
	position: absolute;
	z-index: 5;
	left: 41px;
	top: 423px
}
#SB p {text-align: center}
#SB a {color: #cc66cc}
#ED {
	position: absolute;
	z-index: 4;
	left: 226px;
	top: 419px
}
#ED p {text-align: center}
#ED a {color: #ffcc00}
#DF {
	position: absolute;
	z-index: 4;
	left: 271px;
	top: 257px
}
#DF p {text-align: center}
#DF a {color: #00cc99}
#Beast {
	position: absolute;
	z-index: 4;
	left: 497px;
	top: 434px
}
#Beast p {text-align: center}
#Beast a {color: #20b848}
#BG {
	position: absolute;
	z-index: 4;
	left: 582px;
	top: 436px
}
#BG p {text-align: center}
#BG a {color: #dd0000}

#SS {
	position: absolute;
	z-index: 4;
	left: 709px;
	top: 446px
}
#SS p {text-align: center}
#SS a {color: #00eeee}

#PJ {
	position: absolute;
	z-index: 10;
	left: 365px;
	top: 260px
}
#PJ p {text-align: center}
#PJ a {color: #00b}

#WD{
	position: absolute;
	z-index: 10;
	left: 552px;
	top: 248px
}
#WD p {text-align: center}
#WD a {color: #fff}

#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: 10%; top: 225px; width: 30%; z-index: 4}

#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}