html {
    height: 100%;
}

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	/*min-width:600px;		Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
	font-size: 12pt;
	font-family: "Times New Roman";
	background: #DDD;
	height: 100%;
	width: 100%;
}

div.wrapper {
  overflow-x: hidden;
  margin-bottom: 0;
}

div#page {
  width:auto;
  text-align:left;
  background: #DDD;
  height: auto;
}

div#header {
  padding: 2%;
  padding-bottom: 1%;
  width:auto;
}

div#content {
  width:auto;
  margin-left: 0;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 0;
  padding-bottom: 0;
  height: auto;
}

div#sections {
  width:auto;
  margin-left: 0;
  padding-left: 2%;
  padding-right: 2%;
  height: auto;
}

div#footer {
  background: #DDD;
  height: 6em; 
  background-image: url('tape1-30r.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  padding-bottom: 0;
  margin-top: 5px;
}

div.sectionleft {
  background: white;
  padding: 1%;
  padding-bottom: 0;
  margin-bottom: 50px;
  border-radius: 25px;
  width: 21%;
  float: left;
  box-shadow: 10px 10px 5px #BBB;
  text-align: center;
  font-family: "Arial";
}

div.sections {
  background: white;
  padding: 1%;
  padding-bottom: 0;
  margin-bottom: 50px;
  border-radius: 25px;
  width: 21%;
  float: left;
  margin-left: 2%;
  box-shadow: 10px 10px 5px #BBB;
  text-align: center;
  font-family: "Arial";
}

div.subsections {
  background: white;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 25px;
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  font-family: "Arial";
  height: 400px;
}

div.landscape {
background: white;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 25px;
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  font-family: "Arial";
}

img.frontpage {
  height: 40%;
  width: 100%;
  padding-top: 0;
  margin-top: auto;
  margin-bottom: auto;
}

img.portfolio {
  max-height: 400px;
}

div.content {
  background: #DDD;
  padding: 1%;
  border-radius: 25px;
}

div.header {
  background-color: white;
  background-image: url('tapediag.png');
  background-repeat: no-repeat;
  background-position: right;
  height: 164px;
  padding: 0;
  margin-bottom: 1.7%;
}

img {
  vertical-align: top;
}
  
p.quote {
	padding: 0 20px 0 20px;
}

p.quoteauthor {
	padding: 0 100px 0 100px;
	font-style: italic;
	text-align: right;
}

h1,p.center {
  text-align: center;
}

h2 {
	margin-top: 0;
}

div.bigfloat {
  float: center;
  width: 100%;
  padding: 2%;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  background: #DDD;
}

div.quote {
  text-align: left;
  width: 70%;
  margin: auto;
  margin-bottom: 20px;
  background: white;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 25px;
  box-shadow: 10px 10px 5px #BBB;
}

div.maincontent {
  text-align: left;
  margin: 0.5% 2% 2% 2%;
  background: white;
  padding: 10px;
  border-radius: 25px;
  box-shadow: 10px 10px 5px #BBB;
}

div.portboxes {
  padding: 20px;
  background: white;
  border-radius: 25px;
  overflow: hidden;
}

table.cv {
	width: 100%;
	table-layout: fixed;
}	

td {
	padding-bottom: 0.5em;
	padding-right: 1em;
}

th {
	padding-bottom: 0.5em;
	padding-right: 1em;
}

p.title {
  position: relative;
  top: -155px;
  left: 40%;
  font-size: 36pt;
}

a.links{
  text-decoration: none;
  color: blue;
}

a {
  text-decoration: none;
  color: black;
}

div.sections:hover {
  box-shadow: 10px 10px 5px #888;
}

div.sectionleft:hover {
  box-shadow: 10px 10px 5px #888;
}