/*	mobile	p */



	#caption { width:98%; letter-spacing:.05em;}
	
	
	

@media only screen 
and (orientation : portrait)  {	
		
		
/*	for portrait phones, cta 'slide show' is pos'd abs, below other links, so everything fits
	(for small phones only -- for bigger phones have changed below.. (min-width:375px) portrait...)) */
	#nav_top ul li.cta_ss { position:relative; } 
	#nav_top ul li.cta_ss a {/*position:absolute;*/ float:left; top:.8rem; left:0; left:-15px; width:100%; 
									display:block; text-align:center;}
	
	#nav_top ul li:first-child  { width:30%; }
	#nav_top ul li.cta_ss       { width:48%; }
	#nav_top ul li:last-child   { width:18%; float:right; padding-right:.5rem;}
	
/*
	#nav_top ul li:first-child  {   background:green; }
	#nav_top ul li.cta_ss { background:yellow; }
	#nav_top ul li:last-child  {  background:red; }
	*/



	#nav_top ul li a { font-size:.9rem; }
	
	
	#photo { padding:0; }
	
	.form #nav_top ul li:first-child, 
	.ty #nav_top ul li:first-child   { width:48%; }
	
	.form #nav_top ul li:last-child,   
	.ty #nav_top ul li:last-child{ width:30%; }
	
	
}






/* iPhone 4,5 */
@media only screen 
and (max-width : 320px)
and (orientation : portrait)  {

	h2 {padding-top:.6rem; }
	#nav_top ul li:first-child  { width:28%; }
	#nav_top ul li.cta_ss       { width:42%; }
	#nav_top ul li { }
}






@media only screen 
and (orientation : portrait)  
and (min-width : 360px){	
		
	header.portraitHdr { margin-bottom:20%; } 

	
	#nav_top ul li:first-child  { width:28%; }
	#nav_top ul li.cta_ss       { width:49%; }
	#nav_top ul li:last-child   { width:19%; }
	


	
}


	
/* iPhone 6 potrait onwards */
@media only screen 
and (orientation : portrait) 
and (min-width : 375px) {
	
	
	h2 {font-size:1.5rem; letter-spacing:0.08em; }
	#nav_top ul {width:92%; }
	.tnPg #nav_top ul {width:92%; }
	#nav_top ul li a { font-size:1rem; }
	#nav_top ul li.cta_ss a {position:static; /*border:solid 1px black;*/ }

	
	#nav_top ul li:first-child  { width:26%; }
	#nav_top ul li.cta_ss       { width:47%; }
	#nav_top ul li:last-child   { width:23%; }
	
	/*
	#nav_top ul li:first-child  {   background:green; }
	#nav_top ul li.cta_ss { background:yellow; }
	#nav_top ul li:last-child  {  background:red; }
	*/
	
	
}







/* iPhone 6 Plus portrait onwards	*/
@media only screen 
and (min-width : 414px)
and (orientation : portrait)  {
	
	h2 {font-size:1.6rem;}
	
	#nav_top ul {width:90%; }

}




/* LANDSCAPE
***********************************************/

@media only screen 
and (orientation : landscape) {
	
	header {margin:0 0 6% 0;}
	header.portraitHdr { margin-bottom:5%; } 
	.ty header {margin-bottom:8%; }
	
	h2 {font-size:1.8rem;  letter-spacing:0.1em;  padding:.1em 0 0 0;  }

	#nav_top ul { width:70%; }	
	.tnPg #nav_top ul {width:333px; }
	
	#nav_top ul li:first-child  { width:35%; }
	#nav_top ul li.cta_ss       { width:32%; }
	#nav_top ul li:last-child   { width:32%; }
	
/*
	#nav_top ul li:first-child  {   border:solid 1px green; }
	#nav_top ul li.cta_ss { border:solid 1px yellow; }
	#nav_top ul li:last-child  {  border:solid 1px red; }
*/



/* phones landscape.....
**********************************************/	
	#photo_hdr, #photo_main {width:50%; }
	
	#photo_hdr.portraitPhoto,
	#photo_main.portraitPhoto { width:32%;}

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

		
	.tnPg #photo_hdr  { width:339px;  }
	.tnPg #photo_main { width:333px;  }
	

	
	#sm { display:block; position:absolute; right:0; top:4.9rem;  
				padding:10px 5px;  width:26px; height:134px; height:24px;  border:solid 1px #bbb; border-right:0; }
	
	#sm li {display:block;width:24px; margin:0 0 13px 0; /* border:solid 1px red;*/	}
	#sm a {display:block; background:url('../images/sm_icons.png') no-repeat 0 0 ;   float:none; 
					text-indent:-9999px; width:24px; height:24px; /*border:solid 1px blue;*/	}
/*	#sm a#fb { background-position:  0 0 } 
*/	#sm a#tw { background-position: -24px 0 } 
	#sm a#pt { background-position: -48px 0  } 
	#sm a#ig { background-position: -72px 0  } 
	
	
	a#fb { width:34px; height:32px; top:.3em; right:10px;  background:url('../images/sm_fb.png') no-repeat 0 0 ; text-indent:-9999px; } 

	#info section { margin: 1.3em 1em 0 2.4em; }	
	#info ul li { margin-bottom:1.2em;  } 

	.form #info section { margin: 1em 2.8em;  } 	
	.form #info ul li { margin-bottom:1.6em;  } 
	
	.form #nav_top ul, .ty #nav_top ul,
	.form #photo_hdr, .ty #photo_hdr,
	.form #photo_main, .ty #photo_main { width:70%; }
	
	.form #photo_hdr, .ty #photo_hdr { margin-top:5%; }
	.form #photo_main {padding: 0 0 16px 0  ;}
	
	
	#photoImgContact	{ width:36%; margin-top:12px; }
/*	.inputTxt, .inputTxtArea  { margin-bottom:6px; }  */	
	.inputTxtArea {height:60px; }
	#mailError {  margin:5px auto 5px auto; }
	




	.fromTN #photo { padding-top:0;} 
	
	.ty #photo { height:12rem;      }
	
	.ty #photo p {margin-bottom: 1.5em }
	

}




/* up to iPhone 5 */
@media only screen 
and (max-width : 570px)
and (orientation : landscape)  {
	

	
}
	



/* iPhone 6, iPhone 6 Plus - ls */
@media only screen 
and (min-width : 660px)
and (orientation : landscape)  {
	
	header {margin:0 0 5% 0;}
	header.portraitHdr { margin-bottom:5%; } 
	.tnPg header {  margin-bottom:8%; } 
	.tnPg #nav_top ul {width:70%; }
	#nav_top ul li a { font-size:1rem; }
	
	
/*  iPh6 & iPh6Plus landscape, portrait photo
	(for ls photos default settings above apply)
************************************************/	
	#photo_hdr.portraitPhoto,
	#photo_main.portraitPhoto { width:26%;}

/**********************************************/
	
	
	.form #info section { margin: 1.4em 4em;  } 	
	.form #info ul li { margin-bottom:2em;  } 
	
	.ty #photo { height:14rem;      }
	
	.ty #photo p {margin-bottom: 2em }
}


	




/* iPhone 6 Plus - ls */
@media only screen 
and (min-width : 730px)
and (orientation : landscape)  {
	
	#info section {/*margin:1.8em 2.5em; 1em 2.5em */}
	#info ul li { margin-bottom:.9em; }
	
	.form #info section { margin: 2em 5em;  } 	
	.form #info ul li { margin-bottom:2em;  } 
	
	
}