/* Getting the new tags to behave */
article, aside, audio, 
canvas, command, 
datalist, details, 
embed, 
figcaption, figure, footer, 
header, hgroup, 
keygen, 
meter, 
nav, 
output, 
progress, 
section, source, 
video {
	display:block;
}
mark, 
rp, rt, ruby, 
summary, 
time {
	display:inline;
}

/* Global properties ======================================================== */
body { 
	background:url(/images/body-bg0.jpg) no-repeat center top #08557f; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#696969;
}
html { 
	min-width:962px;
}
html, 
body { 
	height:100%;
}



/* Global Structure ============================================================= */
#main {
	margin:0 auto;
	position:relative;
	width:962px;
	font-size:.75em;
}

	#mainContent {
		background-color:#fff;
		padding:4px;
	}

	/* Header */
	header{
		height:70px;
		position:relative;
	}
	
	section#content {
		width:669px; 
		margin-right:5px;
		float:left;
	}
	
	/*===== Sidebar =====*/
	aside {
		width:268px;
		float:left;
	}
	
	/* Footer */
	footer {
		padding:17px 21px 25px 21px;
		color:#fff;
	}




/* Left & Right alignment */

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, 
.col-2, 
.col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}	

.wrapper { 
	width:100%;
	overflow:hidden;
}



/*---- tailings ----*/
.tail-top { 
	background:url(/images/tail-top.png) left top repeat-x;
}

/*----- form defaults -----*/
input, 
select, 
textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- lists -----*/

.extra-nav {
	position:absolute;
	left:0;
	top:18px;
}
	.extra-nav li {
		float:left;
		border-right:1px solid #6d6c6c;
		line-height:1.2em;
		padding-right:16px;
		margin-right:16px;
	}
		.extra-nav li.last {
			border:0;
			padding:0;
			margin:0;
		}
			.extra-nav li a {
				color:#6d6c6c;
				text-decoration:none;
			}
			.extra-nav li a:hover {
				color:#fff;
			}

.platforms {
	padding-bottom:6px;
}			
.platforms li {
	display:inline;
			border-right:1px solid #3f3f3f;
			line-height:1.2em;
			padding-right:16px;
			margin-right:16px;
		}
		.platforms li.last {
			border:0;
			margin:0;
			padding:0;
		}
			.platforms li a {
				color:#757474;
				text-decoration:none;
			}
			.platforms li a:hover {
				color:#fff;
			}
			
.social-services {
	float:right;
	padding-top:9px;
}
	.social-services li {
		float:left;
		padding-left:4px;
	}
	
nav ul {
	width:100%;
	overflow:hidden;
	padding-bottom:8px;
}
	nav ul li {
		float:left;
		font-size:18px;
		line-height:1em;
		padding-right:1px;
	}
		nav ul li a {
			display:block;
			background-image:url(/images/nav-tail.gif);
			background-repeat:repeat-x;
			background-position:left top;
			color:#fff;
			text-decoration:none;
		}
		nav ul li a:hover,
		nav ul li a.active {
			background-image:url(/images/nav-act-.gif);
		}
			nav ul li a span {
				display:block;
				background-image:url(/images/nav-left.gif);
				background-repeat:no-repeat;
				background-position:left top;
			}
			nav ul li a:hover span,
			nav ul li a.active span {
				background-image:url(/images/nav-act0.gif);
			}
				nav ul li a span span,
				nav ul li.first a span span {
					background-repeat:no-repeat;
					background-position:right top;
					background-image:url(/images/nav-righ.gif);
					padding:20px 24px 13px 24px;
				}
				nav ul li a:hover span span,
				nav ul li.first a:hover span span,
				nav ul li a.active span span,
				nav ul li.first a.active span span {
					background-image:url(/images/nav-act1.gif);
				}
	nav ul li.first a span {
		background-image:url(/images/nav-firs.gif);
	}
	nav ul li.first a:hover span,
	nav ul li.first a.active span {
		background-image:url(/images/nav-act2.gif);
	}
	nav ul li.last {
		padding:0;
	}
		nav ul li.last a span span {
			padding-right:27px;
			padding-left:26px;
			background-image:url(/images/nav-last.gif);
		}
		nav ul li.last a:hover span span,
		nav ul li.last a.active span span {
			background-image:url(/images/nav-act3.gif);
		}

.list {
	width:100%;
	overflow:hidden;
}
	.list li {
		float:left;
		width:213px;
		margin-right:7px;
	} 
	.list li.last {
		margin:0;
	}
		.list li strong {
			display:block;
			color:#f2f2f2;
			padding:5px 0 3px 0;
		}
		.list li a {
			text-decoration:none;
			color:#88888b;
		}
		.list li a:hover strong {
			color:#c3e82f;
		}
		
.list1 li {
	width:100%;
	overflow:hidden;
	vertical-align:top;
	line-height:1.5em;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:13px;
	margin-bottom:13px;
}
.list1 li.last {
	border:0;
	margin:0;
	padding:0;
}
	.list1 li img {
		float:left;
		margin:0 18px 0 0;
	}
	.list1 li strong {
		color:#1d1d1d;
		font-size:1.17em;
		line-height:1.286em;
		text-transform:uppercase;
		display:block;
		padding:6px 0 8px 0;
	}
	.list1 li .link1 {
		position:relative;
		top:10px;
		vertical-align:baseline;
	}

.list2 {
	padding-bottom:1px;
}
	.list2 li {
		padding-bottom:8px;
		line-height:1.5em;
	}	
		.list2 li a {
			display:block;
			width:247px;
			height:50px;
			color:#959595;
			text-decoration:none;
			background-repeat:no-repeat;
			background-position:0 -116px;
			background-image:url(/images/buttons0.gif);
		}
			.list2 li a span {
				display:block;
				padding:7px 0 0 26px;
			}
		.list2 li a:hover {
			color:#fff;
			font-weight:bold;
			background-position:0 0;
		}
		.list2 li.alt a {
			background-position:0 -58px;
		}
		.list2 li.alt a:hover {
			background-position:0 0;
		}
		
.list3 {
	padding-bottom:9px;
}
	.list3 li {
		padding-bottom:8px;
		line-height:1.5em;
	}	
		.list3 li a {
			display:block;
			width:247px;
			height:50px;
			color:#fff;
			text-decoration:none;
			background-repeat:no-repeat;
			background-position:0 -116px;
			background-image:url(/images/buttons1.gif);
		}
			.list3 li a span {
				display:block;
				padding:7px 0 0 10px;
			}
		.list3 li a:hover {
			color:#fff;
			font-weight:bold;
			background-position:0 0;
		}
		.list3 li a b {
			display:block;
		}
		.list3 li.alt a {
			background-position:0 -58px;
			color:#09567e;
		}
		.list3 li.alt a:hover {
			background-position:0 0;
			color:#fff;
		}

.list4 {
	padding-bottom:2px;
}		
	.list4 li {
		height:78px;
		background-repeat:no-repeat;
		background-position:right top;
		background-image:url(/images/bg-right.gif);
		background-color:#3a3a3a;
		width:100%;
		overflow:hidden;
		vertical-align:top;
		cursor:pointer;
		padding-top:10px;
		margin-bottom:6px;
	}
		.list4 li span {
			display:block;
			padding-right:14px;
		}
		.list4 li img {
			float:left;
			margin:-10px 15px 0 0;
		}
		.list4 li a {
			color:#9d9d9d;
			text-decoration:none;
		}
		.list4 li a:hover {
			color:#fff;
			font-weight:bold;
		}
		.list4 li a strong {
			display:inline-block;
			color:#fff;
			position:relative;
			cursor:pointer;
			top:12px;
			background:url(/images/button-t.gif) repeat-x left top;
		}
			.list4 li a strong strong {
				background:url(/images/button-l.gif) no-repeat left top;
				top:0;
			}
			.list4 li a strong b {
				font-size:.92em;
				display:block;
				padding:4px 6px 3px 6px;
				background:url(/images/button-r.gif) no-repeat right top;
			}
.list4 li.alt {
	background-image:url(/images/bg-righu.gif);
	background-color:#2b2b2b;
}


/*----- other -----*/

p {
	margin-bottom:16px;
	line-height:1.5em;
}

dl {
	padding-top:7px;
}
	dl dt {
		color:#1d1d1d;
		font-size:1.17em;
		line-height:1.286em;
		text-transform:uppercase;
		display:block;
		padding:0 0 8px 0;
		font-weight:bold;
	}
	dl dd {
		padding-bottom:20px;
		line-height:1.5em;
	}
	
	
.inside {
	padding:100px 8px 9px 13px;
}
	
.indent {
	margin-bottom:6px;
}
.indent1 {
	padding-bottom:24px;
}
.indent2 {
	margin-bottom:7px;
}
	

/*----- txt, links, lines, titles -----*/
a {
	color:#565656; 
	outline:none;
}
a:hover {
	text-decoration:none;
}

h1 {
	text-indent:-9999px;
	position:absolute;
	top:80px;
	left:-1px;
}
	h1 a {
		width:235px;
		height:70px;
		float:left;
		background:url(/images/logo.png) no-repeat left top;
	}
h2 {
	font-size:18px;
	line-height:1.2em;
	color:#fff;
	text-transform:uppercase;
	background:url(/images/title-le.gif) no-repeat left top #3a3a3a;
	position:relative;
	margin-bottom:5px;
}
h2.extra {
	background:url(/images/title-lf.gif) no-repeat left top #9c9c9c;
	margin:0;
}
	h2 span {
		display:block;
		background-image:url(/images/title-ri.gif);
		background-repeat:no-repeat;
		background-position:right top;
		padding:12px 0 9px 12px;
		height:22px;
		overflow:hidden;
	}
	h2.extra span {
		background-image:url(/images/title-rj.gif);
	}
	h2 a {
		font-weight:bold;
		position:absolute;
		right:15px;
		top:13px;
		line-height:1.2em;
		color:#fff;
		text-transform:none;
		font-size:.667em;
	}
h5 {
	color:#c3e82f;
	font-size:1em;
	line-height:1.5em;
	margin-bottom:16px;
}

.link1 { 
	display:inline-block;
	background:url(/images/link1-bg.gif) left top repeat-x; 
	color:#fff;
	line-height:1.2em; 
	text-decoration:none;
	cursor:pointer;
}
	.link1 span {
		display:inline-block;
		background:url(/images/link1-le.gif) no-repeat left top;
	}
	.link1 b { 
		background:url(/images/link1-ri.gif) no-repeat right top; 
		padding:4px 8px 5px 8px;
		display:block; 
	}
	.link1:hover b { 
		text-decoration:underline;
	}
	
.link2 { 
	display:inline-block;
	background:url(/images/link2-bg.gif) left top repeat-x; 
	color:#fff;
	line-height:1.2em; 
	text-decoration:none;
	cursor:pointer;
}
	.link2 span {
		display:inline-block;
		background:url(/images/link2-le.gif) no-repeat left top;
	}
	.link2 b { 
		background:url(/images/link2-ri.gif) no-repeat right top; 
		padding:5px 8px 4px 8px;
		display:block; 
	}
	.link2:hover b { 
		text-decoration:underline;
	}
	
.link3 { 
	display:inline-block;
	background:url(/images/link3-bg.gif) left top repeat-x; 
	color:#fff;
	line-height:1.2em; 
	text-decoration:none;
	cursor:pointer;
}
	.link3 span {
		display:inline-block;
		background:url(/images/link3-le.gif) no-repeat left top;
	}
	.link3 b { 
		background:url(/images/link3-ri.gif) no-repeat right top; 
		padding:5px 8px 4px 8px;
		display:block; 
	}
	.link3:hover b { 
		text-decoration:underline;
	}
	
.link4 { 
	display:inline-block;
	background:url(/images/link4-bg.gif) left top repeat-x; 
	color:#fff;
	line-height:1.2em; 
	text-decoration:none;
	cursor:pointer;
}
	.link4 span {
		display:inline-block;
		background:url(/images/link4-le.gif) no-repeat left top;
	}
	.link4 b { 
		background:url(/images/link4-ri.gif) no-repeat right top; 
		padding:5px 8px 4px 8px;
		display:block; 
	}
	.link4:hover b { 
		text-decoration:underline;
	}
	

/*==================boxes====================*/
.main-box {
	width:100%;
}
	.main-box .left-top-corner {
		background:url(/images/left-top.gif) no-repeat left top #1d1d1d;
		width:100%;
	}
	.main-box .left-bot-corner {
		background:url(/images/left-bot.png) no-repeat left bottom;
		height:6px;
		padding-left:6px;
	}
	.main-box .right-bot-corner {
		background:url(/images/right-bo.png) no-repeat right bottom;
		height:6px;
		padding-right:6px;
	}
	.main-box .border-bot {
		height:6px;
		font-size:0;
		line-height:0;
		overflow:hidden;
		background-color:#1d1d1d;
	}
	.main-box .inner {
		padding:9px 9px 0 9px;
	}
	
.box {
	width:100%;
	background-color:#1d1d1d;
	color:#88888b;
}
	.box .left-top-corner {
		background:url(/images/left-toq.gif) no-repeat left top;
	}
	.box .right-top-corner {
		background:url(/images/right-to.gif) no-repeat right top;
	}
	.box .left-bot-corner {
		height:auto;
		padding:0;
		width:100%;
		background:url(/images/left-bot.gif) no-repeat left bottom;
	}
	.box .right-bot-corner {
		height:auto;
		padding:0;
		background:url(/images/right-bo.gif) no-repeat right bottom;
	}
	.box .inner {
		padding:8px;
	}
	.box .inner1 {
		padding:8px 8px 9px 7px;
	}
	.box .inner2 {
		padding:25px 8px 28px 20px;
	}
	.box h2 {
		background:none;
		color:#8e8e8e;
		text-align:right;
		padding:4px 6px 0 0;
		margin-bottom:8px;
	}
		.box h2 span {
			background:none;
			padding:0;
		}
		
.box1 {
	width:100%;
	background-color:#09567e;
}
	.box1 .left-top-corner {
		background:url(/images/left-tor.gif) no-repeat left top;
	}
	.box1 .right-top-corner {
		background:url(/images/right-tp.gif) no-repeat right top;
	}
	.box1 .left-bot-corner {
		height:auto;
		padding:0;
		background:url(/images/left-bou.gif) no-repeat left bottom;
	}
	.box1 .right-bot-corner {
		height:auto;
		padding:0;
		background:url(/images/right-bp.gif) no-repeat right bottom;
	}
	.box1 .inner {
		padding:8px 8px 9px 7px;
	}
	.box1 h2 {
		background:none;
		color:#fff;
		text-align:right;
		padding:4px 6px 0 0;
		margin-bottom:8px;
	}
		.box1 h2 span {
			background:none;
			padding:0;
		}



/*===== header =====*/

header div.platforms {
	position:absolute;
	top:70px;
	right:0;
	background:url(/images/platforn.png) no-repeat right top;
}
	header div.platforms .right {
		padding:0 6px;
		float:left;
		background:url(/images/platforn.png) no-repeat right top;
	}
	header div.platforms ul {
		height:61px;
		float:left;
		background:url(/images/platform.gif) repeat-x left top;
		padding:0 22px 0 21px;
	}
		header div.platforms ul li {
			float:left;
			font-weight:bold;
			border-right:1px solid #3f3f3f;
			line-height:1.2em;
			padding-right:16px;
			margin-right:16px;
			position:relative;
			top:20px;
		}
		header div.platforms ul li.last {
			border:0;
			margin:0;
			padding:0;
		}
			header div.platforms ul li a {
				color:#757474;
				text-decoration:none;
			}
			header div.platforms ul li a:hover {
				color:#fff;
			}


/*===== footer =====*/
footer a {
	color:#c3e82f;
	text-decoration:none;
}
footer a:hover {
	text-decoration:underline;
}


/*----- forms -----*/

#login-form fieldset {	
	float:right;
	padding-top:14px;
}
#login-form input {
	background:none;
	border:0;
	color:#c0c0c0;
	vertical-align:top;
	line-height:1.2em;
	margin:3px 0 0 8px;
	width:76px;
}
#login-form strong {
	float:left;
	width:92px;
	height:23px;
	margin-right:3px;
	background:url(/images/input-bg.gif) no-repeat left top;
}
#login-form b {
	font-size:.92em;
	line-height:1.2em;
	font-weight:normal;
	float:left;
	color:#a2dc04;
	padding-left:9px;
}
	#login-form b a {
		color:#f2f2f2;
		text-decoration:none;
	}
	#login-form b a:hover {
		text-decoration:underline;
	}
#login-form a.login {
	color:#f2f2f2;
	text-decoration:none;
	line-height:1.2em;
	float:left;
	background:url(/images/button-u.gif) repeat-x left top;
	position:relative;
	top:-1px;
	cursor:pointer;
}
#login-form a.login:hover {
	color:#b5d8fc;
}
	#login-form a.login span {
		float:left;
		background:url(/images/button-m.gif) no-repeat left top;
	}
		#login-form a.login span span {
			background:url(/images/button-s.gif) no-repeat right top;
			padding:5px 9px 5px 9px;
		}
		
		
#search-form fieldset {
	position:absolute;
	right:0;
	top:75px;
}
#search-form span {
	width:218px;
	height:28px;
	background:url(/images/input-bh.gif) no-repeat left top;
	float:left;
	margin-right:2px;
}
#search-form input {
	background:none;
	border:0;
	color:#5d5e5e;
	vertical-align:top;
	line-height:1.2em;
	margin:6px 0 0 11px;
	width:197px;
}
#search-form a.search {
	float:left;
	width:29px;
	height:28px;
	background:url(/images/search-b.gif) no-repeat left top;
}
		

/*==========================================*/

#bottomSect .inside {
	padding:18px 18px 14px 16px;
}
#bottomSect .extra-nav {
	position:static;
}

/*---*/

div#feature_list {
	width:669px;
	height:480px;
	overflow: hidden;
	position: relative;
}

div#feature_list ul {
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#tabs {
	z-index: 10;
	position:absolute;
	left:8px;
	height:117px;
	bottom:7px;
	width:661px;
}

ul#tabs li {
	float:left;
	margin-right:7px;
}

ul#tabs li a {
		width:213px;
		height:117px;
		float:left;
		display:block;
		background-image:url(/images/thumb-bg.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
		text-decoration:none;
		color:#fff;
}
	ul#tabs li a span {
			display:block;
			padding:38px 0 0 20px;
		}
			ul#tabs li a span span {
				padding:0;
				color:#ff8400;
				padding:3px 0 10px 0;
			}
		ul#tabs li a strong {
			font-size:1.17em;
			text-transform:uppercase;
		}
		ul#tabs li a b {
			text-decoration:underline;
		}
	ul#tabs li a.current,
	ul#tabs li a:hover {
		background-image:url(/images/thumb-ac.png);
		background-position:left top;
	}
		ul#tabs li a.current span span,
		ul#tabs li a:hover span span {
			color:#fff;
		}

ul#output {
	width:669px;
	height: 366px;
	position: relative;
	left:0;
	top:0;
	z-index:1;
}

	ul#output li {
		position: absolute;
		width:669px;
		height: 366px;
		left:0;
		top:0;
	}



/*** 

   
   
  * Autor URL: http://ucozmafia.ru 
  * Skype: artmen_ok 

***/ 

#menu_bg {background:url(/img/bg_menu.png) no-repeat;width:940px;height:51px;overflow:hidden;margin:0 auto;position:relative;padding:6px;} 
#menu {list-style:none;margin:0;padding:0;background:url(/img/bg_menu.png) no-repeat 0 -63px;width:938px;height:48px;overflow:hidden;border-radius:10px;} 
#menu li {float:left;color:#fff;text-shadow:0 2px 0 #01263c;padding:0 38px;height:48px;line-height:48px;} 
#menu li:hover {background:url(/img/menu_li_hover.png) repeat-x 0 0;text-shadow:0 2px 0 #02486b;padding:0;} 
#menu li a {color:#fff;font:bold 11px Tahoma;text-shadow:0 2px 0 #01263c;text-decoration:none;} 
#menu li:hover span {background:url(/img/menu_li_hover.png) no-repeat center bottom;height:48px;display:block;line-height:48px;padding:0 45px;} 
.divider {background:url(/img/divider.png) no-repeat right;width:2px;height:48px;display:block;float:left;}

.list1 table td {border:1px solid #000;}