/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

/*MAIN*/

.showMobile{display:none;}
.showDesktop{display:block;}

.contactButton{
	position:relative;
	margin-top:35px;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	margin-right:5%;
	float:right;
	display:block;
	background:#fff;
	text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);
	z-index:100;
}


/* HOME//////////////////////////////////////////////////////*/



#pageContents_hm{
	display:block;

	text-align:left;	
	position:relative;
  	width: 70%;
	margin-left: 2%;

}

.face_holder{
	position:relative;
	height:430px;
	width:400px;
	display:block;

	margin-top: -47px;
	float: left;
}


.captionBox_hm{	
	position:fixed;
	top:295px;
	width:460px;
	left:100px;
	text-align:center;
	display:block;	
	background:#eadab2;

	
}
.captionBox_hm_stacked{	
	position:relative;
	top:10px;
	margin-left:10px;
	float:left;
	width:30%;
	text-align:left;
	
}

#face_captionBox{
	float:left;
	text-align:left;
	width: 300px;
	margin-top:-80px;
	margin-left:60px;
}


.face_container {
	position:relative;
 	width:400px;
 	height:420px;
}

.pageContents_hm_Mobile{	
	display:none;
	margin-left:0px;
	margin-top:20px;
	width:270px;
	float:left;		
}


#face_container_mobile {
	position:relative;
 	width:300px;
 	height:220px;
 
}






/*MEDIA QUERY ////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


@media only screen and (max-width :700px) {
	
	#pageContents_hm{
		display:none;			
	}
	.pageContents_hm_Mobile{	
		display:block;
	}		
		/*HOME  MOBILE STACKED*/
	#captionBox_hm_mobile{
			display:block;
			margin-top: -10px;
			margin-left: 10px;
	}
	


	#menu-icon {
		display:inline-block;
	}





	.contactButton{
		display:none;
	}

	
/*//////////////*/

	/* INDEX PAGES ///////////////////////////////// */

	.captionCopy_nav{
		float:left;
		width:100%;
		margin-top:0px;
	}
	.captionCopy_nav_index{
		float:left;
		width:90%;
	}

		.logo_menu_image{
			width:47%;			
			}
	/* PAGES ///////////////////////////////// */




	#pageContents_nav_index{
		margin: auto ;
		padding-left: 15px;
		width: 95%; 
		height:100%;
		padding-top:50px;
	}


	#face_container_mobile {
		position:relative;
		 width:300px;
		 height:220px;
		 margin-top: -100px;
		 margin-left: 10px;

	 
	}



}