div#topRow div#headLogin{
  width: 100%;
  display:block;
  text-align: right;
  float: right;
  clear: both;
  overflow: hidden;
  height: 30px;
  padding-top: 10px;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
}


div#headLogin a{
  padding: 0 4px;
  color: #fff;
  text-decoration: none;
}

div#headLogin a:hover{
  text-decoration: underline;
}



div#topRow div#mainNav
{
  top: 46px;
}
div#bottomRow div#mainNav
{
  top: 11px;
}
div#bottomRow div.company
{
  margin-top: 65px;
  text-align: center;
}


#topRow .strap{
  position:relative;
  display:block;
  float:left;
  top:22px;
  left:90px;
  color:white;
  font-size:9px;
}


#mainNav {
  clear: both;
	position: relative;
	display: block;
	width: 785px;
	height: 26px;
}

#mainNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 26px;
}

#mainNav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 26px;
}

#mainNav li a, #mainNav li.navSep {
	line-height: 26px;
	height: 26px;
	padding: 0 8px;
	display: block;
	outline: none;
	background: transparent top left no-repeat url(/images/frontend/nav/navitembg.png);
}

#mainNav li a:hover, #mainNav li a.active { background-position: bottom left !important; }

#mainNav a {
	color: #FFF !important;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	zpadding: 0 5px;
	outline: none;
  text-transform: uppercase;

}

#mainNav a:hover { color: #12567d !important; }

/* IE 6.0  requires fixed widths -> so we'll use the em sizing to make it relate better to the text */

#mainNav .playnow {
	zwidth: 100px;
	zwidth: 11em;
}

#mainNav .home {
	zwidth: 60px;
	zwidth: 7em;
}

#mainNav .howtoplay {
	zwidth: 115px;
	zwidth: 12em;
}

#mainNav .results {
	zwidth: 160px;
	zwidth: 16em;
}

#mainNav .news {
	zwidth: 65px;
	zwidth: 7em;
}

#mainNav .faq {
	zwidth: 55px;
	zwidth: 6em;
}

#mainNav .contactus {
	zwidth: 100px;
	zwidth: 11em;
}


span.count1{
  display: block;
  background: #000 no-repeat url(/images/frontend/countdown/numbers.gif);
  background-position: 0 0 !important;
  width: 10px;
  height: 10px;

}
span.count2{
  display: block;
  background: #000 no-repeat url(/images/frontend/countdown/numbers.gif);
  background-position: -10px 0 !important;
  width: 10px;
  height: 10px;
}
span.count3{
  display: block;
  background: #000 no-repeat url(/images/frontend/countdown/numbers.gif);
  background-position: -20px 0 !important;
  width: 10px;
  height: 10px;
}
span.count4{
  display: block;
  background: #000 no-repeat url(/images/frontend/countdown/numbers.gif);
  background-position: -30px 0 !important;
  width: 10px;
  height: 10px;
}
span.count5{
  display: block;
  background: #000 no-repeat url(/images/frontend/countdown/numbers.gif);
  background-position: -40px 0 !important;
  width: 10px;
  height: 10px;
}
span.count6{
  display: block;
  background: #000 no-repeat url(/images/frontend/countdown/numbers.gif);
  background-position: -50px 0 !important;
  width: 10px;
  height: 10px;
}
span.count7{
  display: block;
  background: #000 no-repeat url(/images/frontend/countdown/numbers.gif);
  background-position: -60px 0 !important;
  width: 10px;
  height: 10px;
}
span.count8{
  display: block;
  background: #000 no-repeat url(/images/frontend/countdown/numbers.gif);
  background-position: -70px 0 !important;
  width: 10px;
  height: 10px;
}
span.count9{
  display: block;
  background: #000 no-repeat url(/images/frontend/countdown/numbers.gif);
  background-position: -80px 0 !important;
  width: 10px;
  height: 10px;
}
span.count0{
  display: block;
  background: #000 no-repeat url(/images/frontend/countdown/numbers.gif);
  background-position: -90px 0 !important;
  width: 10px;
  height: 10px;
}