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

@media only screen and (min-width: 767px) {

body{
	background-color:#f1f2f4;
	}
.gridContainer {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-384px;
	width:768px;
	height:916px;
	overflow:hidden;
}
#container {
	position:absolute;
	top:16px;
	left:16px;
	width:736px;
	height:884px;
}
.header_start {
	position:absolute;
	top:0px;
	left:0px;
	width:736px;
	height:132px;
	-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:736px;
	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: 50px;
	line-height:45px;
	text-align:center;
	margin-top:39px;
	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: 26px;
	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:148px;
	left:0px;
	width:368px;
	height:368px;
	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:1;
}
.review2_start {
	position:absolute;
	top:148px;
	left:368px;
	width:368px;
	height:368px;
	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:1;
}
.review3_start {
	position:absolute;
	top:516px;
	left:0px;
	width:368px;
	height:368px;
	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:1;
}
.review4_start {
	position:absolute;
	top:516px;
	left:368px;
	width:368px;
	height:368px;
	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:1;
}
.review_on {
	position:absolute;
	top:58px;
	left:0px;
	width:736px;
	height:573px;
	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:646px;
	left:0px;
	width:235px;
	height:235px;
	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:1;
}
.side_2 {
	position:absolute;
	top:646px;
	left:250px;
	width:235px;
	height:235px;
	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:1;
}
.side_3 {
	position:absolute;
	top:646px;
	left:501px;
	width:235px;
	height:235px;
	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:1;
}
.album_image_holder_start {
	float:none;
	position:absolute;
	top:0px;
	left:0px;
	border:none;
	width:368px;
	height:368px;
	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:278px;
	left:13px;
	width:150px;
	height:150px;
	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:16px;
	left:16px;
	width:420px;
	height:420px;
	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:235px;
	height:235px;
	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:16px;
	left:-500px;
	width:420px;
	height:420px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.artist_in {
	position:absolute;
	top:16px;
	left:16px;
	width:420px;
	height:420px;
	overflow:hidden;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.media_div {
	position: absolute;
	top:517px;
	left:16px;
	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:452px;
	width:268px;
	height:557px;
    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: 22px;
	line-height:20px;	
}	
.artist_name {
color:#838486;
	font-family: "Guardian Sans Cond Web", sans-serif;
	font-style: Bold;
	font-weight:700;
	font-size: 22px;
	line-height:20px;		
}
.label_name {
color:#838486;
	font-family: "Guardian Sans Cond Web", sans-serif;
	font-style: Bold;
	font-weight:700;
	font-size: 15px;
	line-height:19px;		
}
.sounds_like {
color:#aa64a9;
	font-family: "Guardian Sans Cond Web", sans-serif;
	font-style: Bold;
	font-weight:700;
	font-size: 16px;
	line-height:19px;
	text-transform: uppercase;		
}
.sounds_like_copy {
color:#57585a;
	font-family: "Guardian Sans Cond Web", sans-serif;
	font-style: Bold;
	font-weight:700;
	font-size: 16px;
	line-height:19px;
}
.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:22px;
}
.close_button_in {
	position:absolute;
	top:16px;
	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:90px;
	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:336px;
	left:16px;
	width:158px;
	height:158px;
	z-index:994;
}

#zoom_album1_button_off {
	position:absolute;
	top:75px;
	left:16px;
	width:420px;
	height:420px;
	z-index:994;
}
#zoom_album2_button_on {
	position:absolute;
	top:336px;
	left:16px;
	width:158px;
	height:158px;
	z-index:994;
}

#zoom_album2_button_off {
	position:absolute;
	top:75px;
	left:16px;
	width:420px;
	height:420px;
	z-index:994;
}
#zoom_album3_button_on {
	position:absolute;
	top:336px;
	left:16px;
	width:158px;
	height:158px;
	z-index:994;
}

#zoom_album3_button_off {
	position:absolute;
	top:75px;
	left:16px;
	width:420px;
	height:420px;
	z-index:994;
}
#zoom_album4_button_on {
	position:absolute;
	top:336px;
	left:16px;
	width:158px;
	height:158px;
	z-index:994;
}

#zoom_album4_button_off {
	position:absolute;
	top:75px;
	left:16px;
	width:420px;
	height:420px;
	z-index:994;
}