/* ---------- LAYOUT ---------- */
.container {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.timer-area {
 
  text-align: center;
  padding-top: 2em;
  margin-bottom: 4em;
}
.timer-area h1 {
  color: #FFB300;
  font-family:Arial, Helvetica, sans-serif;
  font-size:27px;

}

/* ---------- TIMER ---------- */
ul#countdown li {
  display: inline-block;
  background: transparent url('../images/timer-piece.png') no-repeat left top;
  width: 69px;
  margin-bottom: 20em;
  text-align: center;
}

ul#countdown li span {
  font-size: 4em;
  font-weight: bold;
  color: #00135D;
  height: 108px;
  line-height: 70px;
  position: relative;
  font-family:Arial, Helvetica, sans-serif;

}
ul#countdown li span::before {
  content: '';
  width: 100%;
  height: 1px;
  border-top: 1px solid white;
  position: absolute;
  top: 22px;
}
ul#countdown li p.timeRefDays,
ul#countdown li p.timeRefHours,
ul#countdown li p.timeRefMinutes,
ul#countdown li p.timeRefSeconds {
  margin-top: -15px;
  color: #828282;
  text-transform: uppercase;
  font-size: .875em;
}


/*----------------------------------------- Main Menu Section----------------------------------------- */
#menus{
	background-color: #8DD7F3;
	height:40px;
}
#menu_separator {
	background-color: #00135D;
	height:2px;
}
#topnav {
	display:block;
	width:960px;
	margin:0 auto;
	padding:13px 0 0px 0;
	text-align:left;
}

ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	
}
ul.menu * {
	margin: 0;
	padding: 0
}
ul.menu a {
	display: block;
	color: #00135D;
	text-decoration: none;
	/*height:30px;*/

	
}
ul.menu a:hover {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	/*height:30px;*/

	
}
ul.menu li {
	position: relative;
	float: left;
	margin-right: 0px
}
ul.menu ul {
	position: absolute;
	top: 16px;
	left: 0;
	background: #8DD7F3;
	display: none;
	opacity: 0;
	list-style: none
}
ul.menu ul li {
	position: relative;
	border: 1px solid #00135D;
	border-top: none;
	width: 300px;
	height:35px;
	margin: 0
}
ul.menu ul li a {
	display: block;
	padding: 3px 5px 2px;
	background-color: #8DD7F3;
	
}

ul.menu ul li a:hover {
	background-color: #FFB400;
		height:30px;
}
ul.menu ul ul {
	left: 150px;
	top: -1px
}
ul.menu .menulink {

	padding: 0px 25px 0px 0px;
	font-weight: bold;
	display:inline;
	margin:0px 35px 0 0;
	border-right:1px solid #666666;
	width: auto;	
}

ul.menu .last {

	padding: 0px 0px 0px 0px;
	font-weight: bold;
	display:inline;
	margin:0px 0px 0 0;

	width: auto;
}

}

ul.menu .menulink:hover, ul.menu .menu:hover {
	color: #FFFFFF;
}
ul.menu .sub {
	background-color:#000;
}
ul.menu .topline {
	border-top: 1px solid #FFF
}