@charset "UTF-8";
/* Innospace CSS REFERENCE */
/* Right Communications, 2007 */
/* christopher@rightcommunications.co.uk */

/* Whole Innospace Website CSS */

/* STRUCTURAL */

body{
margin: 0;
font-family: "Tahoma", arial, sans-serif; 
font-size: small;
color: #363636; 
}

#wrap{
width: 800px;
margin-bottom: 20px;
margin-left:auto;
margin-right:auto;
}

div.bottomspacer {
margin-bottom: 5px;
}

/* NAVIGATION BAR */

#navbar{
margin: 0; border: 0; padding: 0;
height: 140px;
background: url(image/sitelogo.gif) left no-repeat;
}

#navbar object {
float: right;
}

/* BOTTOM LINKS */

#bottomlinks {
clear: both;
margin: 0 0 10px 0; border: 0; padding: 0;
height: 55px;
background: url(image/bottomlinks.gif) left no-repeat;
}

#bottomlinks_uppercontents {
float: left;
height: 20px;
padding: 5px 0 0 130px;
width: 636px;
}

#bottomlinks_lowercontents {
float: left;
height: 20px;
padding: 10px 0 0 130px;
width: 636px;
}

#bottomlinks ul {
display: inline;
list-style: none;
}

#bottomlinks li {
float: left;
padding-right: 10px;
}

#bottomlinks a {
color:#FFFFFF;
}


/* TITLE BAR */

#titlebar{
clear: both;
margin: 0; border: 0; padding: 0;
height: 21px;
background: url(image/greybar.gif) left no-repeat;
}

#titlebar p {
margin-left: 10px;
font-size: 14px;
color:#FFFFFF;
}

/* COLUMNS */

#ColumnA {
float: left;
width: 225px;
margin-bottom: 10px;
margin-top: 10px;
}

#ColumnA img {
margin: 0; border: 0; padding: 0;
}

#ColumnB {
float: left;
width: 330px;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 10px;
padding-right: 10px;
}

#ColumnC {
float: right;
width: 225px;
margin-bottom: 10px;
margin-top: 10px;
}

#ColumnC img {
width: 223px;
float: right;
}

#clearofcolumns {
clear: both;
}

/* HOME COLUMNS */

#HomeColumnA {
float: left;
width: 340px;
margin-bottom: 10px;
margin-top: 10px;
}

#HomeColumnB {
float: left;
width: 450px;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 10px;
}

#HomeColumnC {
float: right;
width: 225px;
margin-bottom: 10px;
margin-top: 10px;
}

/* SECTION PANEL */

#sectionpanel {
background: url(image/sectionpanel_mid.gif) left repeat-y;
}

#sectionpanel p {
margin: 0; border: 0; padding: 0 5px 0 5px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}

#sectionpanel h1 {
margin: 0; border: 0; padding: 5px;
color: #FFFFFF;
text-align: center;
}

#sectionpanel img {
margin-left: 70px;
margin-top: 10px; margin-bottom: 10px;
}

/* QUOTE BOX */

#quotebox {
background: #333333;
}

#quotebox h1 {
margin: 0; border: 0; padding: 0 5px 0 5px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}

#quotebox img {
margin-left: 70px;
margin-top: 10px; margin-bottom: 10px;
}

/* GREY PANEL */

#greypanel {
background: #d1d1d1;
margin: 5px 0 0 0; border: 0; padding: 0;
width: 223px;
float: right;
}

#greypanel p {
margin: 0; border: 0; padding: 5px 5px 0 5px;
color: #333333;
text-align: center;
}

/* LONG BOXOUT */

#longboxout {
background: #333333;
color: #FFFFFF;
clear: both;
}

#longboxout p {
margin: 0; border: 0; padding: 0 20px 10px 20px;
}


/* FOOTER */

#footer {
clear: both;
width: 100%;
margin: 0; border: 0; padding: 0;
}

#footer p {
font-family: "Tahoma", Arial, sans-serif;
color: #363636;
font-size: 80%;
text-align: right;
}


/* TEXT */

h1 {
margin: 0; border: 0; padding: 0;
font-size: 170%;
}

h2 {
color: #c3c3c3;
margin: 0; border: 0; padding: 0;
}

dd {
margin: 0; border: 0; padding: 0;
}

a {
text-decoration: none;
color: #000; 
}

a:hover {
text-decoration: underline;
}

p {
margin-top: 7px;
margin-bottom: 7px;
}

/* BRAND BROWSER */

#brandbrowser {
margin: 0; border: 0; padding: 0;
height: 300px;
background: #000000;
}





iframe {
float:left;
margin-bottom: 20px;
}

#benefittingfrom {
background: url(image/greypanel_top.gif);
height: 21px;
margin: 0; border: 0; padding: 5px 0 0 0;
}

#benefittingfrom p {
margin: 0; border: 0; padding: 0;
font-weight: bold;
text-align: center;
}