/* "in season" */

.colour1 {
  color: #d9d6ce; /* 1: light grey */
}
.colour2 {
  color: #a6a49d; /* 2: middle grey */
}
.colour3 {
  color: #4f4e4b; /* dark grey */
}
.colour4 {
  color: #e5c039; /* yellow-ish */
}
.colour5 {
  color: #e5d495; /* light yellow-beige */
}


body {
  background-color: #a6a49d;
}

/* find middle of screen */
div#sswmain {
  position: absolute;
  left: 50%;
  top: 50%;
}
div#logomiddle {
  position: relative;
  top: -54px;
  left: -181px;
}
div#logomiddle a img {
  border: 1px dashed green;
}
div#pluggrey img {
  position: absolute;
  top:  190px;
  left: 240px;
  height: 200px;
  width: 300px;
}

div.title {
  position: absolute;
  padding-left: 10px;
  top: 60px;
  left: -150pt;
}

#cloud {
  position: absolute;
  top:  -250px;
  left: -340px;
  fill-opacity:0;
  stroke:none;
}
#cloud path {
  fill:none;
  stroke-width:0.6;
  stroke-linecap:butt;
  stroke-linejoin:miter;
  /* stroke:  #d9d6ce; */
  stroke:rgb(89.803922%,83.137256%,58.431375%);
  stroke-opacity:1;
  stroke-miterlimit:10;
}

div#consulting {
}
img#works {
  position: absolute;
  top: -250px;
  left: 500px;
  height: 300px;
}

img#storms {
  position: absolute;
  height: 100px;
  top: -260px;
  left: 500px;
}

img#waterdrop {
  position: absolute;
  height: 40px;
  top: -150px;
  left: 600px;
}

img#raindrops {
  position: absolute;
  height: 40px;
  top: -20px;
  left: 600px;
}

div#ietf {
  position: absolute;
  top:  300px;
  left: 560px;
}
div#ietf img {
  height: 40px;
}

div#credil {
  position: absolute;
  top:  370px;
  left: 630px;
}
div#credil img {
  height: 30px;
}

div#android {
  position: absolute;
  top:  300px;
  left: 300px;
}
div#android img {
  height: 100px;
}


/* family/personal stuff */
div#personal {
  position: absolute;
  top:   100px;
  left: -430px;
}

img#rainbow {
  position: absolute;
  height: 100px;
  top:   0px;
  left:  0px;
}

img.person {
  height: 60px;
  border: 2px solid #e5d495;
}
img#lrmr {
  position: absolute;
  top:   60px;
  left:  55px;
}
img#mcr {
  position: absolute;
  top:   110px;
  left:  -20px;
}

img#meaghan {
  position: absolute;
  top:   110px;
  left:  160px;
}

div.footer {
  position: absolute;
  bottom: 5px;
  width: 97%;
  padding-left:  10px;
  padding-right: 1px;
}

div.endorsement {
  vertical-align: bottom;
  position: relative;
  display: inline;
  height: 90px;
  padding-left: 10px;
}
div.right {
  vertical-align: bottom;
  position: relative;
  display: inline;
  height: 90px;
}

#html5 img {
  border: 0px;
  height: 31px;
  width: 88px;
}

table.gallery {
  border: 3px solid white;
}
table.gallery p {
  bottom: 3px;
  margin: 20%;
  font-size: 8pt;
}
table.gallery td {
  width:  150px;
  max-height: 180px;
  border: 3px solid white;
}

.thumbnail {
  padding: 10px;
  width: 120px;
}