@charset "UTF-8";

/* MOBILE */


@media only screen and (max-width: 479px) {
	
	.showonmobile	{ display: block; }
	.hideonmobile 	{ display: none; }
	
	
/* GRID */

.col, .four, .five, .twelve 	{	width: 100%;			}
.padbotmobile	{padding-bottom: 25px; }




/*  PORTFOLIO  */

#Grid .mix{
	width: 48.5%;
	padding: .5%
}

#Grid .gap{
	display: inline-block;
	width: 48.5%;
}

.projdesc {
		width: 100%;
		float: none;
		text-align: left;	
	}

.projlist {
		width: 100%;
		float: right;
		text-align:left;
		border-left: 0;
		margin-left: 0;
		margin-top: 15px;
		padding-left: 0;
	}

.controls {
	font-size: 1.1em;
}



/* HOME & NAV */
	.container{
		width: 92%;
		max-width:479px; 
		min-width:200px;
		}
		
	.homeredblock {
		padding: 10px 0 2px 0;	
	}
		
	.nav { color: #fff; }
	
	.menu_text { 
		padding: 10px;
		color: #fff;
		background-color: #666;
		border-top: solid 4px #fff;
		width: 100%;
		height: 50px;
		display: block;
		text-align: center;
		}
		
	.menu_text2 { 
		padding: 10px;
		background-color: #EE3124;
		border-top: solid 4px #fff;
		width: 100%;
		height: 50px;
		display: block;
		text-align: center;
		}
	
	h1 { 
		font-size: 18px; 
		line-height: 23px; 
		font-weight:300;
		}
	
	.jumplink {display: none;}
	
	.logo { 
		margin-top: 10px; 
		float: left;
		width: 75%;
		max-width: 296px;
		}
	
	.nav-toggle {
  		-webkit-touch-callout: none;
  		-webkit-user-select: none;
  		-moz-user-select: none;
 		-ms-user-select: none;
  		user-select: none;
  		width: 60px;
  		height: 52px;
  		float: right;
  		text-indent: -9999px;
  		overflow: hidden;
  		background: url(../_images/menu_toggle.png) no-repeat ;
		margin-top: 5px;
	}
	
	.nav-collapse{	width: 100%; margin-top: 200px;	}
	
	#expanderHead {
		text-align: center;
		color: #8B1504;
		margin-right: 0px;
		margin-top: 15px;
		font-size: 12px;
}

.homeleft {
	width: 100%;
}

.homeright {
	width: 100%;
}

	.homeimg {
		float: none;
		text-align: center;
		width: 100%;
		height: auto;
		padding-bottom: 25px;	
	}
	

/*  CONTACT FORM  */

	.formleft {
		float: none;
		width: 100%;
		padding-right: 0;
	}	
	
	.formright {
		float: none;
		width: 100%;
	}
	
	.form {
		padding: 20px;
	}
	
	
/*  ABOUT  */
.mobilemarbot25 {
	margin-bottom: 25px;	
}
	
	
.filter {
	width: 48%;
	padding: 5px;
	background-color:#999;
	color:#FFF;
	border: #FFF solid 2px;
	float: left;
	text-align: center;
	font-size: 12px;
	}	
	
.filterby {
	width: 48%;
	padding: 3px;
	background-color:#FFF;
	color: #414042; /* Dk Grey */
	border: #FFF solid 2px;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	}
	
.filter.active {
	background-color: #EE3124; /* Red */
	font-weight: 700;
	color: #fff;
}	
	
	
	
	
	}