@font-face {
    font-family: 'arial_monospaced_mtregular';
    src: url('arial_mono-webfont.eot');
    src: url('arial_mono-webfont.eot?#iefix') format('embedded-opentype'),
         url('arial_mono-webfont.woff2') format('woff2'),
         url('arial_mono-webfont.woff') format('woff'),
         url('arial_mono-webfont.ttf') format('truetype'),
         url('arial_mono-webfont.svg#arial_monospaced_mtregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
  			
body {
	font-size: 14px;
	line-height: 18px;
	font-family: Arial;
	font-weight: normal;
	color: black;
	letter-spacing: 0.1em;
	}

p.max {
	max-width:700px;
	min-width:600px;
	}
	
p.contact {
	min-width:250px;
	}
	
#header {
	position: relative;
	top: 0px;
	width: 100%;
	height: 60px;
	}
	
.bar-top {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 60px;
	z-index: 1;
	}

.home {
	position: fixed;
	top: 23px;
	left: 2.5%;
	font-size: 14px;
	line-height: 18px;
	}
	
.project-title {
	font-size: 14px;
	line-height: 18px;
	position: fixed;
	top: 23px;
	left: 75%;
	color: #A901DB;
	padding-right:30px;
	}
	
#image-container {
	width: 76%
	height: auto;
	margin-left: 12%;
	margin-right: 12%;
	padding: 3% 0 1% 0;
	}
	
#image-container-last {
	width: 76%
	height: auto;
	margin-left: 12%;
	margin-right: 12%;
	padding: 3% 0 10% 0;
	}	 	
	
.project-image {
	width: 100%;
	height: auto;
	padding-bottom: 2%;
	}

#project-description {
	width: 50%;
	padding: 0 30px 5% 0;
	margin-left: 12%;
	float: left;
	}
	
#project-caption {
	margin-top: -15px;
	padding: 0 30px 5% 0;
	margin-left: 12%;
	float: left;
	color: #A4A4A4;
	font-family: 'arial_monospaced_mtregular';
	}
		
#project-data {	
	width: 13%;
	float: right;
	margin-right: 12%;
	}
			
#column-left {
	width: 34%;
	float: left;
	margin-left: 12%;
	padding: 3% 0 1% 0;
	}
	
#column-left-end {
	width: 34%;
	float: left;
	margin-left: 12%;
	padding: 3% 0 120px 0;
	}

#column-right {
	width: 34%;
	float: right;
	margin-right: 12%;
	padding: 3% 0 1% 0;
	}
	
#column-right-end {
	width: 34%;
	float: right;
	margin-right: 12%;
	padding: 3% 0 120px 0;
	}
	
.thumbnail {
	width: 100%;
	height: auto;
	padding-bottom: 2%;
	}
	
.footer {
	position: fixed;
	bottom: 0px;
	width: 100%;
	min-width: 938px;
	height: 60px;
	background-color: white;
	z-index: 1;
	border-top: 1px solid black;
	}

.tallfooter {
	position: fixed;
	bottom: 0px;
	width: 100%;
	min-width: 938px;
	height: 132px;
	background-color: white;
	z-index: 2;
	padding-top:20px;
	border-top: 1px solid black;
	}

div.footer div.tallfooter {
    display:none;
	}

div.footer:hover div.tallfooter {
	display:block;   
	}

.about-button {
	width: 75%;
	padding: 0 2.5%;
	position: fixed;
	bottom: 23px;
	}
	
.tallfooter-about {
	width: 50%;
	padding: 0 22.5% 0 2.5%;
	bottom: 23px;
	float: left;
	}
	
.contact-button {
	width: 25%;
	padding: 0 30px 0 0;
	position: fixed;
	bottom: 23px;
	margin-left: 75%;	
	}
	
.tallfooter-contact {
	width: 25%;
	padding: 0;
	bottom: 23px;
	float: right;
	min-width: 250px;
	}

a:link {color: black;text-decoration:none;}      /* unvisited link */
a:visited {color: black;text-decoration:none;}  /* visited link */
a:hover {color: #A901DB;text-decoration:none;}  /* mouse over link */
a:active {color: black;text-decoration:none;}  /* selected link */