/*
Item Name : Circular Countdown jQuery Plugin
Item URI : http://codecanyon.net/item/circular-countdown-jquery-plugin/3761921
Author URI : http://codecanyon.net/user/Pixelworkshop/
Version : 1.21
*/
p.countdown {
	color: #008353;
}
#countdown_timer,
#countdown_timer ul,
#circular_countdown {
	position: relative;
	width:100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#countdown_clock {
	width:auto;
	position:relative;
	z-index:1;
	margin: 0 0 12px 0;
	padding:0;
}
#circular_countdown_days,
#circular_countdown_hours,
#circular_countdown_minutes,
#circular_countdown_seconds {
	position:relative;
	z-index:1;
	padding:0;
	width: 50px;
}
#circular_countdown_days {
	margin: 0 0px 0 0px;
}
#circular_countdown_hours {
	margin: 0 0px 0 0;
}
#circular_countdown_minutes {
	margin: 0 0px 0 0;
}
#circular_countdown_seconds {
	margin: 0;
}
#countdown_timer {
	z-index:2;
	width: auto;
}
#countdown_timer li {
	list-style: none;
	padding: 7px 0px 5px 0px;
	margin-top: 5px;
	float: left;
	width: 50px;
	color:#333333;
	font-size: 8px;
	position: absolute;
	text-align: center;
	text-transform:uppercase;
}
#countdown_timer li.days {
	left:0px;
}
#countdown_timer li.hours {
	left:54px;
}
#countdown_timer li.minutes {
	left:108px;
}
#countdown_timer li.seconds {
	left:162px;
}
#countdown_timer li em {
	display: block;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	font-style: normal;
	padding:0;
}

/*
Markup to keep a decent layout under IE8 and below
*/

/* IE8 */

@media \0screen {
	#countdown_timer {
		height: 130px;
	}
	#countdown_container h1 {
		margin:0 auto;
	}
}

/* IE7 and below */

#countdown_timer {
	*height: 130px;
}
#countdown_container h1 {
	*margin:0 auto;
}





@media only screen and (min-width: 768px) and (max-width: 1024px) {
	p.countdown {
		float:none;
		clear:both;
	}
	#countdown_timer, #countdown_clock {
		width: 105px;
		float:left;
	}
	#countdown_timer li.days {
		left:0px;
	}
	#countdown_timer li.hours {
		left:54px;
	}
	#countdown_timer li.minutes {
		left:0px;
		top: 54px;
	}
	#countdown_timer li.seconds {
		left:54px;
		top:54px;
	}

}

@media only screen and (max-width: 767px) {
	
	#countdown_timer, #countdown_clock {
		width: 220px;
		margin:0 auto;
	}
	#countdown_timer li.days {
		left:0px;
	}
	#countdown_timer li.hours {
		left:54px;
	}
	#countdown_timer li.minutes {
		left:108px;
	}
	#countdown_timer li.seconds {
		left:162px;
	}

}