@charset "utf-8";
/* CSS Document */
/* cross browser reset */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, form, fieldset, blockquote {
    padding: 0;
    margin: 0;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4em;
    vertical-align: baseline;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th, caption {
    font-weight: normal;
    text-align: left;
}

td, th {
    vertical-align: top;
}

img, fieldset, abbr {
    border: 0;
}

ol {
    margin-left: 1.4em;
    list-style-type: lower-roman;
}

ul {
    list-style-type: none;
}

a {
    text-decoration: none;
}

a img, :link img, :visited img {
    border: none;
}

:focus {
    outline: 0;
}

abbr {
    border: none;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.2em;
}

h3 {
    font-size: 1.05em;
}

h1, h2, h3, h4, h5, h6 {
    margin: 12px 0;
    font-weight: bold;
}

q:before, q:after {
    /* to remove quotes from quoted text for consistent appearance */
    content: '';
}

/* end cross browser reset */
body {
    font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-size: 16px;
    border: 0; /* for old IE */
    text-align: center; /* for old IE */
    border-width: 0;
    background-color: #FFF;
}

#container {
    width: 960px;
    margin: 0.5em auto; /* for old IE and for IE/Firefox cross browser margin conflict. */
}

/* to allow the wrapper to enclose all the floated divs */
#wrapper {
    width: 100%;
    float: left;
}

/* content holder */
#maincontent {
    text-align: left;
    background-color: #efffff;
    padding: 0.8em 0;
}

#maincontent.maincontenttraining h1 {
    padding: 0 0.7em;
}
#maincontent.maincontenttraining h2 {
    text-decoration: underline;
}
#maincontent.maincontenttraining p {
    padding: 0 1em;
}

.clearfloat /* required to prevent border collapse, allow the divs within to fill the main content div and to fill #maincontent with background colour */
{
    clear: both;
}

/* end content holder */
/* one column spacing */
#products {
    padding: 0 1em;
}

/* end one column spacing */
/* two column left and right main content outer divisions. */
#outerleft {
    width: 40%;
    float: left;
}

#outerright {
    width: 60%;
    float: left;
}

#container.services #outerleft, #container.training #outerleft {
    width: 50%;
}

#container.services #outerright, #container.training #outerright {
    width: 50%;
}

/* end left and right main content outer divisions */
/* right column #innerrighttopindex split into two columns for index page*/

/* end right column #innerrighttopindex split into two columns for index page*/
/* left section formatting */
#innerleft {
    padding: 0 0.8em;
}

/* end left section formatting */
/* right section formatting */

#innerright {
    padding: 3.6em 0.8em 1em 0.8em;
    border-left: solid 0.2em #666;
}
#innerleftindex {
    padding: 3.6em 0.8em 1em 0.8em;
}

/* end left section formatting */
/* right section formatting */

#innerrightindex {
    padding: 0 0.8em;
    border-left: solid 0.2em #666;
}

#container.contact #innerright, #container.services #innerright, #container.training #innerright {
    padding-top: 0;
}

#container.about #innerright {
    padding-top: 1em;
}

/* end right section formatting */
/* section border lines and spacing */

/* end section border lines and spacing */
/* content images */
.image {
    border: 1px solid #c0c0c0;
}

#imageleft, #imageright {
    text-align: center;
    margin: 1em 0;
}

#imageleft img.chenlim {
    margin-top: 15px;
}

#imageleft img.fluidbed {
    margin-top: 95px;
}

/* end content images */
/* unordered lists */
#container.index #innerright ul {
    margin: 1em 0 2em 0;
}

#container.index #innerrightindex ul li, #container.services #innerleft ul li, #container.training #innerleft ul li, #container.training #innerright ul li {
    background-image: url(../images/structure/tick.gif);
    background-repeat: no-repeat;
    margin-left: 15px;
    padding-left: 30px;
}

#container.services #innerleft ul, #container.training #innerleft ul {
    margin: 1em 0 1em 0.5em;
}

#container.services #innerright ul, #container.training #innerright ul {
    margin: 1em 0 1em 1em;
}

#container.services #innerright ul li {
    background-image: url(../images/structure/arrow1.gif);
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding-left: 30px;
}

#container.products #products ul, #container.about #innerright ul {
   margin-top: 8px;
}

#container.products #products ul li, #container.about #innerright ul li {
    background-image: url(../images/structure/arrow2.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    margin-left: 15px;
    padding-left: 30px;
}

/* end unordered lists */
/* floating images */
#productsimage {
    position: relative;
}

#productsimage img {
    position: absolute;
}

img.condenserimage {
    top: 130px;
    left: 700px;
}

img.flaskimage {
    top: 303px;
    left: 641px;
}

img.volumetricimage {
    top: 489px;
    left: 488px;
}

/* end floating images */
span.linkcolour a {
    color: #000;
}