/* Header styles */
#header {
  clear: both;
  float: left;
  width: 100%;
  background: url(../images/header_top_container_bg2.jpg) 0 0 no-repeat;
}

/* column container */
.colmask {
  position: relative;
  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear: both;
  float: left;
  width: 100%; /* width of whole page */
  overflow: hidden; /* This chops off any overhanging divs */
}

/*  3 column settings */
.synthesis {
  background: #fff; /* Right column background colour */
}

.synthesis .colmid {
  float: left;
  width: 200%;
  margin-left: -184px; /* Width of right column */
  position: relative;
  right: 100%;
  background: #fff; /* Centre column background colour */
}

.synthesis .colleft {
  float: left;
  width: 100%;
  margin-left: -50%;
  position: relative;
  left: 354px; /* Left column width + right column width */
  background: #cdddee; /* Left column background colour */
    min-height: 600px;
}

.synthesis .col1wrap {
  float: left;
  width: 50%;
  position: relative;
  right: 170px; /* Width of left column */
  padding-bottom: 1em;
  /* Centre column bottom padding. Leave it out if it's zero */
}

.synthesis .col1 {
  margin: 12px 192px 0px 178px; /* Centre column side padding:
                              Left padding = left column width + centre column left padding width
                              Right padding = right column width + centre column right padding width */
  position: relative;
  left: 200%;
  overflow: hidden;
}

.synthesis .col2 {
  float: left;
  float: right; /* This overrides the float:left above */
  width: 170px;
  /* Width of left column content (left column width minus left and right padding) */
  position: relative;
  right: 0px; /* Width of the left-hand side padding on the left column */
  margin-top: 12px;
}

.synthesis .col3 {
  float: left;
  float: right; /* This overrides the float:left above */
  width: 180px;
  /* Width of right column content (right column width minus left and right padding) */
  margin-right: 4px;
  /* Width of right column right-hand padding + left column left and right padding */
  position: relative;
  left: 50%;
  margin-top: 12px;
}

/* Footer styles */
#footer {
  clear: both;
  float: left;
  width: 100%;
  border-top: 1px solid #000;
}

#footer p {
  padding: 10px;
  margin: 0;
}