@charset "UTF-8";
html, body {
	margin-left: 0px;
	margin-top: 0px;
	height: 100%;
}


div {
	padding: 0px;
}
.background {
	background-color: #fff;
	padding: 0;
}

.copy {
	width: 400px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	line-height: 150%;
	padding: 0;
	margin:  0;
	position: absolute;
	top: 0px;
	text-align: center;
} 


.panel {
	width: 400px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -150px;
}

.space {
	width: 400px;
	height: 57px;
	margin:  0;;
	position: absolute;
	top: 0px;
	left: 0px;
} 



#pics {
	width: 400px;
	height: 430px;
}



p {
	color: #333;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 12px;
}


a, a:visited {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #333;
	line-height: 150%;
	text-decoration: none;
}
a:hover {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #333;
	line-height: 150%;
	text-decoration: underline;
}


/* iPhone 4 portrait----------- */
@media screen and (device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {



}
	
/* iPhone 4 landscape----------- */
@media screen and (device-height: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {

.panel {
	margin-top: 20px;
}


	
}


/* iPhone 5 portrait----------- */
@media screen and (device-height: 568px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {


}

/* iPhone 5 landscape----------- */
@media screen and (device-height: 568px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

.panel {
	margin-top: 20px;
}

}