/*   
Theme Name: Riverstone
Version: 1
*/
@import url(css/reset.css);
@import url(css/typography.css);
@import url(css/forms.css);
@import url(css/nav.css);
@import url(css/layout.css);

/* Responsive version */
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
/* Styles */
	#pageContainer{
		width:100%
	}
	#header h1, #header h2{
		display:none
	}
	#logo{
		left:0;
		right:auto;
		position:relative;
		width: 100%;
		height: 115px;
		background:url('images/old_logo.png') no-repeat center;
	}
	#nav ul li{
		float:none;
		width:100%
	}
	#nav ul li a{
		background:#379E8D
	}
	#nav ul li.current_page_item a, #nav ul li a:hover{
		background:#1B574D
	}
	#contentContainer{
		width:96%;
		padding:2%;
		background:#1B574D;
		float:left;
		height:auto;
	}
	.section{
		width:100%;
		border:0;
		float:left;
		height:auto;
		min-height:300px
	}
	#slideshow{
		display:none
	}
	#bodyCopy{
		width:90%;
		padding:5%;
		float:left;
		position:relative
	}
	.ngg-galleryoverview{
		width:100%
	}
	#contact-left, #contact-right{
		width:90%;
		padding:5%;
		float:left
	}
	#map{
		width:90%;
		height:300px
	}
	#footer #mayfield-logo, #footer #ramsey-logo{
		float:none;
		margin:0 auto
	}
	#riverstone-logo{
		display:none	
	}
}
/* Iphone (Testing with Firefox) ----------- */
@media only screen 
and (min-width : 481px) 
and (max-width : 768px) {
/* Styles */
	#pageContainer{
		width:100%
	}
	#header h1, #header h2{
		display:none
	}
	#logo{
		left:0;
		right:auto;
		position:relative
	}
	#nav ul li{
		float:none;
		width:100%
	}
	#nav ul li a{
		background:#379E8D
	}
	#nav ul li.current_page_item a, #nav ul li a:hover{
		background:#1B574D
	}
	#contentContainer{
		width:96%;
		padding:2%;
		background:#1B574D;
		float:left;
		height:auto
	}
	.section{
		width:100%;
		border:0;
		float:left;
		height:auto
	}
	#slideshow{
		display:none
	}
	#bodyCopy{
		width:90%;
		padding:5%;
		float:left;
		position:relative
	}
	.ngg-galleryoverview{
		width:100%
	}
	#contact-left, #contact-right{
		width:90%;
		padding:5%;
		float:left
	}
	#map{
		width:90%;
		height:300px
	}
	#footer #mayfield-logo, #footer #ramsey-logo{
		float:none;
		margin:0 auto
	}
}
/* Custom ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 980px) {
	#pageContainer{
		width:100%
	}
	#contentContainer{
		width:96%;
		padding:2%;
		background:#1B574D;
		float:left;
		height:auto
	}
	.section{
		width:100%;
		border:0;
		float:left;
		height:auto
	}
	#contact-left{
		width:250px
	}
	#nav ul li{
		width:150px
	}
	#slideshow{
		width:68%
	}
	#bodyCopy{
		width:27.65%
	}
}
/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}