/* RESPONSIVE CLASSES
* ------------------
*/
/* Hide from screenreaders and browsers
/* Credit: HTML5 Boilerplate */
.hidden {
  display: none;
  visibility: hidden;
}

/* Visibility utilities */

/* For desktops */
.visible-phone     { display: none; }
.visible-tablet    { display: none; }
.visible-desktop   { display: block; }
.hidden-phone      { display: block; }
.hidden-tablet     { display: block; }
.hidden-desktop    { display: none; }

/* Phones only */
@media (max-width: 767px) {
  /* Show */
  .visible-phone     { display: block; }
  /* Hide */
  .hidden-phone      { display: none; }
  /* Hide everything else */
  .hidden-desktop    { display: block; }
  .visible-desktop   { display: none; }
}

/* Tablets & small desktops only */
@media (min-width: 768px) and (max-width: 979px) {
  /* Show */
  .visible-tablet    { display: block; }
  /* Hide */
  .hidden-tablet     { display: none; }
  /* Hide everything else */
  .hidden-desktop    { display: block; }
  .visible-desktop   { display: none; }
}


/* UP TO LANDSCAPE PHONE (< iphone4)
* ---------------------
*/
@media (max-width: 480px) {
	#main .content img.photo {
		float: none;
		margin: 0 0 15px 0;
	}	
		
}


/* LANDSCAPE PHONE TO SMALL DESKTOP
* --------------------------------------------------
*/
@media (max-width: 767px) {
		
	.header-container ul {
		width: 100%
	}
		.header-container ul li {
			padding: 20px;
		}
	
	#main .content img.photo {
		float: none;
		margin: 0 0 15px 0;
	}	
	.contactForm {
		clear: both;
		float: none;
		margin: 0 0 0 10px;
		
	}
	.contactForm input[type="text"] {
		float: none;
		margin: 0 0 15px 0;
	}

	
}



/* PORTRAIT TABLET TO DEFAULT DESKTOP
* ----------------------------------
*/
@media (min-width: 768px) and (max-width: 979px) {
 	
 	.home #main-container #main {
		background: #fff;
	}
	.home #main-container .content {
		padding-top: 70px;
		margin-left: 10px;
		min-height: auto;
		width: 80%;
	}
 	.home #main-container .focus div {
		background: #fff;
		padding-left: 10px;
		padding-bottom: 25px;
		margin-right: 10px;
	}
 	
}



/* TABLETS AND BELOW
* -----------------
*/
@media (max-width: 979px) {
	#header-container,
	#main-container,
	#footer-container,
	.focus,
	.wrapper {
		margin: 0;
		width: 100%;
	}
	
	#main { background: #fff; }
		#main-container .content {
			padding-top: 70px;
			margin-left: 10px;
		}
		#main-container .content .photo {
			float: none;
		}
		
	#mobile-main-nav ul {
		border-top: 1px solid #ccc;
	}
	#mobile-main-nav ul li {
		border-bottom: 1px solid #ccc;
		background: #fff;
		
	}
		#mobile-main-nav ul li a { 
			background: url('/img/nav-bullet.png') 98% center no-repeat;
			display: block; 
			padding: 15px 10px;
		}
			#mobile-main-nav ul li a:hover { 
				color: #cc2026;
				text-decoration: none; 
			}
			
	.secondary ul {
		border-top: 1px solid #ccc;
		margin-bottom: 0;
		position: relative;
			top: auto;
			left: auto;
	}
	.secondary ul li {
		border-bottom: 1px solid #ccc;
		background: #eeeee9;
		margin: 0;
		padding: 0 0 0 17px;
		
	}
		.secondary ul li.selected {
			background: #eeeee9 url('/img/nav-bullet.png') 12px center no-repeat;
		}
		.secondary ul li a { 
			background: url('/img/nav-bullet.png') 98% center no-repeat;
			display: block; 
			padding: 15px 10px;
		}
			.secondary ul li a:hover { 
				color: #cc2026;
				text-decoration: none; 
			}
			
					
	.bar { display: none; }
	
	#footer-container ul {
		float: none;
	}
	
	
	#footer-container ul { display: none;}
	#footer-container .wrapper { padding-top: 20px;}


	.home #main-container #main {
		background: #fff;
	}

	.home #main-container .content {
		padding-top: 70px;
		margin-left: 10px;
		min-height: 10px;
		width: 80%;
	}
	.home #main-container .focus {
		width: 80%;
	}
	.home #main-container .focus div {
		background: #fff;
		padding-left: 10px;
		padding-bottom: 25px;
		margin-right: 10px;
	}
	
}




/* DEFAULT DESKTOP
* ---------------
*/

@media (min-width: 980px) {



}



/* LARGE DESKTOP & UP
* -------------------
*/
/*

@media (min-width: 1200px) {




}
*/

@media (-webkit-min-device-pixel-ratio: 2) {


}
