#clockbar {
	background: url(clockbar.png) repeat-x;
	text-align: center;
	font: bold 14px/19px Helvetica;
	color: rgba(255,255,255,0.75);
	word-spacing: -1px;
	width: 320px;
	height: 20px;
}

#calendarbar {
	text-align: center;
	font: 15px Helvetica ;
	color: transparent;
	position: relative;
	left: 18%;
	top: 14.2%;
	padding-top: 240px;
	word-spacing: -1px;
	-webkit-transform: rotate(90deg);
}
#day {
	text-align: left;
	font: 90px Helvetica;
		color: #000000;

	}
#pagewrap {
	width: 320px;
	height: 480px;
	background: url(iPhone_overlay.png) no-repeat;
	position: relative;
	left: -8px;
	top: -8px;
}

#clock {
	width: 116px;
	height: 30px;
	position: relative;
	left: 84.5%;
	background-image: url(clock.png);
	text-align: center;
	word-spacing: -4px;
	font:  17px "Helvetica";
	top: 43%;
	display: none;
	color: transparent;
    -webkit-transform: rotate(90deg);
}
#calendarbar2 {
	text-align: center;
	font: 27px Helvetica;
	color: transparent;
	position: relative;
	left: 35.8%;
	top: 97%;
	padding-top: 66px;
	word-spacing: -1px;
	-webkit-transform: rotate(90deg);
}

#pagewrap2 {
	width: 320px;
	height: 480px;
	position: relative;
	left: -9px;
	top: -9px;
}

#clock2 {
	width: 116px;
	height: 30px;
	position: relative;
	left: 54.5%;
	background-image: url(clock.png);
	text-align: center;
	word-spacing: -4px;
	font:  17px "Helvetica";
	top: 43%;
	display: none;
	color: #000000;
    -webkit-transform: rotate(90deg);
}

#clock #minutes {
	position: absolute;
	width: 50px;
	height: 30px;
	right: 19px;
	top: 26px;
}

#clock #hours {
	position: absolute;
	width: 50px;
	height: 30px;
	top: 26px;
	left: 19px;
}
#ampm {
	font: bold 15px "Helvetica";
    color: #ffffff;
	margin-left: -280px;
	margin-top:-20px;
	position: relative;

	-webkit-transform: rotate(90deg);
}