#main {
text-shadow: 3px 3px 3px  #777777;
color: black;
 -webkit-text-stroke: 1px black;
    color: white;
       text-shadow:
              3px 3px 0 #000,
                   -1px -1px 0 #000,  
                         1px -1px 0 #000,
                               -1px 1px 0 #000,
                                      1px 1px 0 #000;
	font-family: Capriola;		
	font-size: 50px; 
	
}
#outer{
	width: 600px; 
	height: 100px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
#page {
    text-align:center;
    
}
body {
	margin-top: 30px;
	background-image: url('dsc2.jpg');
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-size: 100% 100%;
	
}
		.countdownHolder {
			font-size: 36px;
		}
		body { 
			padding-top: 10px;
		}
		html {
			background-color: rgb(222,222,222);
						background-color: rgba(222,222,222,0.0);
					}
			
		.countDiv:before,
		.countDiv:after{
			background-color:#444444;
		}			
		#note{
			color: #666666;
			font-size: 25px;
		}

		.digit{
			background-color:#3A3A3A;
			color:#ffffff;
		}

		.digit.static{
			box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
			
			background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
			background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
			background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
			background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
			background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
			
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0.5, #3A3A3A),
				color-stop(0.5, #444444)
			);
		}