/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
.container {
	width: 90%; 
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	background-color: #FFFFFF; background-image:url('images/ShaleImage.jpg'); background-repeat:repeat-x; height: 80px; width: 95%;
}

.headerRight {
	background-color: #FFF; height: 80px; float: right; clear: both; width: 20%;
}

.headerRight img {
	float: right;
	clear: both;
	padding: 5px;	
	margin: 11px 15px 5px 5px;
	width: 75%;
}

.sidebar1 {
	clear: both;
	width: 100%;
}
.content {
	width: 100%;
}

/* end of media settings */
}