body {

	    background-color: none;

	    margin: 0;

	    height: 481px;

	    width: 320px;

}

    td#Backgrounds

{

	margin-top: -1px;	 

	position: absolute; top: 0px; right: 0px; down: 0px; left: -1px;

}





    SPAN#clock

{

	font-family: Helvetica;

	font-weight: bold;

	letter-spacing: 0.0em; 

	color: #FFFFFF; 

	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7);	

	/*text-shadow: #FFFFFF 0px 1px 0px;*/

	font-size: 25px;

	



}



    SPAN#ampm

{

	font-family: Helvetica;

	font-weight: bold; 

	color: #FFFFFF; 

	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7);	

	/*text-shadow: #FFFFFF 0px 1px 0px;*/

	font-size: 12px;



}



   TD#date 

{

	float:right;

	font-family: Helvetica;

	font-weight: bold; 

	text-align: right;

	color: #FFFFFF;

	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7);

	font-size: 13px;

	text-transform: uppercase;

}





   TD#date1

{

	float:right;

	font-family: Helvetica;

	font-weight: bold; 

	text-align: right;

	color: #FFFFFF;

	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7);

	font-size: 60px;

	text-transform: uppercase;

}



































    td#Faces				/* Clock Faces Position */

{

	position: absolute; top: 295px; right: 0px; down: 0px; left: 118px;

}

    canvas					/* Clock Hands Positions */

{

	position: absolute; top: 285px; right: 0px; down: 0px; left: 110px;

}



    object					/* Dont touch */

{

	position: absolute; top: 0px; right: 0px; down: 0px; left: 0px;

}

    td#Greeting 				/* Greetings Position */

{

	 text-align: center;

	position: absolute; top: 295px; right: 0px; down: 0px; left: 34px; width: 250; height: 77px;

	font-family: Helvetica; 

	color: whitesmoke;

	font-size: 13px;

	font-weight: regular;

	text-shadow: DimGray 0px 0px 0px;

}

    td#Greeting Not used				/* Greetings Position */

{

	background-color: rgba(0,0,0,0.8);

	-webkit-border-radius:10px;

	opacity:1;

}