#content div.header img.header-image {
  float:right;
  border:2px solid black;
  margin-bottom:2em;
  line-height:0;
}
#content {
 width:800px;
 padding-bottom: 20px;
 height:100%;
}
#content div.header  {
  float:left;
  width:300px;
  margin-top: -2.5em;
}
#content div.header p {
  text-align:right;
  color: rgb(110,110,110);
  font-size: 15px;
  float:right;
  margin:0;padding:0;
  clear:both;
  width:100%;
  
}

#content p.intro {
  font-size:larger;
  width: 60%;
  float:right;
  text-align:left;
  clear:right;
}
#content.no-image {
  padding-left: 100px;
}
#content.no-image p.intro {
  float:none;
  padding-bottom:1em;
  width:80%;
}


#content div.section {
 float:right;
 text-align:left;
 clear:right;
 width: 55%;
 font-size: 14px;
}

#content.no-image div.section {
 width: 80%;
 float:none;
}

#content p { 
 color: rgb(100,100,100);
 line-height: 1.8em;

} 

#content h1.title, #content h2.subtitle {
  padding:0;margin:0;
  margin-left: 320px;
}

#content.no-image h1, #content.no-image h2 {
  padding:0;margin:0;
  margin-left: 0;
}



#content h1.title {
  margin-bottom:.5em;
}

#content div.section h1, 
#content div.section h2, 
#content div.section h3, 
#content div.section h4, 
#content div.section h5, 
#content div.section h6 {
 text-align:left;
}
#content div.section h1 {
  line-height:1.4em;
  margin-top:1em;
  font-size: 25px;
  font-weight: lighter;
} 

#content div.section img {
   float:right;
   padding-left: 1em;
   padding-bottom: 1em;
}
#content div.section img.align-left {
   float:left;
   padding-right: 1em;
   padding-left: 0;
}