/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */



	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 320px) {
		
					p.profiletext { text-align: center; }

		
	.navibarmobile { visibility: visible; height: 60px;}	
	
	.bigimage {
		
		 min-height: 400px; 
		 
		 }


	
	.navibar {
		
	visibility: hidden;	height: 0px;
		
	}
	
	
	
	.buynowbutton, .buynowbutton:hover { width: 90%; font-size:  1.2em; }	
			
		
	
	button.calltoaction, button.calltoaction:hover {
	
	width: 95%;
	
	}

input.calltoaction, input.calltoaction:hover  {
width: 95%;
	
	}


.emailbox { width: 95%;}

	
	
}
	
	

	/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 768px)
and (-webkit-min-device-pixel-ratio: 2) {
		
					p.profiletext { text-align: center; }

		
		.navibarmobile { visibility: visible; height: 60px; }	
		
		.bigimage {
		
		 min-height: 400px; 
		 
		 }

	
	.navibar {
		
	visibility: hidden;	height: 0px;
		
	}
	
	.buynowbutton, .buynowbutton:hover { width: 90%; font-size:  1.2em; }	

	
input.calltoaction, button.calltoaction, input.calltoaction:hover, button.calltoaction:hover {
	
	width: 95%;
	
	
	}

.emailbox { width: 95%;}
	
		
		
		
		
	}

	/*
/* All Mobile Sizes (devices and browser)
	@media only screen and (max-width: 767px) {
		
		.navmobile { visibility: visible; }	
	
	.nav {
		
	visibility: hidden;	
		
	}
	
	.slider {
		

	
		
	}
	

	.header {
		
	height: 110px;
	width: 100%;
	
		
	}

	
		
		
		
		
	}
*/


	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 768px) {
		
			p.profiletext { text-align: center; }
				
		
			
			.navibarmobile { visibility: visible; height: 60px; }	
			
			.bigimage {
		
		 min-height: 400px; 
		 
	
		 input.calltoaction, button.calltoaction, input.calltoaction:hover, button.calltoaction:hover {
	
	width: 95%;
	
	}
		 
		 }

	
	.navibar {
		
	visibility: hidden;	height: 0px;
		
	}
	
	.buynowbutton, .buynowbutton:hover { width: 90%; font-size:  1.2em; }	

	
	input.calltoaction, button.calltoaction, input.calltoaction:hover, button.calltoaction:hover {
	
	width: 95%;
	
	}
		
		
		
		
	}
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
					p.profiletext { text-align: center; }

		.navibarmobile { visibility: visible; height: 60px; }
		
		.bigimage {
		
		 min-height: 400px; 
		 
		 }

	
	.navibar {
		
	visibility: hidden;	
	height: 0px;
		
	}
	
		.buynowbutton, .buynowbutton:hover { width: 90%; font-size:  1.2em; }	

input.calltoaction, button.calltoaction, input.calltoaction:hover, button.calltoaction:hover {
	
	width: 95%;
	
	
	}	
	
	
	.emailbox { width: 95%;}
	
		
		
	}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  
	.navibar { visibility: visible; height: 60px;	}
	
				p.profiletext { text-align: center; }

		
		
	.navibarmobile { visibility: hidden; height: 0px; }  
  
  input.calltoaction, button.calltoaction, input.calltoaction:hover, button.calltoaction:hover {
	
	width: 95%;
	
	}
	
	.emailbox { width: 95%;}

  
}