/* 
Portrait iPad Layout: 768px to a max of 1023px.  
Inherits styles from: global/mobile/650w 
*/

@media only screen and (min-width: 648px) {
body{
	background-color:#f1f2f4;
	}
.gridContainer {
	width:650px;
	height:776px;
	overflow:hidden;
}
#container {
	position:absolute;
	top:11px;
	left:11px;
	width:628px;
	height:754px;
}
.header_start {
	position:absolute;
	top:0px;
	left:0px;
	width:630px;
	height:125px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.header_on {
	position:absolute;
	top:20px;
	left:0px;
	width:628px;
	height:34px;
	overflow:hidden;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.headline_start_type {
	color:#aa64a9;
	font-family: "Guardian Sans Web", sans-serif;
	font-style: Bold;
	font-weight: 700;
	font-size: 46px;
	line-height:45px;
	text-align:center;
	margin-top:29px;
	margin-bottom:auto;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.headline_on_type {
	color:#aa64a9;
	font-family: "Guardian Sans Web", sans-serif;
	font-style: Bold;
	font-weight: 700;
	font-size: 22px;
	line-height:27px;
	text-align:left;
	margin-top:0px;
	margin-bottom:auto;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.review1_start {
	position:absolute;
	top:122px;
	left:0px;
	width:314px;
	height:314px;
	background-color:#FFF;
	overflow:hidden;
	padding:0px;
	margin-bottom:0px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.review1_start:hover {
	opacity:.6;
}
.review2_start {
	position:absolute;
	top:122px;
	left:314px;
	width:314px;
	height:314px;
	background-color:#FFF;
	overflow:hidden;
	padding:0px;
	margin-bottom:0px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.review2_start:hover {
	opacity:.6;
}
.review3_start {
	position:absolute;
	top:436px;
	left:0px;
	width:314px;
	height:314px;
	background-color:#FFF;
	overflow:hidden;
	padding:0px;
	margin-bottom:0px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.review3_start:hover {
	opacity:.6;
}
.review4_start {
	position:absolute;
	top:436px;
	left:314px;
	width:314px;
	height:314px;
	background-color:#FFF;
	overflow:hidden;
	padding:0px;
	margin-bottom:0px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.review4_start:hover {
	opacity:.6;
}
.review_on {
	position:absolute;
	top:58px;
	left:0px;
	width:628px;
	height:483px;
	background-color:#FFF;
	overflow:hidden;
	padding:0px;
	margin-bottom:0px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.side_1 {
	position:absolute;
	top:551px;
	left:0px;
	width:203px;
	height:203px;
	background-color:#FFF;
	overflow:hidden;
	padding:0px;
	margin-bottom:0px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.side_1:hover {
	opacity:.6;
}
.side_2 {
	position:absolute;
	top:551px;
	left:212px;
	width:203px;
	height:203px;
	background-color:#FFF;
	overflow:hidden;
	padding:0px;
    margin-bottom:0px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.side_2:hover {
	opacity:.6;
}
.side_3 {
	position:absolute;
	top:551px;
	left:425px;
	width:203px;
	height:203px;
	background-color:#FFF;
	overflow:hidden;
	padding:0px;
	margin-bottom:0px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.side_3:hover {
	opacity:.6;
}
.album_image_holder_start {
	float:none;
	position:absolute;
	top:0px;
	left:0px;
	border:none;
	width:314px;
	height:314px;
	z-index:5;
	margin-bottom:0px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.album_image_holder_on {
	float:none;
	position:absolute;
	top:236px;
	left:7px;
	width:127px;
	height:127px;
	border:solid;
	border-color:#FFF;
	border-top-width:8px;
	border-right-width:8px;
	z-index:5;
	margin-bottom:0px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.album_image_holder_zoom {
	float:none;
	position:absolute;
	top:15px;
	left:10px;
	width:356px;
	height:356px;
	border:none;
	z-index:5;
	margin-bottom:0px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.album_image_holder_side {
	float:none;
	position:absolute;
	top:0px;
	left:0px;
	border:none;
	width:203px;
	height:203px;
	z-index:5;
	margin-bottom:0px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.artist_out {
	position:absolute;
	top:15px;
	left:-500px;
	width:356px;
	height:356px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.artist_in {
	position:absolute;
	top:15px;
	left:10px;
	width:356px;
	height:356px;
	overflow:hidden;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.media_div {
	position: absolute;
	top:440px;
	left:10px;
	height:40px;
	width:200px;
	overflow:hidden
}
.video_button {
	float:left;
	height:40px;
	width:40px;
	overflow:hidden;
	background:url(../images/video.png) 5px 5px;
	background-repeat:no-repeat;
}
.video_button:hover {
	opacity:.7;
}
.web_button {
	float:left;
	height:40px;
	width:40px;
	overflow:hidden;
	background:url(../images/web.png) 5px 5px;
	background-repeat:no-repeat;
}
.web_button:hover {
	opacity:.7;
}
.facebook_button {
	float:left;
	height:40px;
	width:40px;
	overflow:hidden;
	background:url(../images/facebook.png) 5px 5px;
	background-repeat:no-repeat;
}
.facebook_button:hover {
	opacity:.7;
}
.review_copy {
	position:absolute;
	top: 0px;
	left:379px;
	width:233px;
	height:467px;
    color:#000000;
	font-family: "Guardian Sans Web", sans-serif;
	font-style: Normal;
	font-weight:400;
	font-size: 16px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	overflow:auto;
	padding-top:16px;
    padding-right:16px;
}
.review_copy p{
    text-indent:17px;
	margin:0;
    padding:0; /*Add a padding reset just to be safe*/
}
.album_name {
color:#57585a;
	font-family: "Guardian Sans Cond Web", sans-serif;
	font-style: Bold;
	font-weight:700;
	font-size: 20px;
	line-height:18px;	
}	
.artist_name {
color:#838486;
	font-family: "Guardian Sans Cond Web", sans-serif;
	font-style: Bold;
	font-weight:700;
	font-size: 20px;
	line-height:18px;		
}
.label_name {
color:#838486;
	font-family: "Guardian Sans Cond Web", sans-serif;
	font-style: Bold;
	font-weight:700;
	font-size: 14px;
	line-height:17px;		
}
.sounds_like {
color:#aa64a9;
	font-family: "Guardian Sans Cond Web", sans-serif;
	font-style: Bold;
	font-weight:700;
	font-size: 14px;
	line-height:16px;
	text-transform: uppercase;		
}
.sounds_like_copy {
color:#57585a;
	font-family: "Guardian Sans Cond Web", sans-serif;
	font-style: Bold;
	font-weight:700;
	font-size: 14px;
	line-height:16px;
}
.byline {
	color:#000000;
	font-family: "Guardian Sans Web", sans-serif;
	font-style: Bold;
	font-weight:700;
	font-size: 14px;
	text-transform: uppercase;
}
.starholder {
	width:100%;
	height:20px;
}
.close_button_in {
	position:absolute;
	top:0px;
	right:8px;
	height: 40px;
	width: 40px;
	background-image:url(../images/close_icon.svg);
	z-index:990;
}
.close_button_in:hover {
	opacity:.7;
}
.tap_istruction_in {
	position:absolute;
	top:80px;
	left:0px;
	width:100%;
	color:#CCC;
	font-family: "Guardian Sans Web", sans-serif;
	font-style: Normal;
	font-weight:400;
	font-size: 22px;
	line-height:22px;
	text-align:center;
	overflow:hidden;
}
#zoom_album1_button_on {
	position:absolute;
	top:302px;
	left:10px;
	width:128px;
	height:128px;
	z-index:994;
}

#zoom_album1_button_off {
	position:absolute;
	top:73px;
	left:10px;
	width:358px;
	height:358px;
	z-index:994;
}
#zoom_album2_button_on {
	position:absolute;
	top:302px;
	left:10px;
	width:128px;
	height:128px;
	z-index:994;
}

#zoom_album2_button_off {
	position:absolute;
	top:73px;
	left:10px;
	width:358px;
	height:358px;
	z-index:994;
	
}
#zoom_album3_button_on {
	position:absolute;
	top:302px;
	left:10px;
	width:128px;
	height:128px;
	z-index:994;
}

#zoom_album3_button_off {
	position:absolute;
	top:73px;
	left:10px;
	width:358px;
	height:358px;
	z-index:994;
}
#zoom_album4_button_on {
	position:absolute;
	top:302px;
	left:10px;
	width:128px;
	height:128px;
	z-index:994;
}

#zoom_album4_button_off {
	position:absolute;
	top:73px;
	left:10px;
	width:358px;
	height:358px;
	z-index:994;
	
}