/*
Theme Name: Miller
*/

/*
font-family:'HelveticaNeueW01-UltLt';
font-family:'HelveticaNeueW01-Thin';
font-family:'HelveticaNeueW01-45Ligh';
font-family:'HelveticaNeueW01-55Roma';
font-family:'HelveticaNeueW01-65Medi';
font-family:'HelveticaNeueW01-75Bold';
font-family:'HelveticaNeueW01-85Heav';

*/


/* css for basic items---------------------------------------------------------------------------------------------------*/
html,body {
	width: 100%;
   }
body {
	padding: 0;
	margin: 0;
	font-family: 'HelveticaNeueW01-45Ligh', arial, sans-serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 23px;
	color: #fff;
 	background: #000;
 	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
img {
	padding: 0; 
	margin: 0;
	border: 0;
	}
a,
a:visited,
a:active {
	color: #7ac142;
	text-decoration: none;
	outline: none;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    }
a:hover {
	color: #fff;
	text-decoration: none;
	outline: none;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
   	}
ul {
	padding: 0 0 20px 15px;
	margin: 0;
	list-style: url(images/bullet.png);
	}
ul li {
	padding: 0 0 1px 0;
	margin: 0;
	float: none;
	}
ul li ul {
	list-style: url(images/bullet2.png);
	}
ol {
	padding: 0 0 0 15px;
	margin: 0;
	}
ol li {
	padding: 0 0 10px 0;
	margin: 0;
	float: none;
	}
p {
	padding: 0 0 20px 0;
	margin: 0;
	}
em {
	font-style: italic;
	}
b,
strong {
	font-family:'HelveticaNeueW01-75Bold', arial;
	font-weight: normal;
	}
table {
	margin-bottom: 15px;
	padding-bottom: 0;
	font-size: 13px !important;
	line-height: 20px !important;
	}	
hr {
	margin: 0px auto 15px auto;
	padding: 0;
	height: 1px;
	border: none;
	border-bottom: 1px solid #7ac142;
	}
h1 {
 	padding: 0 0 35px 0;
	margin: 0 0 0 0;
	font-family: 'HelveticaNeueW01-UltLt', arial;
	font-size: 40px;
	line-height: 44px;
	font-weight: normal;
	color: #7ac142;	
	text-transform: uppercase;
	}
h2 {
	padding: 15px 15px 0 15px;
	font-family:'HelveticaNeueW01-Thin', arial;
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;
	color: #7ac142;
	text-transform: uppercase;
	}
h3 {
	padding: 0 0 5px 0;
	margin: 0;
	font-family:'HelveticaNeueW01-75Bold', arial;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	text-transform: uppercase;
	}
h4 {
	padding: 0 0 5px 0;
	margin: 0;
	font-family:'HelveticaNeueW01-75Bold', arial;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

#bg {
	width: 100%;
	min-height: 565px;
	position: fixed;
	background: url(images/bg.png) no-repeat top right;
	}
#outer {
	margin: 10px 0 30px 0;
	width: 100%;
   }
.container {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%; 
	max-width: 980px; 
	background: #353536;
  	}
 
 
/* -------------------------------------------------------------------------------------------------------------- */
/* css for header ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#header {
	position: relative;
	width: 980px;
	height: 83px;
	}
	.home-header {
		height: 645px !important;
		background: url(images/home-lines.png) no-repeat center bottom;
		z-index: 9;
		}
		.homebg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 645px;
			}	
			.homebg h1 {
				width: 310px;
				margin: 235px 0 0 15px;
				padding: 20px 0 20px 0;
				color: #000;
				border-top: 1px solid #000;
				border-bottom: 1px solid #000;
				}
	#urg {
		display: block;
		position: absolute;
		top: 64px;
		left: 35px;
		padding: 0 0 10px 0;
		width: 210px;
		height: 33px;
		text-align: left;
		font-family: 'HelveticaNeueW01-75Bold', arial;
		font-size: 11px;
		line-height: 11px;
		text-transform: uppercase;
		z-index: 99999;
		}
		#urg a {
			color: #7ac142 !important;
			}
		#urg a:hover {
			color: #fff !important;
			}
	.home-header #urg {
		top: 154px;
		}
		.home-header #urg a {
			color: #000 !important;
			}
		.home-header #urg a:hover {
			color: #fff !important;
			}
	#logo {
		display: block;
		position: absolute;
		top: 10px;
		left: 5px;
		padding: 0 0 10px 0;
		width: 310px;
		height: 33px;
		text-align: left;
		border-bottom: 2px solid #7ac142;
		background: url(images/touchstone-white.png) no-repeat left 10px center;
		z-index: 99999;
		}
		#logo a {
			display: block;
			width: 310px;
			height: 33px;
			z-index: 99999;
			}
		.home-header #logo {
			top: 100px;
			border-bottom: 2px solid #000;
			background: url(images/touchstone.png) no-repeat left 10px center;
			}
	#award {
		display: block;
		position: absolute;
		top: 10px;
		right: 85px;
		width: 158px;
		height: 158px;
		z-index: 99999;
		}		
	#mobilenav {
		display: none;
		position: absolute;
		top: 49px;
		padding: 15px 0 15px 0;
		width: 100%;
		background: #000;
		z-index: 99999;
		font-family: 'HelveticaNeueW01-75Bold', arial;
		font-size: 11px;
		line-height: 11px;
		text-transform: uppercase;
		}
		#mobilenav ul {
			padding: 0 0 0 10px;
			margin: 0;
			list-style: none;
			}
		#mobilenav ul li {
			margin: 0;
			padding: 0 0 10px 0;
			}
		#mobilenav ul li ul {
			margin: 0;
			padding: 10px 0 0 10px;
			}
	#mainnav {
		position: relative;
		padding: 53px 0 0 335px;
		margin: 0 15px 0 0;
		font-family: 'HelveticaNeueW01-75Bold', arial;
		font-size: 11px;
		line-height: 11px;
		text-transform: uppercase;
		z-index: 9999;
		}
		.home-header #mainnav {
			padding-top: 143px;
			}
			.home-header #mainnav ul li a {
				border-top: 2px solid #000;
				}
			.home-header #mainnav ul li a {
				color: #000;
				border-top: 2px solid #000;
				}
			.home-header #mainnav ul li.nav2 {
				border-top: 2px solid #000;
				}
		#mainnav ul {
			padding: 0;
			margin: 0;
			list-style: none;
			}
		#mainnav ul li {
			position: relative;
			float: left;
			width: 25%;
			margin: 0;
			padding: 0;
			}
			#mainnav ul li.nav2 {
				border-top: 2px solid #7ac142;
				padding-right: 25%;
				}
				#mainnav ul li.nav2 a {
					border-top: 2px solid #7ac142;
					margin: -2px 0 0 0;
					}
			.home-header #mainnav ul li.nav2 {
				border-top: 2px solid #000;
				}
				.home-header #mainnav ul li.nav2 a {
					border-top: 2px solid #000;
					}
			#mainnav ul li.nav3 {
				text-align: right;
				}
			#mainnav ul li a {
				display: block;
				padding: 9px 0 0 0;
				width: 100%;
				border-top: 2px solid #7ac142;
				color: #7ac142;
				text-decoration: none;
				}
			#mainnav ul li a.set,
			#mainnav ul li.current_page_parent a,
			#mainnav ul li.current_page_item a {
				color: #fff;
				border-top: 2px solid #fff;
				}
			#mainnav ul li a:hover {
				color: #fff;
				}

			/* css for sub navigation  ---------------------------------------------------------------------------------- */
			#mainnav ul li.nav1 .sub-menu,
			#mainnav ul li.nav2 .sub-menu,
			#mainnav ul li.nav3 .sub-menu {
				display: none;
				position: absolute;
				top: -2px;
				left: -10px;
				padding: 0;
				width: 170px;
				background: #091c0c;
				border-top: 2px solid #7ac142;
				z-index: 999;
				}
			.about-header #mainnav ul li.nav2 .sub-menu {
				border-top: 2px solid #fff;
				}
			.home-header #mainnav ul li.nav2 .sub-menu {
				border-top: 2px solid #000;
				}
			#mainnav ul li.nav1:hover .sub-menu,
			#mainnav ul li.nav2:hover .sub-menu,
			#mainnav ul li.nav3:hover .sub-menu {
				padding: 0 0 11px 0;
				}
				#mainnav ul.sub-menu li {
					padding: 0;
					float: none;
					}
					#mainnav ul.sub-menu li a,
					#mainnav ul.sub-menu li a:visited,
					#mainnav ul.sub-menu li a:active {
						display: block;
						padding: 11px 10px 0px 10px;
						border: none !important;
						width: 150px;
						color: #7ac142;
						}	
						#mainnav ul.sub-menu li.subnav1 a {
							margin: 0 10px 5px 10px;
							padding: 9px 0 5px 0;
							border-bottom: 1px solid #7ac142 !important;
							border-top: none !important;
							}
						#mainnav ul.sub-menu li a:hover,
						#mainnav ul.sub-menu li a.set,
						#mainnav ul.sub-menu li.current_page_parent a,
						#mainnav ul.sub-menu li.current_menu_item a {
							color: #fff;
							border-top: none !important;
							}
	#navbar {
		display: none;
		position: absolute;
		top: 15px;
		right: 0px;
		height: 16px;
		padding: 2px 0 0 37px;
		background: url(images/navbar.png) no-repeat left center;
		cursor: pointer;
		font-size: 15px;
		line-height: 15px;
		text-transform: uppercase;
		color: #6a6663;
		z-index: 2;
		-o-transition: left 0.2s linear;
		-moz-transition: left 0.2s linear;
		-khtml-transition: left 0.2s linear;
		-webkit-transition: left 0.2s linear;
		-ms-transition: left 0.2s linear;
		transition: left 0.2s linear;
		}		
	#navclose {
		display: none;
		position: absolute;
		top: 15px;
		right: 0px;
		height: 16px;
		padding: 2px 0 0 37px;
		background: url(images/navbar.png) no-repeat left center;
		cursor: pointer;
		font-size: 15px;
		line-height: 15px;
		text-transform: uppercase;
		color: #6a6663;
		z-index: 2;
		-o-transition: left 0.2s linear;
		-moz-transition: left 0.2s linear;
		-khtml-transition: left 0.2s linear;
		-webkit-transition: left 0.2s linear;
		-ms-transition: left 0.2s linear;
		transition: left 0.2s linear;
		}	
#breadcrumbs {
	position: relative;
	margin: 0 15px 0 15px;
	width: 950px;
	height: 63px;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	font-family: 'HelveticaNeueW01-85Heav', arial;
	}
	#breadcrumbs ul {
		position: absolute;
		bottom: 5px;
		padding: 0;
		list-style: none;		
		}
	#breadcrumbs ul li {
		padding: 0;
		display: inline-block;
		white-space: nowrap;
		}

	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for content ---------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.content {
	margin: 20px 15px 25px 15px;
	width: 950px;
	}

.content-left {
	position: relative;
	margin: 0 10px 15px 15px;
	padding: 25px 0 20px 0;
	width: 310px;
	float: left;
	border-top: 1px solid #7ac142;
	font-size: 14px;
	line-height: 20px;
	}
	.contact {
		font-size: 17px;
		line-height: 23px;
		}
	.content-left h1 {
		padding: 0 0 10px 0;
		}
	.content-left ul {
		padding: 0 0 0 0;
		margin: 0;
		list-style: none;
		}
	.content-left ul li {
		margin: 0 0 0 0;
		padding: 0 0 5px 0;
		font-family: 'HelveticaNeueW01-75Bold', arial;
		font-size: 11px;
		line-height: 11px;
		text-transform: uppercase;
		}
		.content-left ul li a {
			display: block;
			max-width: 60%;
			padding: 3px 0 2px 0;
			border-top: 1px solid #353536;
			}
		.content-left ul li a.set,
		.content-left ul li.current-menu-item a {
			border-top: 1px solid #fff;
			color: #fff;
			}		
			.content-left ul li.current-menu-item ul.sub-menu li a {
				color: #7ac142;
				border: none;
				}
		.content-left ul li a:hover {
			color: #fff;
			}
			.content-left ul li ul {
				padding: 5px 0 0 0;
				display: none;
				}
			.content-left ul li ul li {
				padding: 0 0 5px 0;
				}
			.content-left ul li ul li a {
				padding: 3px 0 2px 15px;
				}
			.bio-menu ul li ul {
				display: inherit !important;
				}	
	.single-left {
		padding: 19px 0 0 0;
		border-top: 2px solid #7ac142;
		}
	.content-left img {
		width: 100%;
		height: auto;
		}
	.content-left .location {
		margin-top: -5px;
		padding: 0 0 30px 0;
		font-size: 12px;
		line-height: 12px;
		text-transform: uppercase;
		}	
	.content-left .website {
		padding: 25px 0 5px 0;
		margin: 0 0 45px 0;
		font-size: 18px;
		line-height: 18px;
		text-transform: uppercase;
		border-bottom: 1px solid #7ac142;
		}	
	.content-left hr.project-line {
		width: 50%;
		margin: 0;
		padding: 0;
		}	
	.content-left .line-text {
		padding: 8px 0 25px 0;
		font-family:'HelveticaNeueW01-65Medi', arial;
		font-size: 12px;
		line-height: 12px;
		}	
		.content-left .line-text span {
			font-family:'HelveticaNeueW01-75Bold', arial;
			color: #fff;
			text-transform: uppercase;
			}	
.content-right {
	position: relative;
	padding: 20px 30px 0 0;
	margin: 0 0 15px 0;
	width: 600px;
	float: left;
	border-top: 1px solid #7ac142;
	}	
	.linkedin {
		position: absolute;
		top: 55px;
		right: 10px;
		display: block;
		width: 31px;
		height: 31px;
		background: url(images/icon-linkedin.png) no-repeat center center;
		}
	.content-right-image {
		padding: 20px 0 0 0;
		width: 630px;
		}
		.content-right-image img {
			width: 100%;
			height: auto;
			}
	.single-right {
		padding: 0 0 0 0;
		width: 630px;
		border-top: none;
		}
	.content-right img {
		padding: 0 0 10px 0;
		width: 100%;
		height: auto;
		}
.content-left-bottom {
	position: relative;
	margin: -25px 10px 0 15px;
	padding: 45px 0 0 0;
	width: 310px;
	float: left;
	border-top: 1px solid #7ac142;
	}
.content-right-bottom {
	position: relative;
	margin: -25px 0 0 0;
	padding: 45px 30px 0 0;
	width: 600px;
	float: left;
	}	
	.community ul li {
		font-size: 13px;
		line-height: 20px;
		}
	.map {
		padding-right: 0;
		padding-bottom: 20px;
		width: 630px;
		}
	.directions {
		font-family:'HelveticaNeueW01-55Roma', arial;
		font-size: 12px;
		line-height: 18px;
		}
		.need-directions a {
			display: block;
			padding-top: 5px;
			border-top: 1px solid #7ac142;
			width: 50%;
			font-family:'HelveticaNeueW01-75Bold', arial;
			}	
		.email a {
			display: block;
			padding-bottom: 5px;
			border-bottom: 1px solid #7ac142;
			width: 100%;
			}
	.content-right-bottom ul li ul {
		padding-bottom: 0;
		margin-bottom: 0;
		}
	.bio {
		font-size: 14px;
		line-height: 20px;
		}
	.bio h1 {
		padding: 0 0 10px 0;
		}
.content-left-bio {
	position: relative;
	margin: 0 10px 0 15px;
	padding: 45px 0 0 0;
	width: 310px;
	float: left;
	border-top: 1px solid #7ac142;
	}
.content-right-bio {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 630px;
	float: left;
	}	
.bottom-lines-left {
	margin: 0 10px 3px 15px;
	padding: 20px 0 0 0;
	width: 310px;
	float: left;
	border-top: 1px solid #7ac142;
	}
.bottom-lines-right {
	padding: 20px 30px 0 0;
	margin: 0 0 3px 0;
	width: 600px;
	float: left;
	border-top: 1px solid #7ac142;
	}
	
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for projects --------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.project {
	width: 310px;
	margin: 0px 10px 25px 0;
	padding: 0 0 30px 0;
	float: left;
	background: #000 url(images/project-line.png) no-repeat right bottom;
	overflow: hidden;
	}
	.project img {
		width: 100%;
		height: auto;
		}
	.project a {
		display: block;
		padding: 0 0 20px 0;
		background: url(images/arrow-next.png) no-repeat right bottom;
		}
		.project a h2 {
			margin: 20px 10px 20px 10px;
			min-height: 72px;
			border-top: 1px solid #7ac142;
			border-bottom: 1px solid #7ac142;
			-o-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-khtml-transition: all 0.2s linear;
    		-webkit-transition: all 0.2s linear;
		    -ms-transition: all 0.2s linear;
			transition: all 0.2s linear;
			}
			.project a h2 span {
				font-family:'HelveticaNeueW01-45Ligh', arial;
				color: #fff;
				font-size: 14px;
				line-height: 20px;
				text-transform: none;
				}
		.project a:hover h2 {
			color: #fff;
			-o-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-khtml-transition: all 0.2s linear;
    		-webkit-transition: all 0.2s linear;
		    -ms-transition: all 0.2s linear;
			transition: all 0.2s linear;
			}
		.project a:hover {
			color: #fff;
			background: url(images/arrow-next-on.png) no-repeat right bottom;
			}
	.second,
	.third {
		margin: 0 0 0 0;
		}
	.home .project {
		display: block;
		width: 100%;
		margin: 0 0 25px 0;
		padding: 0;
		height: 320px;
		float: none;
		background: #000;
		}
		.home .project .photo {
			width: 50%;
			float: left;
			overflow: hidden;
			}
			.home .project .photo-right {
				float: right;
				}
			.home .project .photo img {
				width: auto;
				height: 320px;
				}
		.home .project .text {
			position: relative;
			height: 320px;
			width: 50%;
			float: left;
			}
			.home .project h1 {
				margin: 20px 10px 0 10px;
				padding: 20px 25px 25px 25px;
				border-top: 1px solid #7ac142;
				-o-transition: all 0.2s linear;
				-moz-transition: all 0.2s linear;
				-khtml-transition: all 0.2s linear;
				-webkit-transition: all 0.2s linear;
				-ms-transition: all 0.2s linear;
				transition: all 0.2s linear;
				}
			.home .project p {
				font-size: 14px;
				line-height: 20px;
				padding: 0 40px 0 25px;
				margin: 0 10px 0 10px;
				color: #fff;
				}
			.home .project .learn-more {
				position: absolute;
				bottom: 20px;
				margin: 0 2% 0 2%;
				width: 96%;
				border-top: 1px solid #7ac142;
				}
				.home .project .learn-more {
					display: block;
					padding: 19px 11% 20px 0;
					margin: 0 2% 0 2%;
					width: 85%;
					text-align: right;
					background: url(images/arrow-next.png) no-repeat right center;
					float: right;
					border-bottom: 2px solid #7ac142;
					font-family: 'HelveticaNeueW01-75Bold', arial;
					font-size: 11px;
					line-height: 11px;
					color: #7ac142;
					text-transform: uppercase;
					-o-transition: all 0.2s linear;
					-moz-transition: all 0.2s linear;
					-khtml-transition: all 0.2s linear;
					-webkit-transition: all 0.2s linear;
					-ms-transition: all 0.2s linear;
					transition: all 0.2s linear;
					}
				.home .project:hover h1 {
					color: #fff;
					-o-transition: all 0.2s linear;
					-moz-transition: all 0.2s linear;
					-khtml-transition: all 0.2s linear;
					-webkit-transition: all 0.2s linear;
					-ms-transition: all 0.2s linear;
					transition: all 0.2s linear;
					}
				.home .project:hover .learn-more {
					background: url(images/arrow-next-on.png) no-repeat right center;
					color: #fff;
					-o-transition: all 0.2s linear;
					-moz-transition: all 0.2s linear;
					-khtml-transition: all 0.2s linear;
					-webkit-transition: all 0.2s linear;
					-ms-transition: all 0.2s linear;
					transition: all 0.2s linear;
					}
					
					
/* -------------------------------------------------------------------------------------------------------------- */
/* css for footer ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#footer-lines {
	width: 100%; 
	height: 50px;
	background: url(images/bg-footer.png) no-repeat center bottom;
	}
#footer {
	position: relative;
	padding: 0 15px 10px 15px;
	margin: 0 auto 0 auto;
	width: 950px; 
	color: #fff;
	font-family:'HelveticaNeueW01-55Roma', arial;
	font-size: 12px;
	line-height: 18px;
	}
	#footer p {
		padding: 0 0 14px 0;
		}
	.footer-col1 {
		margin: 40px 0 0 0;
		width: 310px;
		min-height: 188px;
		float: left;
		border-bottom: 1px solid #7ac142;
		}
		#logo-footer {
			padding: 0 208px 9px 0;
			margin: 0 0 17px 0;
			width: 102px;
			border-bottom: 2px solid #7ac142;
			}
	.footer-col2 {
		width: 470px;
		margin: 0 10px 0 10px;
		min-height: 228px;
		float: left;
		border-bottom: 1px solid #7ac142;
		}
	.footer-col3 {
		margin: 30px 0 0 0;
		width: 150px;
		min-height: 198px;
		float: left;
		border-bottom: 1px solid #7ac142;
		}
		#back-to-top {
			display: block;
			padding: 11px 37px 0 0;
			width: 113px;
			height: 20px;
			background: url(images/arrow-up.png) no-repeat center right;
			cursor: pointer;
			font-family:'HelveticaNeueW01-75Bold', arial;
			font-size: 11px;
			line-height: 11px;
			text-transform: uppercase;
			color: #7ac142;
			text-align: right;
			}
		#back-to-top:hover {
			background: url(images/arrow-up-on.png) no-repeat center right;
			color: #fff;
			}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for misc items --------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	}
.alignright {
	margin: 0 0 10px 30px;
	float: right;
	}
.alignleft {
	margin: 0 8px 10px 0;
	float: left;
	}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}





/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 980px) {


#header {
	margin: 0;
	width: 100%;
	}	
	#logo {
		width: 31%;
		padding: 0 0 10px 0;
		top: 10px;
		left: 15px;
		}
		.homebg h1 {
			width: 30%;
			margin: 235px 0 0 15px;
			padding: 20px 0 20px 0;
			font-size: 30px;
			line-height: 34px;
			}
#mainnav {
	padding: 53px 15px 0 34%;
	}
#breadcrumbs {
	margin: 0 2% 0 2%;
	width: 96%;
	}
.content {
	margin: 20px 2% 25px 2%;
	width: 96%;
	}
	.content-right-bottom img,	
	.content-right img,	
	.content img {
		width: 100%;
		height: auto;
		}
.content-left {
	margin: 0 2% 15px 2%;
	width: 30%;
	}
	.content-left .line-text {
		width: auto;
		}
.content-right {
	margin: 0 2% 15px 0;
	padding: 20px 2% 0 0;
	width: 61%;
	}	
	.content-right-image {
		margin: 0 0 15px 0;
		padding: 20px 0 0 0;
		width: 63%;
		}
	.single-right {
		padding: 0 0 0 0;
		border-top: none;
		width: 63%;
		}
.content-left-bottom {
	margin: -25px 2% 0 2%;
	width: 30%;
	}
.content-right-bottom {
	margin: -25px 2% 0 0;
	padding: 45px 2% 0 0;
	width: 61%;
	}
.content-left-bio {
	margin: 0 2% 15px 2%;
	width: 30%;
	}
.content-right-bio {
	margin: -12px 0 20px 0;
	padding: 0 2% 0 0;
	width: 63%;
	}	
.bottom-lines-left {
	margin: 0 2% 3px 2%;
	width: 30%;
	}
.bottom-lines-right {
	padding: 20px 2% 0 0;
	width: 61%;
	}
.project {
	width: 32%;
	margin: 10px 1% 0 0;
	}
	.content-right-bio .project {
		width: 49%;
		margin: 10px 2% 0 0;
		}
	.content-right-bio .second {
		margin: 10px 0 0 0;
		}
	.project a h2 {
		min-height: 62px;
		font-size: 20px;
		line-height: 24px;
		}
	.home .project h1 {
		padding-bottom: 15px;
		margin-bottom: 0;
		font-size: 30px;
		line-height: 34px;
		}
#footer {
	margin: 0 2% 10px 2%;
	padding: 0;
	width: 96%;
	}
	.footer-col1 {
		width: 32%;
		min-height: 218px;
		}
		#logo-footer {
			padding: 0 0 9px 67%;
			margin: 0 0 17px 0;
			width: 33%;
			border-bottom: 2px solid #7ac142;
			}
	.footer-col2 {
		width: 47%;
		margin: 0 1% 0 1% 0;
		min-height: 258px;
		}
	.footer-col3 {
		width: 18%;
		min-height: 228px;
		}

}


/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {

h1 {
	padding: 0 0 20px 0;
	font-size: 26px;
	line-height: 30px;
	}
#bg {
	display: none;
	}	
#header {
	margin: 0 0 10px 0;
	width: 100%;
	height: 47px !important;
	border-bottom: 2px solid #7ac142;
	z-index: 99999;
	background-image: none !important;
	}
	#logo {
		top: 3px !important;
		left: 5px;
		border: 0;
		text-align: left;
		border-bottom: none !important;
		background: url(images/touchstone-white.png) no-repeat left center !important;
		}
	.home-header #urg,
	#urg {
		display: block;
		position: absolute;
		top: 26px;
		left: 155px;
		padding: 0 0 10px 0;
		width: 210px;
		height: 33px;
		text-align: left;
		font-family: 'HelveticaNeueW01-75Bold', arial;
		font-size: 11px;
		line-height: 11px;
		text-transform: uppercase;
		z-index: 99999;
		}
		.home-header #urg a:hover,
		.home-header #urg a,
		#urg a {
			color: #fff !important;
			}
	.homebg {
		position: absolute;
		width: 100%;
		top: 53px;
		left: 0;
		width: 100%;
		height: 140px;
		background-size: cover;
		background-position: center bottom;
		}	
		.homebg h1 {
			width: 92%;
			margin: 155px 2% 0 2%;
			padding: 20px 2% 20px 2%;
			font-size: 26px;
			line-height: 30px;
			color: #7ac142;
			border-top: 1px solid #7ac142;
			border-bottom: 1px solid #7ac142;
			background: #000;
			}
#breadcrumbs {
	margin: 0 2% 0 2%;
	width: 96%;
	}
#navbar {
	display: inherit;
	}
#mainnav {
	display: none;
	}
#breadcrumbs {
	display: none;
	}	
.content {
	margin: 20px 2% 25px 2%;
	width: 96%;
	}
	.content-right-bottom img,	
	.content-right img,	
	.content img {
		width: 100%;
		height: auto;
		}
.content-left {
	padding: 0;
	margin: 0 2% 0 2%;
	width: 96%;
	float: none;
	border: none;
	}
	.content-left ul {
		display: none;
		}
.content-right {
	margin: 0 2% 15px 2%;
	padding: 0 2% 0 0;
	width: 94%;
	float: none;
	border: none;
	}	
	.linkedin {
		top: 2px;
		right: 10px;
		}
	.content-right-image {
		margin: 0 2% 0 2%;
		padding: 0;
		width: 96%;
		}
	.single-right {
		margin: 0 2% 15px 2%;
		border-top: none;
		width: 96%;
		}
.content-left-bottom {
	margin: 0 2% 0 2%;
	padding: 10px 0 0 0;
	width: 96%;
	float: none;
	border: none;
	}
.content-right-bottom {
	margin: 0 2% 0 2%;
	padding: 0 2% 0 0;
	width: 94%;
	float: none;
	border: none;
	}
.content-left-bio {
	margin: -3px 2% 0 2%;
	width: 96%;
	float: none;
	border: none;
	}
.content-right-bio {
	margin: -55px 2% 20px 2%;
	width: 96%;
	float: none;
	border: none;
	}	
.bottom-lines-left,
.bottom-lines-right {
	display: none;
	}
.project {
	margin: 10px 0 0 0;
	width: 100%;
	height: auto;
	}
	.project a h2 {
		min-height: 62px;
		font-size: 20px;
		line-height: 24px;
		}
.home {
	margin-top: 336px;
	}		
.home .project {
	margin: 10px 0 0 0;
	width: 100%;
	height: auto;
	}
	.home .project .learn-more {
		padding: 19px 16% 20px 0;
		width: 80%;
		}
	.home .project .photo {
		width: 100%;
		height: auto;
		float: none;
		clear: both;
		}
	.home .project .text {
		width: 100%;
		height: auto;
		float: none;
		clear: both;
		min-height: 290px;
		}
	.home .project h1 {
		padding: 15px 2% 15px 2%;
		margin-bottom: 0;
		font-size: 26px;
		line-height: 30px;
		}
	.home .project p {
		padding: 0 20px 25px 2%;
		}		
	.community ul li {
		font-size: 10px;
		line-height: 15px;
		}
#footer {
	margin: 0 2% 10px 2%;
	padding: 0;
	width: 96%;
	}
	.footer-col1 {
		width: 100%;
		min-height: 1px;
		float: none;
		border-bottom: 0;
		}
		#logo-footer {
			padding: 0 0 9px 0;
			margin: 0 0 17px 0;
			width: 100%;
			border-bottom: 2px solid #7ac142;
			}
	.footer-col2 {
		margin: 0;
		width: 100%;
		min-height: 1px;
		float: none;
		}
	.footer-col3 {
		display: none;
		}


}