@charset "utf-8";
 @font-face {
 font-family: 'GothamBlackRegular';
 src: url('/fonts/gothaprobla.eot');
 src: url('/fonts/gothaprobla.eot?#iefix') format('embedded-opentype'), url('/fonts/gothaprobla.woff') format('woff'), url('/fonts/gothaprobla.ttf') format('truetype'), url('/fonts/gothaprobla.svg#GothamBlackRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}

html,
body {
	width:100%;
	height:100%;
}

body {
	margin:0;
	padding:0;
	background:#ddecff;
	font:normal 11px/13px Tahoma, Geneva, sans-serif;
	color:#195b65;
}

form,
fieldset {
	margin:0;
	padding:0;
	border:0;
}

input,
select,
textarea,
button {
	font:normal 11px Tahoma, Geneva, sans-serif;
	color:#1d8190;
	outline:none;
}

textarea {
	resize:none;
}

header,
nav,
section,
article,
aside,
footer {
	display: block;
}

img {
	border:0;
	vertical-align:top;
}

a {
	color:#195b65;
	text-decoration:underline;
	outline:none;
	cursor:pointer;
}

a:hover {
	text-decoration:none;
}

table {
	border-collapse:collapse;
}

p {
	margin:0 0 14px 0;
}

h1 {
	font-weight:bold;
	font-size:18px;
	line-height:19px;
	text-align:center;
	margin:0 0 11px 0;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.wrapper {
	min-height:100%;
	min-width:900px;
	max-width:10000px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	background:url(/img/bg-bottom.jpg) no-repeat 50% 100%;
}

.content-bg {
	min-width:900px;
	max-width:10000px;
	background:url(/img/bg-top.jpg) no-repeat 50% 85px;
}

.container {
	width:900px;
	margin: 0 auto;
	text-align: left;
	position:relative;
}

.topline {
	background:url(/img/topline.jpg) repeat-x 50% 0;
	height:85px;
	margin:0 0 0 -10000px;
	left:5000px;
	padding:0 5000px;
	position:relative;
}

.header {
	position:relative;
	height:327px;
}

.header .logo a {
	position:absolute;
	display:block;
	text-align:left;
	text-indent:-9999px;
	background:url(/img/bg-top.jpg) no-repeat 0 -9999px;
	width:391px;
	height:154px;
	right:0;
	top:120px;
}

.menu {
	background:url(/img/menu-out.png) no-repeat;
	width:951px;
	height:108px;
	position:relative;
	margin:-14px 0 0 -51px;
	top:14px;
	z-index:20;
	left:26px;
	font:normal 20px/74px "GothamBlackRegular", Verdana, Geneva, sans-serif;
	color:#654b19;
	text-shadow:-1px -1px 0 #124249, 1px 1px 0 #edc494;
}

.menu ul {
	list-style:none;
	margin:0;
	padding:0;
	background:url(/img/menu-in.png) no-repeat 6px 8px;
	height:109px;
	padding:14px 0 0 100px;
}

.menu ul li {
	float:left;
	padding:0 0 0 2px;
	background:url(/img/vline-green-big.png) no-repeat 0 16px;
	height:77px;
}

.menu ul li:first-child {
	background:none;
	padding:0;
}

.menu a,
.menu strong {
	float:left;
	background:url(/img/menu-hover.jpg) no-repeat 0 -9999px;
	height:77px;
	text-align:center;
	text-decoration:none;
	color:#1c6570;
	font-weight:normal;
}

.menu a:hover,
.menu .active a,
.menu .active strong {
	color:#654b19;
	text-shadow:-1px -1px 0 #423110, 1px 1px 0 #eeae69;
}

.menu .li1 a,
.menu .li1 strong {
	width:124px;
}

.menu .li1 a:hover,
.menu .li1.active a,
.menu .li1.active strong {
	background-position:0 0;
}

.menu .li2 a,
.menu .li2 strong {
	width:122px;
}

.menu .li2 a:hover,
.menu .li2.active a,
.menu .li2.active strong {
	background-position:-126px 0;
}

.menu .li3 a,
.menu .li3 strong {
	width:187px;
}

.menu .li3 a:hover,
.menu .li3.active a,
.menu .li3.active strong {
	background-position:-250px 0;
}

.menu .li4 a,
.menu .li4 strong {
	width:136px;
}

.menu .li4 a:hover,
.menu .li4.active a,
.menu .li4.active strong {
	background-position:-439px 0;
}

.menu .li5 a,
.menu .li5 strong {
	width:173px;
}

.menu .li5 a:hover,
.menu .li5.active a,
.menu .li5.active strong {
	background-position:-577px 0;
}

.content {
	zoom:1;
	padding:0 0 23px 0;
}

.content:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.aside {
	width:212px;
}

.aside-l {
	float:left;
	margin:0 0 0 -684px;
}

.aside-r {
	float:right;
}

.mainContent {
	float:left;
	width:468px;
	padding:0 0 0 216px;
}

.mainbg {
	background-color:#e9c889;
	background-repeat:repeat-y;
	background-position:0 100%;
	zoom:1;
	position:relative;
}

.mainbg:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.mainContent .mainbg {
	background-image:url(/img/content-bg.png);
	padding:27px 24px 20px 24px;
}

.aside .mainbg {
	padding:29px 0 20px 0;
}

.aside-l .mainbg {
	background-image:url(/img/aside-l.jpg);
}

.aside-r .mainbg {
	background-image:url(/img/aside-r.jpg);
}

.mainContent .mainbg-b {
	background:url(/img/content-bg-b.png) no-repeat;
	height:18px;
	overflow:hidden;
}

.aside-l .mainbg-b {
	background:url(/img/aside-lb.png) no-repeat;
	height:28px;
	overflow:hidden;
}

.aside-r .mainbg-b {
	background:url(/img/aside-rb.png) no-repeat;
	height:28px;
	overflow:hidden;
}

.welcome-text {
	padding:0 0 0 25px;
}

.footer-place {
	clear:both;
	height:155px;
}

.footer {
	min-width:900px;
	max-width:10000px;
	position:relative;
	overflow:hidden;
	background:url(/img/footer.png) repeat-x 50% 0;
	height:155px;
	margin:-155px 0 0 0;
	text-align:center;
	line-height:14px;
	color:#714000;
}

.footer .in {
	width:900px;
	margin:0 auto;
	position:relative;
	padding:29px 0 0 0;
}

.footer a {
	color:#fff;
	text-decoration:none;
}

.footer a:hover {
	text-decoration:underline;
}

.footer .logo1 {
	position:absolute;
	top:52px;
	left:71px;
}

.footer .logo2 {
	position:absolute;
	top:35px;
	right:158px;
}

.b-menu {
	list-style:none;
	margin:0 0 33px 0;
	padding:0;
}

.b-menu li {
	display:inline-block;
	margin:0 15px;
}

.info-block {
	float:left;
	position:relative;
	background:url(/img/rounded.png) no-repeat;
	width:285px;
	height:29px;
	line-height:29px;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-shadow:0 1px 0 #175e68;
	margin:25px 0 0 161px;
}

.info-block:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.info-block.right {
	float:right;
	margin-left:0;
	margin-right:158px;
}

.info-block a {
	color:#fff;
	text-decoration:none;
	float:left;
}

.info-block a:hover {
	text-decoration:underline;
}

.info-block ul {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	width:250px;
}

.info-block ul li {
	float:left;
	margin:0 6px 0 0;
	padding:0 0 0 11px;
	height:29px;
	background:url(/img/vline-green.png) no-repeat 0 4px;
}

.info-block ul li:first-child {
	background:none;
	padding:0;
}

.info-block.right ul {
	float:left;
	width:auto;
}

.info-block.right ul li {
	padding:0 0 0 8px;
	margin:0 0 0 3px;
}

.info-block .title {
	background:url(/img/title-small.png) no-repeat;
	width:147px;
	height:44px;
	text-align:center;
	line-height:44px;
	font:normal 12px/38px "GothamBlackRegular", Verdana, Geneva, sans-serif;
	color:#227682;
	text-shadow:0 1px 0 #ebc898;
	position:absolute;
	top:-7px;
	left:-123px;
}

.info-block.right .title {
	left:auto;
	right:-133px;
}

.gem-red {
	padding:0 32px 0 0;
	background:url(/img/gem-red.png) no-repeat 100% 4px;
}

.gem-green {
	padding:0 32px 0 0;
	background:url(/img/gem-green.png) no-repeat 100% 4px;
}

.emperium-active {
	padding:0 27px 0 0;
	background:url(/img/emperium-active.png) no-repeat 100% 1px;
}

.emperium-inactive {
	padding:0 27px 0 0;
	background:url(/img/emperium-inactive.png) no-repeat 100% 1px;
}

.aside .title {
	background:url(/img/title-mid.png) no-repeat;
	height:46px;
	padding:0 0 0 79px;
	font:normal 16px/46px "GothamBlackRegular", Verdana, Geneva, sans-serif;
	color:#195b65;
	text-shadow:0 1px 0 #efd1aa;
	margin:0 0 6px 0;
	position:relative;
}

.aside .title.ind2 {
	padding-left:94px;
}

.aside .title.ind3 {
	padding-left:96px;
}

.aside .title.ind4 {
	padding-left:75px;
}

.aside .title img {
	position:absolute;
	bottom:6px;
}

.aside .title .img1 {
	left:32px;
}

.aside .title .img2 {
	left:39px;
}

.aside .title .img3 {
	left:31px;
}

.aside .title .img4 {
	left:21px;
}

.aside .title .img5 {
	left:29px;
}

.aside .title .img6 {
	left:21px;
}

.aside .title .styled {
	line-height:1;
	display:block;
	padding:16px 0 0 0;
}

.menu2 {
	list-style:none;
	margin:0 auto 17px auto;
	padding:0;
	font-weight:bold;
	font-size:12px;
	line-height:24px;
	width:173px;
	text-align:center;
}

.menu2 li {
	margin:0 0 3px 0;
	zoom:1;
	vertical-align:bottom;
}

.menu2 a,
.menu2 strong {
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	height:24px;
	line-height:24px;
	background:url(/img/menu-btn.png) no-repeat;
}

.menu2 a:hover {
	background-position:0 -26px;
}

.auth {
	width:157px;
	height:120px;
	margin:0 auto 11px auto;
	background:url(/img/auth-block.png) no-repeat;
	color:#fff;
	padding:13px 12px 0 12px
}

.auth a {
	color:#fff;
	text-decoration:none;
}

.auth a:hover {
	text-decoration:underline;
}

.auth .input {
	margin:0 0 3px 0;
}

.auth input[type="submit"] {
	cursor:pointer;
	border:0;
	margin:5px auto 0 auto;
	display:block;
	padding:0;
	background:url(/img/btn-auth.png) no-repeat;
	width:108px;
	height:36px;
	overflow:hidden;
}

.auth input[type="submit"]:hover {
	background-position:0 -36px;
}

.auth .links {
	zoom:1;
	overflow:hidden;
	margin:4px 0 0 0;
	font:normal 12px "Arial Narrow", Arial, sans-serif
}

.auth .links a {
	float:left;
}

.auth .links a.right {
	float:right;
}

.input {
	border:1px solid #1d8190;
	background:#fff;
	line-height:normal;
	padding:0 0 0 15px;
	overflow:hidden;
	height:20px;
	position:relative;
}

.input input {
	border:0;
	background:none;
	margin:0;
	padding:3px 0;
	width:100%;
}

.info-link {
	display:block;
	text-align:left;
	text-indent:-9999px;
	width:169px;
	height:108px;
	overflow:hidden;
	background:url(/img/teasers.png) no-repeat 0 -9999px;
	margin:0 auto 5px auto;
}

.info-link.bg1 {
	background-position:0 0;
}

.info-link.bg1:hover {
	background-position:-171px 0;
}

.info-link.bg2 {
	background-position:0 -109px;
	height:103px;
}

.info-link.bg2:hover {
	background-position:-171px -109px;
}

.info-link.bg3 {
	height:105px;
	background-position:0 -220px;
}

.info-link.bg3:hover {
	background-position:-171px -220px;
}

.servers {
	list-style:none;
	margin:10px 0 14px -30px;
	left:26px;
	position:relative;
	padding:0;
	zoom:1;
	overflow:hidden;
	line-height:14px;
	color:#fff;
}

.servers li {
	float:left;
	background:url(/img/info-block.png) no-repeat;
	width:129px;
	height:181px;
	position:relative;
	margin:0 3px 0 0;
	padding:10px 0 0 12px;
}

.servers a {
	text-decoration:none;
}

.servers a:hover {
	text-decoration:underline;
}

.servers h4 {
	position:absolute;
	bottom:4px;
	left:0;
	text-align:center;
	right:0;
	height:28px;
	line-height:28px;
	margin:0;
	font-weight:bold;
	font-size:11px;
	text-shadow:0 1px 0 #ecbf87;
}

.tab-menu {
	background:url(/img/title-big.png) no-repeat;
	width:424px;
	height:46px;
	margin:40px 0 19px -52px;
	left:25px;
	position:relative;
	list-style:none;
	padding:0 0 0 48px;
	line-height:1;
	font-size:15px;
	text-transform:uppercase;
}

.tab-menu li {
	min-height:10px;
	position:relative;
	float:left;
	text-align:center;
}

.tab-menu a {
	color:#fff;
	text-decoration:none;
	float:left;
	padding:0 0 0 11px;
	height:55px;
	background:url(/img/tab-active.png) no-repeat 0 -9999px;
	margin:-10px 0 0 0;
	position:relative;
	top:10px;
}

.tab-menu a.active {
	background-position:0 0;
}

.tab-menu a strong {
	float:left;
	position:relative;
	padding:0 11px 0 0;
	height:55px;
	background:url(/img/tab-active.png) no-repeat 100% -9999px;
}

.tab-menu a.active strong {
	background-position:100% -121px;
}

.tab-menu a strong strong {
	padding:0;
}

.tab-menu a.active strong strong {
	background-position:50% -55px;
}

.tab-menu em {
	display:block;
	top:16px;
	left:0;
	right:0;
	text-align:center;
	position:absolute;
}

.tab-menu span {
	display:block;
	padding:14px 0 0 0;
	font-size:20px;
	position:relative;
	top:-9999px;
}

.tab-menu .active span {
	top:0;
}

.tab-menu .active em {
	display:none;
}

.block {
	zoom:1;
	position:relative;
	margin:0 0 22px -12px;
	left:6px;
	border:3px solid #ddd;
	background:#efefef url(/img/image-girl.png) no-repeat 100% 100%;
	border-radius:14px;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	behavior: url(js/PIE.htc);
	padding:8px 34px 14px 20px;
	color:#6d5335;
	line-height:14px;
}

.block:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.block a {
	color:#6d5335;
}

.articles article {
	border-top:1px dotted #6d5335;
	zoom:1;
	padding:3px 0 2px 8px;
	position:relative;
}

.articles article:first-child {
	border:0;
	padding-top:0;
}

.articles .date {
	float:right;
	margin:0 14px 0 0;
	font-weight:bold;
}

.articles a {
	text-decoration:none;
}

.articles a:hover {
	text-decoration:underline;
}

.articles h4 {
	font-size:11px;
	font-weight:bold;
	margin:0;
}

.articles h4 a {
	color:#1c6570;
}

.articles .author {
	font-size:10px;
	font-style:italic;
	zoom:1;
	position:relative;
	margin:-3px 0 3px 0;
}

.articles strong a {
	font-style:italic;
}

.search {
	margin:0 25px 18px 110px;
	position:relative;
	background:url(/img/rounded.png) no-repeat 100% 0;
	height:29px;
	padding:0 0 0 64px;
	line-height:normal;
}

.search h5 {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	display:none;
}

.search input[type="text"] {
	border:0;
	background:none;
	margin:0;
	padding:7px 0;
	width:100%;
	font-style:italic;
	color:#cccbcb;
}

.search .btn {
	background:url(/img/title-small.png) no-repeat;
	width:147px;
	height:44px;
	text-align:center;
	line-height:44px;
	font:normal 12px/38px "GothamBlackRegular", Verdana, Geneva, sans-serif;
	color:#227682;
	text-shadow:0 1px 0 #ebc898;
	position:absolute;
	top:-5px;
	left:-90px;
}

.search .btn:hover {
	background-position:0 -46px;
	color:#4c3813;
	text-shadow:0 1px 0 #ebaf6a;
}

.search .btn input {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
	background:none;
	cursor:pointer;
	margin:0;
	padding:0;
}

.mainContent .title {
	background:url(/img/title-big.png) no-repeat;
	width:404px;
	height:31px;
	margin:0 0 19px -52px;
	left:25px;
	position:relative;
	list-style:none;
	padding:15px 20px 0 48px;
	line-height:normal;
	font-size:18px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	line-height:1;
}

.cp input[type="submit"] {
	cursor:pointer;
	border:0;
	margin:5px auto 0 auto;
	display:block;
	padding:0;
	background:url(/img/btn-auth.png) no-repeat;
	width:108px;
	height:36px;
	overflow:hidden;
}

.cp input[type="submit"]:hover {
	background-position:0 -36px;
}
