/* page design classes */
.container {
	position: absolute;
	width: 230px;
	text-align: center;
	height: 50px;
	background-repeat: no-repeat;
	color: #7c746f;
	overflow: hidden;
	margin-left: 17px;
	padding: 0 0 12px 10px
}

/* generic use classes */
.margin-left-20 {
	margin-left: 20px;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-5-0 {
	margin: 5px 0px;
}

.margin-20-0 {
	margin: 20px 0px;
}

.margin-0 {
	margin: 0px !important;
}

.preload {
	width: 0px;
	height: 0px;
	float: none !important;
}

.width-100p {
	width: 100%;
}

.float-left {
	float: left;
}

/* template classes for fluid layout */
.max-width {
	max-width: 900px;
	width: 90%;
	margin: 0 5% 0 5%;
}

.max-width-480 {
	max-width: 480px;
	width: 90%;
	margin: 0 5% 0 5%;
}

/* all the flip classes */
.flip-info {
	margin-top: -15px;
}

.flip-container, .flip-container2  {
	float: left;
	text-align: center;
	position: relative;
	overflow: hidden;
	height: 42px !important; 
	margin-left: -31px; 
	width: 277px;
}

.flip-container .flip-numbers, .flip-container2 .flip-numbers {
	position: relative;
	margin-right: auto;
	display: block;
	margin-left: auto;
	float: none;
}

.flip-seconds, .flip-minutes, .flip-hours, .flip-days {
	float: left;
	background-repeat: no-repeat;
	margin-left: -9px !important;
}

/* small size */
.small {
	width: 32px;
	height: 44px;
	margin-right: 3px !important;
} 

.flip-end-small {
	background-position: -640px 0px;
}

.flip-side {
	width: 5px;
	height: 41px;
	margin: 0px !important;
	float: left;
	margin-top: 25px !important;
}