/* 
Mobile Web Layout: 300px to a max of 650px.  
Inherits styles from: global 
*/

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

.gridContainer {
	display:block;
	width:320px;
	height:3500px;
	position:relative;
	}
#container {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.header_start {
	float:left;
	width:100%;
	height:54px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.header_on {
	float:left;
	width:100%;
	height:54px;
	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: 32px;
	line-height:32px;
	text-align:center;
	margin-top:14px;
	margin-bottom:20px;
	-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: 32px;
	line-height:32px;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.review1_start {
	float:left;
	width:92%;
	height:auto;
	background-color:#FFF;
	overflow:hidden;
	padding:4%;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.review2_start {
	float:left;
	width:92%;
	height:auto;
	background-color:#FFF;
	overflow:hidden;
	padding:4%;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.review3_start {
	float:left;
	width:92%;
	height:auto;
	background-color:#FFF;
	overflow:hidden;
	padding:4%;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.review4_start {
	float:left;
	width:92%;
	height:auto;
	background-color:#FFF;
	overflow:hidden;
	padding:4%;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.review_on {
	float:left;
	width:92%;
	height:auto;
	background-color:#FFF;
	overflow:hidden;
	padding:4%;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.side_1 {
	float:left;
	width:92%;
	height:auto;
	background-color:#FFF;
	overflow:hidden;
	padding:4%;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.side_2 {
	float:left;
	width:92%;
	height:auto;
	background-color:#FFF;
	overflow:hidden;
	padding:4%;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.side_3 {
	float:left;
	width:92%;
	height:auto;
	background-color:#FFF;
	overflow:hidden;
	padding:4%;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.album_image_holder_start {
	float:left;
	width:250px;
	height:250px;
	border:solid;
	border-color:#FFF;
	border-top-width:0px;
	border-right-width:0px;
	z-index:5;
	margin-bottom:10px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.album_image_holder_on {
	float:left;
	width:250px;
	height:250px;
	border:solid;
	border-color:#FFF;
	border-top-width:0px;
	border-right-width:0px;
	z-index:5;
	margin-bottom:10px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.album_image_holder_zoom {
	float:left;
	width:250px;
	height:250px;
	border:solid;
	border-color:#FFF;
	border-top-width:0px;
	border-right-width:0px;
	z-index:5;
	margin-bottom:10px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.album_image_holder_side {
	float:left;
	width:250px;
	height:250px;
	border:solid;
	border-color:#FFF;
	border-top-width:0px;
	border-right-width:0px;
	z-index:5;
	margin-bottom:10px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.artist_out {
	float:left;
	width:0px;
	height:0px;
	overflow:hidden;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.artist_in {
	float:left;
	width:0px;
	height:0px;
	overflow:hidden;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.media_div {
	float:left;
	width:100%;
	height:auto;
	height:40px;
	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 {
	float:left;
	width:100%;
	height:auto;
    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;
}
.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:0px;
	right:0px;
	height: 0px;
	width: 0px;
	background-image:url(../images/close_icon.svg);
	z-index:990;
	overflow:hidden;
}
.close_button_in:hover {
	opacity:.7;
}
.tap_istruction_in {
	position:absolute;
	top:0px;
	left:0px;
	width:0%;
	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 {
	
	width:0px;
	height:0px;
	overflow:hidden;
}

#zoom_album1_button_off {
	
	width:0px;
	height:0px;
	overflow:hidden;
	
}
#zoom_album2_button_on {
	
	width:0px;
	height:0px;
	overflow:hidden;
	
}

#zoom_album2_button_off {
	
	width:0px;
	height:0px;
	overflow:hidden;
}
#zoom_album3_button_on {
	
	width:0px;
	height:0px;
	overflow:hidden;
}

#zoom_album3_button_off {
	
	width:0px;
	height:0px;
	overflow:hidden;
}
#zoom_album4_button_on {
	
	width:0px;
	height:0px;
	overflow:hidden;
}

#zoom_album4_button_off {
	
	width:0px;
	height:0px;
	overflow:hidden;
}