*{
	margin: 0px;
	padding: 0px;
}

#content_holder{
	background: white;
	margin: 0 auto;
	width: 100%;
	max-width: 700px;
	height: 580px;
	min-width: 650px;
}

#headertext{
	padding-top: 20px;
	float: left;
	width: 65%;
	height: 370px;
	min-width: 300px;
	font-family: PT Sans;
	font-weight: bold;
	text-align: center;
}

#headertext img{
	margin: 2px auto;
	width: 140px;
}

#fb_box{
	padding-top: 60px;
	float: left;
	width: 65%;
	height: 330px;
	min-width: 400px;
	text-align: center;
	display: none;
}

#fb_box iframe{
	margin: 0 auto;
}



#upload_from{
	padding-top: 15px;
	float: left;
	width: 65%;
	height: 370px;
	min-width: 400px;
	text-align: center;
	display: none;
}

#upload_from p{
	font-family: PT Sans;
	text-align: center;
	font-size: 22px;
}

#submit_form{
	border: 1px black solid;
	margin: 10px auto;
	width: 300px;
	padding: 0 5px;
}

#submit_form input{
	width: 300px;
	margin: 5px 0;
	padding: 3px 0;
}

#phoneimage{
	float: right;
	width: 35%;
	height: 370px;
	min-width: 200px;
}

#phoneimage img{
	float: right;
	position: absolute;
	margin-left: 20px;
}

#interactive_quarter{
	width: 97%;
	background: #efefef;
	height: 90px;
	float: left;
	margin: 0px 10px;
	border: 1px black solid;
	box-shadow: 3px 3px 2px #888888;
}

#interactive_quarter button{
	sborder: 1px black solid;
	sbackground: url('../imgs/button_back_small.png') repeat-x;
	width: 391px;
	height: 45px;
	margin: 10px 30px;
	scolor: white;
	font-size: 20px;
	cursor: pointer;
}

#interactive_quarter button:hover{
	sbackground: url('../imgs/button_back_small_hover.png' repeat-x);
}

#time_paragraph{
	width: 100%;
	text-align: center;
	margin-top: 0px;
	font-family: PT Sans;
}

#friends_pictures{
	width: 99%;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	font-family: PT Sans;
	font-size: 14px;
}

#friends_pictures img{
	width: 40px;
	margin: 3px;
}


@media only screen and (max-device-width: 500px) {
	
	#content_holder{		
		margin: 0 auto;
		width: 100%;
		height: 620px;
		min-width: 0px;
	}

	#headertext{
		padding-top: 10px;
		width: 100%;
		height: 380px;
		font-family: PT Sans;
		font-weight: bold;
		text-align: center;
		min-width: 0px;
	}

	#headertext img{
		margin: 2px auto;
		width: 140px;
	}

	#fb_box{
		padding-top: 60px;
		float: left;
		width: 100%;
		height: 330px;
		text-align: center;
		display: none;
		min-width: 0px;
	}

	#fb_box iframe{
		margin: 0 auto;
	}



	#upload_from{
		padding-top: 20px;
		float: left;
		width: 100%;
		height: 370px;
		text-align: center;
		display: none;
		min-width: 0px;
	}

	#upload_from p{
		font-family: PT Sans;
		text-align: center;
		font-size: 22px;
	}

	#submit_form{
		border: 1px black solid;
		margin: 20px auto;
		width: 300px;
		padding: 0 5px;
	}

	#submit_form input{
		width: 300px;
		margin: 5px 0;
		padding: 3px 0;
	}

	#phoneimage{
		width: 100%;
		height: 340px;
		text-align: center;
		min-width: 0px;
		margin-top: 10px;
	}
	
	#phoneimage img{
		float: none;
		position: relative;
		margin-left: 0px;
		height: 100%;
	}

	#interactive_quarter{
		width: 97%;
		background: #efefef;
		height: 90px;
		margin: 0px 1%;
		border: 1px black solid;
		box-shadow: 3px 3px 2px #888888;
		min-width: 0px;
	}
	

	#interactive_quarter button{
		padding: 2px 5px;
		width: 90%;
		margin: 10px 5%;
		font-size: 17px;
		cursor: pointer;
	}

	#interactive_quarter button:hover{
		sbackground: url('../imgs/button_back_small_hover.png');
	}

	#time_paragraph{
		width: 100%;
		text-align: center;
		margin-top: 0px;
		font-family: PT Sans;
		font-size: 10px;
	}

	#friends_pictures{
		width: 98%;
		float: left;
		margin-top: 5px;
		padding: 0 1%;
		font-family: PT Sans;
		font-size: 14px;
	}

	#friends_pictures img{
		width: 40px;
		margin: 3px;
	}
}