html, body {
	margin:0;
	padding:0;
}

#wrapper {
	width: 250px;
	padding-top: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* timer general */
#timer {
	position: relative;
	left: 1;
}

hr {
	position:absolute;
	top:9px;
	left:0;
	width:243px;
	border:0px solid #ffffff;	
}

*:first-child+html hr {
	top:92px;
}


/* timer numbers */
.timer_numbers {
	font-size:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	color:#ffffff;
}

#timer_days {
	background:url(../images/countdown1.png) #ffffff no-repeat;
	float:left;
	width:59px;
	height:40px;
	padding:2px 0 0 4px;
	letter-spacing:15px;
}

#timer_hours {
	background:url(../images/countdown1.png) #ffffff no-repeat;
	float:left;
	width:59px;
	height:40px;
	padding:2px 0 0 4px;
	letter-spacing:15px;
}

#timer_mins {
	background:url(../images/countdown1.png) #ffffff no-repeat;
	float:left;
	width:59px;
	height:40px;
	padding:2px 0 0 4px;
	letter-spacing:15px;
}

#timer_seconds {
	background:url(../images/countdown2.png) #ffffff no-repeat;
	float:left;
	width:52px;
	height:34px;
	padding:2px 0 0 5px;
	letter-spacing:13px;
}

/* timer labels */
.timer_labels {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#666;	
}

#timer_labels {
	position:relative;
}

#timer_days_label {
	position:absolute;
	top:37px;
	left:13px;	
}

#timer_hours_label {
	position:absolute;
	top:37px;
	left:77px;	
	
}

#timer_mins_label {
	position:absolute;
	top:37px;
	left:142px;	
}

#timer_seconds_label {
	position:absolute;
	top:37px;
	left:206px;
}





/* below style not apart of the tutorial */
p#demoPage {
	display:inline;
	padding:1px;
	background-color:#000000;
	color:#FFFFFF;
	margin:10px 0;
	font-size:4px;
}

p#demoPage a {
	color:#FFFFFF;	
}

.button{text-decoration:none; text-align:center; 
 padding:2px 16px; 
 border:solid 1px #f2f2f2; 
 -webkit-border-radius:13px;
 -moz-border-radius:13px; 
 border-radius: 13px; 
 font:28px "Arial Black", Gadget, sans-serif; 
 font-weight:bold; 
 color:#000000; 
 background-color:#fcfcfc; 
 background-image: -moz-linear-gradient(top, #fcfcfc 0%, #dedbdb 100%); 
 background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #dedbdb 100%); 
 background-image: -o-linear-gradient(top, #fcfcfc 0%, #dedbdb 100%); 
 background-image: -ms-linear-gradient(top, #fcfcfc 0% ,#dedbdb 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedbdb', endColorstr='#dedbdb',GradientType=0 ); 
 background-image: linear-gradient(top, #fcfcfc 0% ,#dedbdb 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }.button:hover{
 padding:2px 16px; 
 border:solid 1px #ffffff; 
 -webkit-border-radius:13px;
 -moz-border-radius:13px; 
 border-radius: 13px; 
 font:28px "Arial Black", Gadget, sans-serif; 
 font-weight:bold; 
 color:#000000; 
 background-color:#fcfcfc; 
 background-image: -moz-linear-gradient(top, #fcfcfc 0%, #ebebeb 100%); 
 background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #ebebeb 100%); 
 background-image: -o-linear-gradient(top, #fcfcfc 0%, #ebebeb 100%); 
 background-image: -ms-linear-gradient(top, #fcfcfc 0% ,#ebebeb 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ebebeb',GradientType=0 ); 
 background-image: linear-gradient(top, #fcfcfc 0% ,#ebebeb 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
 }.button:active{
 padding:2px 16px; 
 border:none; 
 -webkit-border-radius:13px;
 -moz-border-radius:13px; 
 border-radius: 13px; 
 font:28px "Arial Black", Gadget, sans-serif; 
 font-weight:bold; 
 color:#000000; 
 background-color:#d4cdcd; 
 background-image: -moz-linear-gradient(top, #d4cdcd 0%, #a8a6a6 100%); 
 background-image: -webkit-linear-gradient(top, #d4cdcd 0%, #a8a6a6 100%); 
 background-image: -o-linear-gradient(top, #d4cdcd 0%, #a8a6a6 100%); 
 background-image: -ms-linear-gradient(top, #d4cdcd 0% ,#a8a6a6 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a6a6', endColorstr='#a8a6a6',GradientType=0 ); 
 background-image: linear-gradient(top, #d4cdcd 0% ,#a8a6a6 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
 }

.alignleft {
	float: left;
}
.alignright {
	float: right;
}