/*@charset utf-8*/
body > header * {
	font: normal 100% 'Helvetica Neue', Arial, sans-serif;
	color: #b7b7b7;
	font-weight: bold;
	text-shadow: 0 -1px 0 #000;
	text-transform: uppercase;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

body > header {
	height: 52px;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background: #292929;
	background: -webkit-linear-gradient(top, rgb(51, 50, 50) 0%, rgb(29, 29, 29) 100%);
	background: -o-linear-gradient(top, rgb(51, 50, 50) 0%, rgb(29, 29, 29) 100%);
	background: -ms-linear-gradient(top, rgb(51, 50, 50) 0%, rgb(29, 29, 29) 100%);
	background: -moz-linear-gradient(top, rgb(51, 50, 50) 0%, rgb(29, 29, 29) 100%);
	background: linear-gradient(to bottom, rgb(51, 50, 50) 0%, rgb(29, 29, 29) 100%);
	clear: both;
	z-index: 999999;
}

body > header .sprite, #cntPlaybackTimer .sprite {
	display: inline-block;
	vertical-align: middle;
	background: url('../../images/pages/navigation-top-sprite.png') no-repeat;
}

body > header .sprite.logo {
	background-position: 0 0;
	width: 183px;
	height: 42px;
}

body > header > div {
	height: 52px;
	line-height: 52px;
	vertical-align: middle;
}

body > header li .icon {
	margin-right: 10px
}
body > header .sprite.phone {
	background-position: 0 -69px;
	width: 10px;
	height: 18px
}
body > header li:hover .sprite.phone {
	background-position: 0 -87px;
	width: 10px;
	height: 18px
}
body > header .sprite.eye {
	background-position: -53px -69px;
	width: 22px;
	height: 11px
}
body > header li:hover .sprite.eye {
	background-position: -53px -87px;
	width: 22px;
	height: 11px
}
body > header .sprite.about {
	background-position: -45px -69px;
	width: 6px;
	height: 14px
}
body > header li:hover .sprite.about {
	background-position: -45px -87px;
	width: 6px;
	height: 14px
}
body > header .sprite.box {
	background-position: -130px -69px;
	width: 17px;
	height: 17px
}
body > header li:hover .sprite.box {
	background-position: -130px -87px;
	width: 17px;
	height: 17px
}
body > header .sprite.forum {
	background-position: -10px -69px;
	width: 18px;
	height: 14px
}
body > header li:hover .sprite.forum {
	background-position: -10px -87px;
	width: 18px;
	height: 14px
}
body > header .sprite.chat {
	background-position: -28px -69px;
	width: 16px;
	height: 15px
}
body > header li:hover .sprite.chat {
	background-position: -28px -87px;
	width: 16px;
	height: 15px
}

.sprite.clock-0, #cntPlaybackTimer .sprite.clock-0 {
	background-position: 0px -42px
}
.sprite.clock-1, #cntPlaybackTimer .sprite.clock-1 {
	background-position: -21px -42px
}
.sprite.clock-2, #cntPlaybackTimer .sprite.clock-2 {
	background-position: -42px -42px
}
.sprite.clock-3, #cntPlaybackTimer .sprite.clock-3 {
	background-position: -63px -42px
}
.sprite.clock-4, #cntPlaybackTimer .sprite.clock-4 {
	background-position: -84px -42px
}
.sprite.clock-5, #cntPlaybackTimer .sprite.clock-5 {
	background-position: -105px -42px
}
.sprite.clock-6, #cntPlaybackTimer .sprite.clock-6 {
	background-position: -126px -42px
}
.sprite.clock-7, #cntPlaybackTimer .sprite.clock-7 {
	background-position: -147px -42px
}
.sprite.clock-8, #cntPlaybackTimer .sprite.clock-8 {
	background-position: -168px -42px
}
.sprite.clock-9, #cntPlaybackTimer .sprite.clock-9 {
	background-position: -189px -42px
}
.sprite.clock-colon, #cntPlaybackTimer .sprite.clock-colon {
	background-position: -210px -42px
}

#cntHeaderLogo {
	float: left;
	margin-right: 20px;
	margin-left: 10px;
}
#cntHeaderLogo a {
	text-decoration: none;
	color: #b7b7b7;
}
#cntHeaderNav {
	float: left;
}

#cntHeaderNav > ul > li {
	display: block;
	float: left;
}
#cntHeaderNav > ul > li > a {
	cursor: pointer;
	display: block;
	height: 100%;
	padding: 0 15px;
	line-height: 52px;
	font-size: 0.8em;
}
#cntHeaderNav > ul > li > a:hover, #cntHeaderNav > ul > li > a.active {
	color: #fff;
	background: rgba(0,0,0,0.3);
	box-shadow: inset 0 2px 5px #000;
	-moz-box-shadow: inset 0 2px 5px #000;
	-webkit-box-shadow: inset 0 2px 5px #000;
}

#cntHeaderNav > ul > li > ul.submenu {
	z-index:500;
	position:absolute;
	list-style: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
	-webkit-top
	background: #f2f2f2;
	background: linear-gradient(top, #fff 30%, #e7e7e7 100%);
	background: -o-linear-gradient(top, #fff 30%, #e7e7e7 100%);
	background: -moz-linear-gradient(top, #fff 30%, #e7e7e7 100%);
	background: -webkit-linear-gradient(top, #fff 30%, #e7e7e7 100%);
	background: -ms-linear-gradient(top, #fff 30%, #e7e7e7 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.3, #fff),color-stop(1, #e7e7e7));
	display:none;
}

#cntHeaderNav > ul > li > span.submenuArrow {
	display: none;
	width: 10px;
	height: 10px;
	background-color: #fff;
	z-index: 499;
	margin:-5px 0 -5px 20px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform: rotate(45deg);
}

#cntHeaderNav > ul > li:hover > ul.submenu,
#cntHeaderNav > ul > li:hover > span.submenuArrow   {
	display:block;
}
#cntHeaderNav > ul > li > ul.submenu > li > a {
	font-size: 1em;
	font-weight:normal;
	line-height: 1em;
	color: #333;
	text-shadow: none;
	padding: 6px 12px;
	text-transform: none;
	display:block;
}

#cntHeaderNav > ul > li > ul.submenu > li > a:hover {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
	padding: 5px 12px;
	border-top: 1px solid #155c96;
	border-bottom: 1px solid #155c96;
	background: #5d83f7;
	background: -moz-linear-gradient(top,#5d83f7 0,#2160f6 100%);
	background: -ms-linear-gradient(top,#5d83f7 0,#2160f6 100%);
	background: -o-linear-gradient(top,#5d83f7 0,#2160f6 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#5d83f7),color-stop(100%,#2160f6));
	background: -webkit-linear-gradient(top,#5d83f7 0,#2160f6 100%);
	background: linear-gradient(to bottom,#5d83f7 0,#2160f6 100%);
}

#cntHeaderClock {
	float: right;
	margin-right: 10px;
}

#cntHeaderClock > div {
	display: inline-block;
}

#cntHeaderClock div.clock, #cntPlaybackTimer div.clock {
	background: #1d1d1d;
	color: #c0c0c0;
	font-size: 0.8em;
	padding: 5px;
	border: none;
	border-bottom: 1px solid #333;
	-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.8);
	-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.8);
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.8);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#cntHeaderClock span.number, #cntPlaybackTimer span.number {
	width: 21px;
	height: 26px;
	margin: 0;
}