body,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,select,table,caption,blockquote,img {
   padding:0;
   border:0;
   margin:0;
}
body {
   background-color: #FFFFFF;
   color: #777777;
}
body,textarea {
   font-family:Tahoma, Arial, Helvetica, sans-serif;
   font-size:0.9em;
}


/*MAIN STYLES*/


a {
   color: #fe0000;
}
a:hover {
   color: #2f2627;
   text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
   clear:both;
	 color:#2f2627;
	 margin:1.5em 0 0.3em 0;
}
h1 {
   font-size:2em;
}
h2 {
   font-size:1.5em;
}
h2.graphic {
   height:40px;
	 padding:0;
	 margin:0;
	 width:100%;
	 background-repeat:no-repeat;
	 position:relative;
	 left:-2px;
}
h2.graphic span {
   display:none;
}
h2#graphic1 { background-image:url(../img/contact_us1.gif); }
h2#graphic2 { background-image:url(../img/enquiry_form1.gif); }
h2#graphic3 { background-image:url(../img/map1.gif); }
h2#graphic4 { background-image:url(../img/directions1.gif); }

h3,dt {
   color:#2e2727;
	 font-size:18px;
	 padding-left:20px;
	 border-left:10px solid #bebdbd;
}
dd {
   padding:1em 0;
}
dd p {
   padding:0;
	 margin:0;
}
h4 {
   font-size:1em;
}

blockquote {
   padding:0.3em;
   clear:both;
   margin:1em 0;
	 border:1px solid #DDDDDD;
}
blockquote p {
margin:0;
padding:1em 0;
}
blockquote.valid,blockquote.invalid {
	 padding-left:4em;
	 background-repeat:no-repeat;
	 background-position:top left;
}
blockquote.valid {
   background-image:url(../img/tick1.gif);
}
blockquote.invalid {
   background-image:url(../img/cross1.gif);
}
p {
   line-height:1.4em;
}


/* NAVIGATION */


.menubuttons {
   width:100%;
}
.menubuttons ul,ul.inline,#headernav ul {
   list-style:none;
   margin:0;
   padding:0;
}
.menubuttons li a {
   display:block;
   border-bottom: 1px solid #EEEEEE;
   color:#fe0000;
   padding:0.6em 0;
   width:100%;
}
.menubuttons li a:hover {
   color:#2f2627;
}
.menubuttons li.active a {
   color:#2f2627;
   font-weight:bold;
}
#headernav li {
   display:inline;
}
#headernav li a {
   display:block;
   float:left;
   padding:0;
	 height:40px;
	 background-repeat:no-repeat;
}
#headernav li a span {
   display:none;
}
#headermenu1 {
   background-image:url(../img/home1.gif);
	 width:64px;
}
#headermenu2 {
   background-image:url(../img/about1.gif);
	 width:69px;
}
#headermenu3 {
   background-image:url(../img/research1.gif);
	 width:90px;
}
#headermenu4 {
   background-image:url(../img/design1.gif);
	 width:73px;
}
#headermenu5 {
   background-image:url(../img/consultancy1.gif);
	 width:115px;
}
#headermenu6 {
   background-image:url(../img/prototyping1.gif);
	 width:117px;
}
#headermenu7 {
   background-image:url(../img/contact1.gif);
	 width:79px;
}
#headermenu8 {
   background-image:url(../img/portfolio1.gif);
	 width:97px;
}

#headermenu1:hover {
   background-image:url(../img/home3.gif);
}
#headermenu2:hover {
   background-image:url(../img/about3.gif);
}
#headermenu3:hover {
   background-image:url(../img/research4.gif);
}
#headermenu4:hover {
   background-image:url(../img/design3.gif);
}
#headermenu5:hover {
   background-image:url(../img/consultancy3.gif);
}
#headermenu6:hover {
   background-image:url(../img/prototyping3.gif);
}
#headermenu7:hover {
   background-image:url(../img/contact3.gif);
}
#headermenu8:hover {
   background-image:url(../img/portfolio3.gif);
}

#headernav li.active #headermenu1 {
   background-image:url(../img/home2.gif);
}
#headernav li.active #headermenu2 {
   background-image:url(../img/about2.gif);
}
#headernav li.active #headermenu3 {
   background-image:url(../img/research2.gif);
}
#headernav li.active #headermenu4 {
   background-image:url(../img/design2.gif);
}
#headernav li.active #headermenu5 {
   background-image:url(../img/consultancy2.gif);
}
#headernav li.active #headermenu6 {
   background-image:url(../img/prototyping2.gif);
}
#headernav li.active #headermenu7 {
   background-image:url(../img/contact2.gif);
}
#headernav li.active #headermenu8 {
   background-image:url(../img/portfolio2.gif);
}


ul.inline li {
   float:left;
   padding:0.2em 1em;
   border-left:1px solid #DDDDDD;
}


/* LAYOUT */


#body {
   width:100%;
   float:left;
   text-align:center;
	 background-image:url(../img/bg1.gif);
	 background-repeat:repeat-x;
}
#container,#header,#content,#footer {
   width:900px;
}
#container {
   margin:0px auto;
   text-align:left;
   clear:both;
	 background-color:#FFFFFF;
}
#header {
   position: relative;
   float:left;
   height: 157px;
   clear:left;
   background-image:url(../img/header1.gif);
   background-repeat:no-repeat;
}
#logo {
   position:absolute;
	 top:10px;
	 left:10px;
	 width:289px;
	 height:87px;
}
#caption {
   position:absolute;
	 top:34px;
	 right:0px;
	 width:446px;
	 height:42px;
   background-image:url(../img/caption2.gif);
   background-repeat:no-repeat;
	 background-position:top right;
}
#footer {
   position: relative;
   clear: both;
   background-color:#FFFFFF;
   background-image:url(../img/footer1.gif);
   background-repeat:repeat-x;
}
#footer p {
	 text-transform:uppercase;
	 margin:0;
	 padding:0 0 20px 0;
   position:relative;
	 top:30px;
	 left:18px;
	 line-height:2em;
	 font-size:12px;
}
#footer p span {
   color:#fe0000;
	 font-size:15px;
}
#footer p a {
   color:#777777;
}
#validlogo {
   position:absolute;
	 top:30px;
	 right:0px;
}
#content {
   float:right;
   padding: 0px;
   min-height:490px;
}
* html #content {
   height:490px;
}
#accessibility {
   position:absolute;
   top:3px;
   right:18px;
   text-align:right;
   color:#999999;
	 font-size:11px;
}
#accessibility a {
   color:#999999;
	 text-decoration:none;
	 text-transform:uppercase;
}
#headernav {
   position:absolute;
	 top:106px;
	 left:9px;
	 height:40px;
	 width:900px;
}
.leftthin,.rightthin {
   width:300px;
	 padding-bottom:50px;
}
.leftwide,.rightwide {
   width:520px;
	 padding-bottom:50px;
}
.leftmid,.rightmid {
   width:420px;
	 padding-bottom:50px;
}
.leftthin,.leftwide,.leftmid {
   float:left;
}
.rightthin,.rightwide,.rightmid {
   float:right;
}
.padder {
   padding-bottom:10px;
	 float:left;
	 width:854px;
	 position:relative;
	 clear:both;
	 left:18px;
	 top:16px;
}

/*FORMS*/
form {
   clear:both;
}
select,textarea,.textbox1 {
   background-color:#FFFFFF;
   border:1px solid #2f2627;
   color:#2f2627;
}
form fieldset {
   border:1px solid #CCCCCC;
   padding:0.5em;
}
form legend {
   background-color:#FFFFFF;
   color:#2f2627;
   padding:0.3em;
}
form label {
   font-weight:bold;
   display:block;
   padding:0.7em 0 0.2em 0;
   color:#2f2627;
}
form label span {
   display:block;
	 font-weight:normal;
}
.textbox1 {
   width:100%;
   height: 22px;
}
.imagebutton {
   float:right;
   border:0;
	 margin:5px 0 0 5px;
	 background-repeat:no-repeat;
	 width:181px;
	 height:34px;
}
.imagebutton span {
   display:none;
}
textarea {
   font-size:1em;
   width:100%;
   height:200px;
}
select.wide,select.multiple1 {
   width: 100%;
}
select.multiple1 {
   height:10em;
}


/*TABLES*/

table {
   width:100%;
   font-size:1em;
   text-align:left;
   border-collapse:collapse;
   clear:both;
}
table caption {
   padding:0.8em 0.2em;
	 background-color:#DDDDDD;
	 text-align:left;
	 border-top:1px solid #BBBBBB;
}
table tr,table td,table th {
   border-bottom:1px solid #EEEEEE;
   padding:0.4em 0.2em;
}
table th,table th a {
   background-color:#fe0000;
   color:#FFFFFF;
}


.logo {
   float:left;
	 margin-right:30px;
	 padding-top:10px;
}

.smallcontactdetails {
   font-size:12px;
}