@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('fonts/chunk-webfont.eot');
    src: url('fonts/chunk-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/chunk-webfont.woff') format('woff'),
         url('fonts/chunk-webfont.ttf') format('truetype'),
         url('fonts/chunk-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.row {
    width: 1140px;
}

body {
	border-width: 6px 0 0 0;
	border-style: solid; 
	border-color: black;
    margin: 0 0 0 0;
    padding-bottom: 48px;
	}
	
body,
h3,
#contactNav {
	font-size: 16px;
	line-height: 24px;
}

h1,
h2 {
    font-size: 18px;
}

h1,
h2,
h3 {
    margin-bottom: 24px;
}
	
h1 {
	font-weight: normal;
	}

h1 {
    padding-top: 36px;
    margin-top: 36px;
    border-top: 1px solid #dddfe0;
}
	
h2 {
	font-weight: bold;
	color: #66a5bf;
    margin-top: 0;
	}
	
h3 {
	font-weight: bold;
	}
	
p {
    margin: 0 0 24px 0;
    word-wrap: break-word;
}

a,
#phoneNumber,
span.navLink {
	color: #b58155
	}

span.navLink {
    margin-right: 16px;
}

a,
a:hover {
	text-decoration: none;
	}

a:hover {
	border-bottom: 1px solid #b58155;
	}
	
body,
#title #research,
h1, h2, h3 {
	font-family:
		'PT Sans', 
		'Segoe UI Light',
		'Helvetica Neue',
		'Helvetica', 
		arial,
		sans-serif;
	}

#title #research,
h3,
#staff .meta,
.contactDetailBullet,
#summary,
#projectMeta td.key {
	color: #787c7d;
	}
	
#banner {
	margin-top: 0;
	margin-bottom: 0px;
	}

#banner a:hover {
	border-bottom: 0;
	}

#title {
	font-size: 70px;
	line-height: 96px;
	}
	

#vanIsl {
	display: inline;
	margin-left: -27px;
	margin-bottom: -15px;
	margin-right: -12px;
	}
	

#title #geocology {	
	font-family: 'ChunkFiveRegular';
	letter-spacing: -2px;
	color: #476e2e;
	}
	
#title #research {	
	letter-spacing: -2px;
	margin-left: -8px;
	}

#title a#beta {
	display: inline-block;
	margin: 20px 0 0 -22px;
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	vertical-align: top;
	color: #66a5bf;
	}

#title a#beta:hover {
	border-bottom: 1px solid #66a5bf;
	}
	
#blurb {
	margin-top: 32px;
}

#phoneNumber {
	letter-spacing: -1px;
	}

#topNavLinks h2 {
    margin-bottom: 0;
    font-weight: normal;
}

#projectDescription {
	color: #595959;
	}
	
#projectMeta {
	margin-bottom: 24px;
	}
	
#projectMeta td.key{
	text-align: right;
	padding-right: 11px;
    font-weight: bold;
	}

#projectMeta td.partner {
	font-style: italic;
	}	
	
#summary {
	font-style: italic;
    text-align: justify;
    margin-bottom: 24px;
	}

#summary p {
    display: inline;
    margin: 0 0 0 0;
}

#projectImage {
    margin-bottom: 36px;
}

.projectCard {
	text-align: center;
	margin-bottom: 48px;
    height: 282px; /* so 1-line title don't break the grid */
	}

.projectThumb {
    margin-bottom: 20px;
}

#whatwedo,
#partners,
#staff,
#location {
	margin-bottom: 24px;
	}

#staff h3 {
	margin-bottom: 0;
	}
	
#about #whatwedo,
#about #partners,
#about #staff {
	margin-bottom: 24px;
	}

.navLinks {
	margin-top: 24px;
	text-align: right;
	}

#recentProjectsNavLinks {
    margin-top: 0;
}

a img {
    display: block;
    margin: 0 0 24px 0;
    padding: 0 0 0 0;
	border: 0;
}

img {
    max-width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

object, embed {
    max-width: 100%;
}

#404 {
	font-size: 94px;
	}