@import url(http://fonts.googleapis.com/css?family=PT+Serif|PT+Serif:b|PT+Serif:i|PT+Sans|PT+Sans:b);

html {
  min-width: 1040px;
}

body {
  background: #fcfcfa;
  font-family: "PT Serif", serif;
  margin: 1em auto 2em 1em;
  position: relative;
  width: 1100px;
}

header,
footer {
  color: #000;
  font-family: "PT Sans", sans-serif;
}


footer {
  font-size: small;
  margin-top: 8em;
}

  
a {
  color: steelblue;
}

svg {
  font: 500 14px "arial", sans-serif;
  fill: #023858;
}


#chart {
  height: 700px;
}

.columnHead  {
     font: 400 24px "helvetica neue";
}


.node rect {
  cursor: move;
  fill-opacity: .75;
  shape-rendering: crispEdges;
}

.node text {
  pointer-events: none;
  text-shadow: 0 1px 0 #fff;
}

.link {
  fill: none;
  stroke: #969696;
  stroke-opacity: .2;
}

.link:hover {
  stroke-opacity: .5;
}

.lookingAtMyAccount {
  fill: #1f77b4; 
  color: #1f77b4;
  position: absolute;
  width: 350px;
}


.whatsHappening {
  fill: #bd9e39;
  color: #bd9e39;
  left: 350px;
  position: absolute;
  width: 350px;
}

.whatsProblematic {
  fill: #ad494a;
  color: #ad494a;
  left: 700px;
  position: absolute;
  width: 350px;
}

.proposedRemediation {
  fill: #637939;
  color: #637939;
  left: 1050px;
  position: absolute;
  width: 350px;
}

.businessProcess {
  fill: #ce6dbd;
  font: 400 18px "Helvetica Neue";
}

.uiDesign {
  fill: #a55194;
  font: 400 18px "Helvetica Neue";
}

.sysInfrastructure {
  fill: #de9ed6;
  font: 400 18px "Helvetica Neue";

}

.ProcessDesignTech {
  left: 1050px;
  position: absolute;
  width: 350px;
  font: 400 20px "Helvetica Neue";

}