@charset "UTF-8";
/* CSS Document */
/*-------------------------------------------------------
Mobile - Ipad landscape
--------------------------------------------------------*/
@media (max-width: 1024px) {

header nav {
	margin:35px 25px 0 0;
}
}
/*-------------------------------------------------------
Large Tablet
--------------------------------------------------------*/
@media (max-width: 970px) {

/*Base Items*/
body {
		font-size: 90%;
		width: 100%;
} 


#outer_wrapper { /*Main outer wrap that holds header and inside content up to footer*/
	width:100%;

}
.innerwrap {
	width: 90%
}
	
header {
	width:100%;

	
}

/*main nav*/
header nav {

	margin: 80px 0 0 20px;
	
}

header #logo {	
	
	z-index: 500;
	margin: 24px 0 24px 22px;
	width:269px;
	height:61px;
	float:left;
}
header #social{
	width:30%;
	float:right;
	height: 20px;
	margin:15px 0 0 0;
	text-align:right;
	
}

/*home slider*/
#rotating-pics .cycle-slideshow, 
.cycle-slideshow, .home-slide /*on project pages*/{
	width: 100%;
	height:auto;
}

#main_content_home {
	width: 100%;
}
#main_content {	
width: 100%;
	
	
}
/*basic text box*/
#main_content #basic {
	width:96%/*910px*/;
}
footer #f-content{
	width:98%;
	float:left;
	padding:1%;

}
footer p:first-child{
	margin-bottom:0px;
}
footer p.left{
	float:left;
	width:50%;
}
footer p.right{
	width:50%;
	float:left;
	text-align:left;
}
.thumb, .thumb-info{
	width:172.5px;	
	
}
.medical a{
	font-size:0.895em;
	height: 40px;
}
/*------Team Page-------*/
.bio {
	width:63.541666666667% /*610px*/;
	margin-left:30px;
}
.portrait {
	float:left;
	width:26.041666666667% /*250px*/;
}

}
/*-------------------------------------------------------
Regular & Small Tablet
--------------------------------------------------------*/
@media (max-width: 965px) {
header {
	
}
/*main navigation*/
header nav {
	width:50%;
	margin-top:30px;
	font-size:1.3em;
}

	/*home styles*/
	#categories-home {
	width:40%;
	padding:50px 0 0 0;
	border-bottom:none;
}
#categories-home ul li{
	font-size:1.1em;
	
}
#quotes {
	width:59%;
	text-align:left;
	padding:30px 0;
	border-left: solid 1px #3c3c3c;
}
.quote-wrap {
	width: 94.5%;
}

.thumb{
	width:171.5px;	
	
}
.thumb-info a{

	padding:90px 0px 0px 0px;
	
}
.medical a{
	font-size:0.895em;
	height:60px;
	display:block;
}
}
/*-------------------------------------------------------
Mobile
--------------------------------------------------------*/
@media (max-width: 837px) {
header #logo {	
	margin: 24px 0 24px 22px;
	width:40%;
	height:auto;
	float:left;
}

	/*home styles*/
	#categories-home {
	width:100%;
	padding:25px 0;
	border-bottom:1px solid #3c3c3c;
}
	
#quotes {
	width:100%;
	text-align:left;
	padding:25px 0;
	border-left: none;
}	
.quote-wrap {
	width: 96%;
}

footer #f-content{
	width:98%;
	float:left;
	padding:1%;

}
footer p:first-child{
	margin-bottom:0px;
}
footer p.left{
	float:left;
	width:100%;
}
footer p.right{
	width:100%;
	float:left;
	text-align:left;
}
.thumb{
	width:186.5px;	
	
}

}
/*-------------------------------------------------------
Mobile - Ipad Mini Portrait
--------------------------------------------------------*/
@media (max-width: 768px) {

.thumb{
	width:24.71%;	
	
}
header nav {
	margin:43px 25px 0 0;
}
#local-nav ul li {
    width: 16%;
   padding:0 2%;
	
}
/*----Team thumbs-----*/

.thumb.audsley{
	background:url(../images/about/team/sprite-ToddAudsley.jpg) no-repeat -20px 0;
	opacity: 0.3;
	
}
.thumb.audsley:hover{
	background:url(../images/about/team/sprite-ToddAudsley.jpg) no-repeat -212px 0;
	opacity:1;
	
}
.thumb.bernard{
	background:url(../images/about/team/sprite-JoshuaBernard.jpg) no-repeat -20px 0;
	opacity: 0.3;
	
}
.thumb.bernard:hover{
	background:url(../images/about/team/sprite-JoshuaBernard.jpg) no-repeat -212px 0;
	opacity:1;
	
}
.thumb.bellerdine{
	background:url(../images/about/team/sprite-TracyBellerdine.jpg) no-repeat -20px 0;
	opacity: 0.3;
	
}
.thumb.bellerdine:hover{
	background:url(../images/about/team/sprite-TracuBellerdine.jpg) no-repeat -212px 0;
	opacity:1;
	
}

.thumb.Geiger{
	background:url(../images/about/team/sprite-KathleenGeiger.jpg) no-repeat -20px 0;
	opacity: 0.3;
	
}
.thumb.Geiger:hover{
	background:url(../images/about/team/sprite-KathleenGeiger.jpg) no-repeat -212px 0;
	opacity:1;
}
.thumb.lorenz{
	background:url(../images/about/team/sprite-JaimeLorenz.jpg) no-repeat -20px 0;
	opacity: 0.3;
	
}
.thumb.lorenz:hover{
	background:url(../images/about/team/sprite-JaimeLorenz.jpg) no-repeat -212px 0;
	opacity:1;
}
.thumb.mann{
	background:url(../images/about/team/sprite-NicholasMann.jpg) no-repeat -20px 0;
	opacity: 0.3;
	
}
.thumb.mann:hover{
	background:url(../images/about/team/sprite-NicholasMann.jpg) no-repeat -212px 0;
	opacity:1;
}
.thumb.morrow{
	background:url(../images/about/team/sprite-BrendaMorrow.jpg) no-repeat -20px 0;
	opacity: 0.3;
	
}
.thumb.morrow:hover{
	background:url(../images/about/team/sprite-BrendaMorrow.jpg) no-repeat -212px 0;
	opacity:1;
}
.thumb.smart{
	background:url(../images/about/team/sprite-EdSmart.jpg) no-repeat -20px 0;
	opacity: 0.3;
	
}
.thumb.smart:hover{
	background:url(../images/about/team/sprite-EdSmart.jpg) no-repeat -212px 0;
	opacity:1;
}
.thumb.taylor{
	background:url(../images/about/team/sprite-DeborahTaylor.jpg) no-repeat -20px0 0;
	opacity: 0.3;
	
}
.thumb.taylor:hover{
	background:url(../images/about/team/sprite-DeborahTaylor.jpg) no-repeat -212px 0;
	opacity:1;
}
.thumb.wyllie{
	background:url(../images/about/team/sprite-NicoleWyllie.jpg) no-repeat -20px 0;
	opacity: 0.3;
	
}
.thumb.wyllie:hover{
	background:url(../images/about/team/sprite-NicoleWyllie.jpg) no-repeat -212px 0;
	opacity:1;
}	
}
/*-------------------------------------------------------
Mobile
--------------------------------------------------------*/
@media (max-width: 680px) {
header > .innerwrap {
    height: 110px;
}

/*nav*/
header nav{
	width: 100%;
	float: left;
	margin: 0;
	z-index:999;
}
#nav {
	position: absolute;
	top: 45%;
	right: 0;
	
}
	#nav > a {
	width: 1.75em; /* 50 */
	height: 1.75em; /* 50 */
	text-align: left;
	text-indent: -9999px;
	background-color: #ed8322;
	position: relative;
	
				}
	#nav > a:before,
	#nav > a:after {
	position: absolute;
	border: 2px solid #fff;
	top: 35%;
	left: 25%;
	right: 25%;
	content: '';
}
	#nav > a:after{
	top: 60%;
}
	#nav:not( :target ) > a:first-of-type,
	#nav:target > a:last-of-type
	{
	display: block;
	right:0;
	position:absolute;
}
#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #efa585;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

/* first level */

	#nav > ul{
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top:1.75em;
}
	#nav:target > ul
				{
	display: block;
	background-color:#ed8322;
}
	#nav > ul > li {
	width: 100%;
	float: none;
	padding-bottom:0px;
	margin-bottom:0px;
}
	#nav > ul > li > a {
	height: auto;
	width:100;
	display:block;
	text-align: left;
	padding: 0 0.833em; /* 20 (24) */
	color:#fff;
}
#nav > ul > li > a:hover {
	background-color:#252525;
	color:#fff;
}
	#nav > ul > li:not( :last-child ) > a {
	border-right: none;
	border-bottom: 1px solid #cc470d;
	padding:12px;
}
#nav > ul > li:last-child > a {
	border-right: none;
	
	padding:12px;
}
/* second level */

	#nav li >ul {
		
	position: static;
	padding: 1.25em; /* 20 */
	padding-top: 0;
}
#nav li:hover > ul
        {
            display: block;
			background-color:#252525;
			color:#fff;
			text-align: left;
			padding: 0;
        }	
		#nav li:hover > ul a {
			color:#fff;
			display:block;
			padding:10px 15px;
		}
		#nav li:hover > ul a:hover {
			background-color:#3C3C3C;
		}
/*body selector styles for menu*/			
body#about a#aboutnav,
body#projects a#projectsnav,
body#news a#newsnav,
body#contact a#contactnav{
	color: #fff;
	border-bottom:none;
	padding: 10px;
	border-bottom:1px solid #cc470d;
}
/*shows menu items on desktop site that is mobile only*/
.show-mobile{
	visibility:visible;
}
/*social media in header*/
	header #social	{
	visibility: hidden;
}
/*local nav*/
#local-nav {
	display:none;
	height: 0px;
	}
/*project page categories*/
#main_content .project-categories {
	width:50%;
	float:left;
	height:100px;
	font-size:1.6em;
	line-height:1em;
}
#main_content .project-categories a{
	padding-top:30px;
	display:block;
	color:#d2d2d2;
	
}
#main_content #des-smart {
padding-top:30px /*same size as line a*/
}
#main_content #office{
	background:url(../images/categories/ICM--bw.jpg) -55px -10px no-repeat;
	
}
#main_content #office:hover{
	background:url(../images/categories/ICM-RAIL-color.jpg) -55px -10px no-repeat;
	
}
#main_content #medical{
	background:url(../images/categories/farley-044-bw.jpg) -35px -110px no-repeat;
	background-color:none;
}
#main_content #medical:hover{
	background:url(../images/categories/farley-044-color.jpg) -35px -110px no-repeat;
	
}
#main_content #residential{
	background:url(../images/categories/breton-141-bw.jpg) -205px -50px no-repeat;
	background-color:none;
}
#main_content #residential:hover{
	background:url(../images/categories/breton-141-color.jpg) -205px -50px no-repeat;
	background-color:none;
}
/*basic text box*/
#main_content #basic {
	width:92%/*910px*/;
}
.thumb{
	width:151px;	
	
}
.thumb-info {
	width:151px;	
	
}

.quote-wrap {
	width: 94.95%;
}
.quote-wrap2 {
	width: 90%;
	
}
/*----Team thumbs-----*/

.thumb.audsley{
	background:url(../images/about/team/sprite-ToddAudsley.jpg) no-repeat -30px 0;
	opacity: 0.3;
	
}
.thumb.audsley:hover{
	background:url(../images/about/team/sprite-ToddAudsley.jpg) no-repeat -222px 0;
	opacity:1;
	
}
.thumb.bernard{
	background:url(../images/about/team/sprite-JoshuaBernard.jpg) no-repeat -30px 0;
	opacity: 0.3;
	
}
.thumb.bernard:hover{
	background:url(../images/about/team/sprite-JoshuaBernard.jpg) no-repeat -222px 0;
	opacity:1;
	
}
.thumb.bellerdine{
	background:url(../images/about/team/sprite-TracyBellerdine.jpg) no-repeat -30px 0;
	opacity: 0.3;
	
}
.thumb.bellerdine:hover{
	background:url(../images/about/team/sprite-TracuBellerdine.jpg) no-repeat -222px 0;
	opacity:1;
	
}

.thumb.Geiger{
	background:url(../images/about/team/sprite-KathleenGeiger.jpg) no-repeat -30px 0;
	opacity: 0.3;
	
}
.thumb.Geiger:hover{
	background:url(../images/about/team/sprite-KathleenGeiger.jpg) no-repeat -222px 0;
	opacity:1;
}
.thumb.lorenz{
	background:url(../images/about/team/sprite-JaimeLorenz.jpg) no-repeat -30px 0;
	opacity: 0.3;
	
}
.thumb.lorenz:hover{
	background:url(../images/about/team/sprite-JaimeLorenz.jpg) no-repeat -222px 0;
	opacity:1;
}
.thumb.mann{
	background:url(../images/about/team/sprite-NicholasMann.jpg) no-repeat -30px 0;
	opacity: 0.3;
	
}
.thumb.mann:hover{
	background:url(../images/about/team/sprite-NicholasMann.jpg) no-repeat -222px 0;
	opacity:1;
}
.thumb.morrow{
	background:url(../images/about/team/sprite-BrendaMorrow.jpg) no-repeat -30px 0;
	opacity: 0.3;
	
}
.thumb.morrow:hover{
	background:url(../images/about/team/sprite-BrendaMorrow.jpg) no-repeat -222px 0;
	opacity:1;
}
.thumb.smart{
	background:url(../images/about/team/sprite-EdSmart.jpg) no-repeat -30px 0;
	opacity: 0.3;
	
}
.thumb.smart:hover{
	background:url(../images/about/team/sprite-EdSmart.jpg) no-repeat -222px 0;
	opacity:1;
}
.thumb.taylor{
	background:url(../images/about/team/sprite-DeborahTaylor.jpg) no-repeat -30px0 0;
	opacity: 0.3;
	
}
.thumb.taylor:hover{
	background:url(../images/about/team/sprite-DeborahTaylor.jpg) no-repeat -222px 0;
	opacity:1;
}
.thumb.wyllie{
	background:url(../images/about/team/sprite-NicoleWyllie.jpg) no-repeat -30px 0;
	opacity: 0.3;
	
}
.thumb.wyllie:hover{
	background:url(../images/about/team/sprite-NicoleWyllie.jpg) no-repeat -222px 0;
	opacity:1;
}
}
/*-------------------------------------------------------
Mobile - landscape
--------------------------------------------------------*/
@media (max-width: 568px) {
	.thumb, .thumb-info{
	width:33%;	
	
}
.three-column {
	 -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
}
/*-------------------------------------------------------
Mobile
--------------------------------------------------------*/
@media (max-width: 480px) {
header {
	background-size:200%;
}
header #logo {	
	width:50%;
	margin: 10px 0 5px 20%;
}
header #social{
	visibility: hidden;
	
}
/*basic text box*/
#main_content #basic {
	width:88%/*910px*/;
}
.thumb {
	width:32.8%;	
	
}
.thumb-info {
	width:30.8%;	
	
}
.thumb-info a{
	padding:96px 0px 90px 0px;
	}
.thumb p{
	height:60px;	
	margin:0 5px;
}	
.quote-wrap {
	width: 93%;
}
.testimonial {
	width:94%;
	min-height:50px;
}
.quote-wrap2 {
	width: 90%;
	
}

}
/*-------------------------------------------------------
Smaller Mobile
--------------------------------------------------------*/
@media (max-width: 320px) {
.mobile-clear {
	clear:both;
	width:100%;	
}
.three-column {
	 -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
header > .innerwrap {
    height: 70px;
}
#nav {
	top: 35%;
	right: 0;
	
}
/*basic text box*/
#main_content #basic {
	width:84%/*910px*/;
}
.thumb, .thumb-info{
	width:49%;	
	
}
.thumb p{
	height:60px;	
	margin:0 5px;
}
.thumb-info a{
	padding:96px 0px 90px 0px;
	}
#quotes {
	min-height:150px;
}	
.quote-wrap {
	width: 90%;
}
.quote-by {
	background: url(../images/quote-bottom-triangle.jpg) -40px 0 no-repeat;
	padding: 2% 0 0 28%;
	font-style:italic;
}
.residential:nth-child(6), .medical:nth-child(6){
	border-right: solid 1px #3c3c3c;
}
.residential:nth-child(even), .medical:nth-child(even){
	border-right: none;
}
/*------Team Page-------*/
.bio {
	width:98% /*610px*/;
	margin-left:0px;
	clear:both;
}
.portrait {
	float:left;
	width:98% /*250px*/;
	clear:both;
}
/*-----services section------*/
#main_content .services{
	width: 100%;
	height:180px;
	float:left;
	background-color:none;
}
#main_content .services a {
    padding-top: 90px;
   
}
#main_content  #architecture{
	background:url(../images/categories/hamburg-100_2513-bw.jpg) -25px -50px no-repeat;
}

#main_content  #architecture:hover{
	background:url(../images/categories/hamburg-100_2513-color.jpg) -25px -50px no-repeat;
}
#main_content  #interiors{
	background:url(../images/categories/njava-248-bw.jpg) 0 0 no-repeat;
}

#main_content  #interiors:hover{
	background:url(../images/categories/njava-248.jpg) 0 0 no-repeat;
}
#main_content  #planning{
	background:url(../images/categories/YMCA-CH-COLUMN-bw.jpg) -90px 0 no-repeat;
}

#main_content  #planning:hover{
	background:url(../images/categories/YMCA-CH-COLUMN.jpg) -90px 0 no-repeat;
}

}