body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .95em;
	overflow-y: scroll;
	background: rgb(242,242,242); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(242,242,242,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(242,242,242,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(242,242,242,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(242,242,242,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(242,242,242,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#container {
	max-width: 1000px;
	min-height: 600px;
	margin: 10px auto;
	padding-bottom: 10px;
	position: relative;
	background: #FFF;
	border: 1px solid #999;
}
.clearer {
	clear: both;
}
#copy {
	float: left;
	color: #999;
	font-size: .8em;
	margin: 5px 5px 0px 30px;
}
#headerContainer {
	background: #023D68;
	background: rgb(91,120,155); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(91,120,155,1) 0%, rgba(49,58,84,1) 12%, rgba(49,58,84,1) 12%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,120,155,1)), color-stop(12%,rgba(49,58,84,1)), color-stop(12%,rgba(49,58,84,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(91,120,155,1) 0%,rgba(49,58,84,1) 12%,rgba(49,58,84,1) 12%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(91,120,155,1) 0%,rgba(49,58,84,1) 12%,rgba(49,58,84,1) 12%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(91,120,155,1) 0%,rgba(49,58,84,1) 12%,rgba(49,58,84,1) 12%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(91,120,155,1) 0%,rgba(49,58,84,1) 12%,rgba(49,58,84,1) 12%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b789b', endColorstr='#313a54',GradientType=0 ); /* IE6-9 */
	text-align: center;
}
	#logoHolder img {
		width: 100%;
	}
	#navHead li {
		display: inline;
		margin: 0px 5%;
		line-height: 2em;
		padding: 0;
	}
		#navHead li a:link, #navHead li a:visited {
			text-decoration: none;
			color: #CCC;
		}
		#navHead li a:hover, #navHead li a:active {
			text-decoration: none;
			color: #FFF;
		}
	#navHead ul {
		list-style: none;
		display: inline;
		margin: 1% 5% 1% 0px;
	}
	#navHeadLower {
		height: 2px;
	}
#homeDisplay {
	min-height: 430px;
}
#homeLeft {
	width: 43%;
	float: left;
	padding: 1%;
	margin-top: 2%;
}
	#homeLeft #homeDisplayDesc {
		width: 96%;
		font-size: 1em;
		margin: 7% 2%;
	}
	#homeLeft #homeDisplayTerm {
		font-size: 1.6em;
		font-weight: bold;
		text-align: center;
		margin-top: 5%;
		color: #900;
	}
#homeRight {
	width: 51%;
	background: lime;
	float: right;
	padding: 1%;
	margin: 2% 2% 2% 0;
}
	#homeRight #homeDisplayImg img {
		width: 98%;
		padding: 1%;
	}
.location {
	color: #EEE;
}
.locationFoot {
	color: #900;
}
#logoTerm {
	width: 100%;
	text-align: center;
	margin-top: -60px;
}
	#logoTerm h1 {
		font-size: 1.4em;
		color: #FFF;
	}
#navFoot {
	width: 70%;
	float: right;
	font-size: .9em;
}
	#navFoot li {
		display: inline;
		margin: 0px 2%;
		line-height: 2em;
	}
		#navFoot li a:link, #navFoot li a:visited {
			text-decoration: none;
			color: #999;
		}
		#navFoot li a:hover, #navFoot li a:active {
			text-decoration: none;
			color: red;
		}
	#navFoot ul {
		list-style: none;
		display: inline;
		width: 90%;
		margin: 1% 0;
	}
#mail {
	width: 35px;
	float: right;
	margin: 5px 30px 0px 5px;
}
#mobileHolder {
	width: 100%;
	position: relative;
}
#pictcha {
	width: 96%;
	margin: 5% auto;
	//border: 1px solid #333;
	text-align: center;
}
	#pictcha form {
		float: left;
		margin-top: 100px;
	}
	#pictcha img {
		width: 22%;
		border: 1px solid #777;
		margin-right: 3%;
		float: left;
	}
#portfolioHolder {
	width: 96%;
	margin: 5px auto;
	zoom: 1;
}

	#portfolioHolder:before, #portfolioHolder:after {
		content: " ";
		display: table;
	}
	#portfolioHolder:after {
		clear: both;
	}
.portfolioItem {
	display: block;
	width: 30%;
	height: 227px;
	position: relative;
	margin: 30px 1%;
	padding: 5px;
	float: left;
	border: 1px solid #000;
	background: #333;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	-o-perspective: 600px;
	perspective: 600px;
}
	.portfolioItem .detail {
		width: 97%;
		height: 227px;
		margin: 1% auto;
		position: absolute;
		display: block;
		background-color: #FFF;
		display: none;
	}
		.portfolioItem .detail h3 {
			font-size: 16px;
			font-weight: bold;
			color: #DF7401;
			text-align: center;
		}
		.portfolioItem .detail .linkLine {
			text-align: center;
			font-weight: bold;
		}
		.portfolioItem .detail p {
			font-size: 11px;
			text-align: left;
			margin: 6px 12px;
		}
		.portfolioItem .detail p.builtWith {
			display: block;
			width: 90%;
			margin: 4px auto 2px;
			background: #EEE;
			position: relative;
			padding: 3px;
			font-size: 10px;
			text-align: left;
			border: 1px solid #CCC;
		}
			.portfolioItem .detail p.builtWith .builtWithInner{
				display: block;
				margin: 3px;
				position: relative;
				padding: 7px 15px;
				background: #FFF;
				border: 1px solid #CCC;
			}
			.portfolioItem .detail p.siteInfo:first-line {
				font-weight: bold;
			}
	.portfolioItem img {
		width: 94%;
		height: 94%;
		margin: 1%;
		position: absolute;
		display: block;
	}
	.portfolioItem .portfolioSS:hover {
		-webkit-transition: -webkit-transform 1s;
		-moz-transition: -moz-transform 1s;
		-o-transition: -o-transform 1s;
		transition: transform 1s;

		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style: preserve-3d;

		-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
		-o-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
	}
	.portfolioItem .detail.returnPort {
		-webkit-transition: -webkit-transform 1s;
		-moz-transition: -moz-transform 1s;
		-o-transition: -o-transform 1s;
		transition: transform 1s;

		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style: preserve-3d;

		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	.portfolioItem img, .portfolioItem .detail {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
.portfolioSS {
	display: block;
	width: 98%;
	height: 98%;
	z-index: 2000;
}
#portfolioTitle {
	font-size: 2em;
	text-align: center;
	color: #61210B;
	margin: 40px 0px 0px;
}
#quoteForm {
	width: 65%;
	margin: 20px auto;
	padding: 20px;
	border: 1px solid #999;
	border-radius: 10px;
}
	#quoteForm fieldset {
		width: 70%;
		margin: 20px auto;
		padding: 20px;
		border: 1px solid #999;
		border-radius: 10px;
	}
	#quoteForm label {
		width: 200px;
		display: block;
		float: left;
		text-align: right;
		padding-right: 20px;
	}
	#quoteForm textarea {
		margin: 0px auto;
		display: block;
	}
#quoteFormInfo {
	width: 70%;
	margin: 50px auto 10px;
	padding: 2% 4%;
	background: #F2F5A9;
	border: 1px solid #999;
	border-radius: 10px;
}
#rule {
	width: calc(100% - 60px);
	border: 4px solid #EEE;
}
#wwdCenter {
	width: 32%;
	padding: 1%;
	min-height: 19em;
	background: #CCC;
	float: left;
}
	#wwdCenter h1 {
		font-size: 1.4em;
		text-align: center;
	}
#wwdLeft {
	width: 31%;
	padding: 1%;
	min-height: 19em;
	background: #D9DBAC;
	float: left;
}
	#wwdLeft h1 {
		font-size: 1.4em;
		text-align: center;
	}
#wwdRight {
	width: 31%;
	padding: 1%;
	min-height: 19em;
	background: #DBB8AC;
	float: left;
}
	#wwdRight h1 {
		font-size: 1.4em;
		text-align: center;
	}