@charset "utf-8";

/* www.clagnut.com/blog/348/ */
	body {
		font-size: 62.5%; 
	}
	input, select, th, td {
		font-size: 1em;   
	}
/* www.clagnut.com/blog/348/ */

body {
	background-color: #000;
	font-family:Verdana, Geneva, sans-serif;
	color: white;
}
* {
	margin: 0;
	padding: 0;
}
div#header {
	text-align:center;
	padding-bottom: 2em;
}
div.brand {
	float: left;
	width: 48%;
	min-width: 23em;
	margin: 1em 0 1em 1%;
}
h1.brand {
	font-size: 3em;
	color: #C00;
	font-weight: bold;
	padding: 0 0.5em;
	margin: 0;
	text-align: center;
}
h1.brand img {
	position: relative;
	top: 0.12em;
}
div#spacer {  /* needed to push mission statement down a bit, but only when it's at the top of the page */
	height: 5em;
	width: 100%;
}
div#mission-outer {
	width: 48%;
	min-width: 38em;
	display: inline-block;
	text-align: center;
}
div.mission {
	display: inline-block;
	width: 36em;
}
p.mission {
	font-size: 1.8em;
}
div#links {
	clear: both;
	margin-top: 1.75em;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
}

a.link4 { /* historically there were 4 navigation links */
	display: inline-block;
	margin: 0.5em 2%;
	padding: 0 0.5em 0.25em 0.5em;
	width: 15%;
	min-width: 3.5em;
	height: 2em;
	vertical-align:top;
	text-decoration:none;
}
a.link4:link,
a.link4:visited {
	color: #6FC;
}
a.link4:hover,
a.link4:active {
	color: white;
}
div#projects {
	display: block;
	margin: 0 auto 2em auto;
	text-align: center;
}
div.project {
	width: 320px;
	height: 240px;
	margin: 2em 2.7em;
	background-repeat: no-repeat;
	background-position:center;
	background-color: #222;
	text-align: center;
	display: inline-block;
	vertical-align: bottom; /* needed for Safari, which otherwise aligns the bottom of the last content line */
}
div.project a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
div.project a p {
	background-color: black;
	border: 1px solid black;
	font-size: 1.5em;
	padding: 0.75em;
	position: relative;
	top: 60px;
	margin: 0 10%;
	display: inline-block;
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
}
div.project a:link p, div.project a:visited p {
	visibility: hidden;
}
div.project a:hover p, div.project a:active p {
	visibility: visible;
	color: white;
}
div.contacttext {
	font-size: 1.8em;
	display: block;
	margin: 0 auto;
	width: auto;
}
div.contacttext table {
	margin: 0 auto;
	padding: 0 1em;
}
div.contacttext td {
	vertical-align:baseline;
}
div.contacttext a:link, div.contacttext a:visited,
p#walthamsoft   a:link, p#walthamsoft   a:visited {
	text-decoration: none;
	color: #67F7D2;
}
div.contacttext a:hover, div.contacttext a:active,
p#walthamsoft   a:hover, p#walthamsoft   a:active {
	text-decoration: none;
	color: white;
}

p#walthamsoft {
	margin: 15em 0 2em 0;
	text-align: center;
}
h2.page-banner {
	text-align: center;
	font-size: 2.5em;
	margin: 0.5em 1em 1em 1em;
}
div.about {
	width: 66%;
	display: block;
	margin: 0 auto;
	text-align: center;
}
div.about p {
	font-size: 1.6em;
	padding-bottom: 1.5em;
	line-height: 1.5em;
}
.focalbrand {
	color: #C00;
	font-weight: bold;
}
span.contact-table-header {
	font-weight: bold;
	line-height: 3em;
}
div#bedford43	{background-image:url(../Projects/Bedford43/bedford43-thumb.png)}
div#crescent8	{background-image:url(../Projects/Crescent8/Crescent8-thumb.png)}
div#dumont48	{background-image:url(../Projects/Dumont48/DumontThumb.jpg)}
div#cranwich91	{background-image:url(../Projects/Cranwich91/cranwich91-thumb.jpg)}
div#labiancaI	{background-image:url(../Projects/LaBiancaI/LaBianca1-thumb.jpg)}
div#casacollina	{background-image:url(../Projects/CasaCollina/CasaCollina-thumb.jpg)}
div#chalcott	{background-image:url(../Projects/Chalcott/Chalcott-thumb.jpg)}
div#labiancaII	{background-image:url(../Projects/LaBiancaII/LaBiancaII-thumb.jpg)}
div#woodlandgdns	{background-image:url(../Projects/WoodlandGdns/WoodlandGdns-thumb.jpg)}
div#goulton13	{background-image:url(../Projects/Goulton13/Goulton13-thumb.jpg)}

/* Gallery pages CSS below */
div#project-header {
	color: white;
	padding: 2em;
}
ul#bcrumbs li {
	display: inline;
	font-size: 2.5em;
	list-style-type: none;
	padding: 0;
}
.brand {
	color: #C00;
	font-weight: bold;
	font-size: 1.5em;
}
a:link, a:visited {
	color: #67F7D2;
	text-decoration: none;
}
a:hover, a:active {
	color: white;
	text-decoration: none;
}
p#location {
	font-size: 1.8em;
	font-weight: bold;
	padding: 1em 0 1em 0;
	margin-left: 1em;
}
p#description {
	font-size: 1.6em;
	padding: 0 1em 1em 1em;
}
div#slideshow {
	position: relative;
	margin: 3em auto;
}
@media (max-width: 750px) {
  ul#bcrumbs li{
	display: block;
	margin-bottom: 0.25em;
  }
  div#slideshow {
	  display: inline-block;
	  margin-left: 17px;
  }
  img#SS_IMG1, img#SS_IMG2 {
	  left: 0 !important;
  }
}
/* Gallery pages CSS above */