img, body, textarea, div, span, a, h1, h2, h3, h4, h5, h6 , form
{
	margin:0;
	padding:0;
	border:0;
	font-size:11px;
} 

strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: tahoma, courier, monaco, "Lucida Console", mono-space; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* QUOTES */
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* language specific quotes! */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/* HR */
hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */
ul li { text-indent: -.85em; margin-left: .85em; }
ul li:before { content: "\2022\00a0\00a0"; }
ol { list-style-position: outside; list-style-type: decimal; }
dt { font-weight: bold; }

/* TABLES */
table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */
blockquote *:first-child { margin: .8em 0; }
hr, p, ul, ol, dl, pre, blockquote, address, table { margin-bottom: 1.6em; }
p+p { margin-top: -.8em; }

dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }

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

HTML, BODY
{
	height:100%;
	zoom:1;
	padding:0;
}

IMG 
{
	border:0;
}

html
{
	background:#ece0ee url(images/fon-top.png) left top repeat-x;
}

body
{
	_height:1276px;
	font-family:Arial;
}

.null
{
	overflow:hidden;
	zoom:1
}

.f-right
{
	float:right;
}

.page
{
	background:transparent url(images/fon-bottom.png) left bottom repeat-x;
	min-height:1276px;
	
	overflow:hidden;
	zoom:1;
	min-width:992px;
	//min-width:990px;
	_width: expression((((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 990 ? "990px" : "100%")); 
}

.header
{
	height:328px; /*345px;*/
	padding-left:30px;
	padding-right:30px;
	padding-top:17px;
	overflow:hidden;
}

	.header-top
	{
		height:106px;
		width:100%;
		
		/*background-color:rgba(255,0,0,0.3);*/
	}
	
		.header-top-left
		{
			width:454px;
			float:left;
			padding-left:30px;
		}
		
			.header-top-left a img
			{
				width:402px;
				height:101px;
			}
		
		.header-top-right
		{
			width:400px; /*205px;*/
			float:right;
			padding-top:19px;
			
			font-size:12px;
			font-family:Arial;
			font-weight:bold;
			color:#380968;
		}
		
			.header-top-right span
			{
				display:block;
				float:right;
				padding-right:22px;
			}
		
				.header-top-right span a
				{
					color:#380968;
					text-decoration:none;
				}		
				
				.header-top-right span a:hover
				{
					text-decoration:underline;
				}
		
			.soap
			{
				display:block;
				float:right;
				width:19px;
				height:14px;
				background:url(images/soap.png) left top no-repeat;
			}
			
	.header-menu
	{
		height:185px;
		overflow:hidden;
		background:url(images/menu-bg.png) left top repeat-x;
		_background:url(blank.gif); /* убираем полупрозрачный бекграунд в ie6  */
	}
	
		.menu
		{
			width:17%;
			float:left;
			padding-top:11px;
			margin-left:2.9%;
			_margin-left:1.45%;
		}
		
			.menu span
			{
				display:block;
				font-size:15px;
				font-weight:bold;
				color:#ffff04;
				height:38px;
			}
			
			.menu a
			{
				display:block;
				font-size:12px;
				font-family:Verdana;
				color:#d7d7d7;
				text-decoration:none;
				padding-left:11px;
				background:url(images/li.png) 0px 4px no-repeat;
				margin-bottom:10px;
				/*min-width:185px;*/

			}
			
			.menu a:hover
			{
				color:#ffff04;
				text-decoration:underline;
				background:url(images/li-y.png) -1px 4px no-repeat;
			}
			
			.menu a.curr
			{
				color:#ffff04;
				text-decoration:none;
				background:url(images/li-y.png) -1px 4px no-repeat;
			}			
		
		
		.menu-1 { width:17%; }
		.menu-2 { width:19%; }
		.menu-3 { width:12%; }
		.menu-4 { width:18%; }
		.menu-5 { width:17%; }
		
		
	.header-bottom
	{
		height:39px;
		overflow:hidden;
		font-size:15px;
		font-weight:bold;
		color:#ffff04;
		margin-left:2.9%;
	}
	
		.header-bottom a.slogan
		{
			float:left;
			color:#ffff04;
			text-decoration:none;
			font-size:14px;
		}

		.header-bottom a.slogan:hover
		{
			text-decoration:underline;
		}

		
		a.hata
		{
			display:block;
			float:right;
			width:24px;
			height:19px;
			background:url(images/hata.png) 0px 0px no-repeat;
		}
		
		a.hata:hover
		{	
			background:url(images/hata.png) -24px 0px no-repeat;
		}
		
/*---------------------*/

.work
{
	margin-top:35px;
	margin-right:30px;
	margin-left:30px;
	/*background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYmBgaAAIMAAAjwCD5Hc2/AAAAABJRU5ErkJggg==)*/
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABBJREFUeNpi+P/v/0yAAAMACZIDlhM/HgAAAAAASUVORK5CYII=);
	background:rgba(255,255,255,0.6);
	
	zoom:1; /* hasLayout чтобы фильтр применился */
	//background:#FFF;
	//filter:alpha(opacity=60);
}		

.work *
{
	//position:relative;
}

	.doted-bottom
	{
		background:url(images/dotes.png) left bottom repeat-x;
	}
	
	.shadow
	{
		-webkit-box-shadow: 2px 2px 4px #7f6a93;
		-moz-box-shadow: 2px 2px 4px #7f6a93;
		box-shadow: 2px 2px 4px #7f6a93;		
	}
	
	.work-upcomment
	{
		padding:30px;
		padding-top:15px;
		padding-bottom:25px;
		
		font:16px/21px Verdana;
		color:#623a87;
	}
		
		.work-upcomment p
		{
			margin:0;
			padding:0;
		}
	
	.work-content
	{
		padding:30px;
		padding-top:22px;
		padding-bottom:44px; /*44*/
		
		font:13px/19px Verdana;
		color:#8e6ca7;
		
		min-height:700px;
		_height:700px;
	}
	
		.work-content h1, .work-content h2, .work-content h1 a
		{
			padding:0;
			margin:0;
			margin-bottom:19px;
			text-align:center;
			font-size:17px;
			font-weight:bold;
			font-family:Verdana;
			color:#7542a4;
		}
		
		.work-content p
		{
			margin-top:20px;
		}
		
		.work-content p:first-child
		{
			margin-top:0px;
		}		
		
		.right-block
		{
			float:right;
			width:375px;
			margin-left:27px;
			margin-bottom:22px;
		}
		
			.ramka-image
			{

			}
				
				.ramka-image div
				{
					
				}
					
					.ramka-image div span
					{
						display:block;
						padding-top:127px;
						background:url(images/ramka-24-top.png) 0px 0px no-repeat;
						_background:url(images/ramka-8-top.png) 0px 0px no-repeat;
						
					}
					
						.ramka-image div span b
						{
							display:block;
							background:url(images/ramka-24-middle.png) 0px 0px repeat-y;
							_background:url(images/ramka-8-middle.png) 0px 0px repeat-y;
							font-size:1px;
						}
						
						.ramka-image div span i
						{
							display:block;
							height:180px;
							background:url(images/ramka-24-bottom.png) 0px 0px no-repeat;
							_background:url(images/ramka-8-bottom.png) 0px 0px no-repeat;
						}	
						
			.ramka-image-320-240
			{
				width:370px;
				height:278px;
				background:url(images/ramka-24-geshtalt-320240.png) 0px 0px no-repeat;
				_background:url(images/ramka-8-geshtalt-320240.png) 0px 0px no-repeat;
				
				/*position:absolute; */
				margin-top:-272px;
				
				position:relative; 
				//margin-top:-267px;
				//margin-left:-2px;
			}
						
	.work-bottom
	{	
		
		padding-left:30px;
		overflow:hidden;
		zoom:1;
		padding-bottom:66px;
	}
	
		.wb-pic
		{
			float:left;
			width:20%;
			_width:19%;
			margin-top:34px;
			margin-right:2.4%;
			margin-left:2.4%;
			overflow:hidden;
			zoom:1;
		}
		
			a.wb-rp
			{
				display:block;
				height:120px;
				width:176px;
			}
			
			a.wb-rp span
			{
				display:block;
				height:100%;
				background:url(images/smallramka-24.png) 0px 0px no-repeat;
				_background:url(images/smallramka-8.png) 0px 0px no-repeat;
			}
		
		a.wb-caption
		{
			display:block;
			margin-bottom:5px;
			font-size:12px;
			font-family:Verdana;
			font-weight:bold;
			color:#380968;
			text-decoration:none;
			text-align:center;
		}
		
		a.wb-caption:hover
		{
			text-decoration:underline;
		}
		
	.bottom-menu
	{
		margin-right:30px;
		margin-left:30px;
		height:49px;
		background:url(images/bottom-menu.png) 0px 0px repeat-x;
		
		font-size:13px;
		color:#e2e2e2;
		text-align:center;
		line-height:49px;
	}
	
		.bottom-menu a
		{
			color:#e2e2e2;
			text-decoration:none;
			padding-left:25px;
			padding-right:25px;
		}
		
		.bottom-menu a:hover
		{
			color:#ffffff;
			text-decoration:underline;
		}
	
.copyright
{
	float:right;
	font-size:14px;
	height:34px;
	line-height:34px;
	padding-right:30px;
	color:#e2e2e2;
	
	padding-left:26px;
	background:url(images/copy.png) left center no-repeat;
	
	margin-bottom:44px;
}

.tleft
{
	float:left;
}

	.tleft a
	{
		cursor:pointer;
	}

.cont-table
{
	border-collapse:collapse;
	border-spacing:0px;
	border:0;
	width:100%;
}	

		.cont-table td
		{
			vertical-align:top;
			padding:0px;
			border:0px;
		}
		
.left-side
{
	/*float:left;*/
	width:308px;
	/*margin-top:-22px;*/
	padding-top:44px;
	padding-bottom:68px;
}

.left-side-port
{
	width:280px;
	padding-right:32px;
	background:url(images/dotes.png) left bottom repeat-x;
	text-align:center;
}

.right-side-port
{
	background:url(images/dotes.png) left bottom repeat-x;
	padding-left:8px;
}
	
	.left-side-capt
	{
		display:block;
		text-decoration:none;
		padding-left:24px;
		font-size:14px;
		font-family:Verdana;
		color:#633b87;
		margin-bottom:13px;
		background:url(images/left-li-off.png) left 3px no-repeat;
		padding-right:30px;
	}
	
		a.left-side-capt:hover
		{
			text-decoration:underline;
			background:url(images/left-li-on.png) left 3px no-repeat;
		}
	
		.lsc-curr
		{
			background:url(images/left-li-on.png) left 3px no-repeat;
			font-weight:bold;
		}
		
	.left-side-text
	{
		font:12px/16px Verdana;
		color:#8e6ca7;
		margin-bottom:30px;
		padding-right:30px;
	}
	
		.lst-curr
		{
			font-weight:bold;
			padding-right:30px;
		}
		
		.lsc-curr-t, .lsc-curr-t a
		{
			font-weight:bold;
			color:#000000;
		}
		
	
	.down-logo
	{
		background:url(images/down-logo-8.png) 0px bottom no-repeat;
		min-height:700px; 
		_height:700px; 
		padding-bottom:0px; /*44*/
		overflow:hidden;
		_overflow:show;
		zoom:1		
	}	
	
	.mid-dots
	{
		background:url(images/dotes2.png) 308px top repeat-y;		
	}	
	
	.mid-dots-games
	{
		background:url(images/dotes2.png) 258px top repeat-y;		
	}	
	
	.right-side
	{
		/*float:right;*/
		/*width:66%;*/
		font-size:13px;
		font-family:Verdana;
		color:#8e6ca7;
		vertical-align:top;
		padding-bottom:0px;
	}
	
	h2
	{
		font-size:14px;
		font-family:Verdana;
		color:#7542a4;
		text-align:center;
	}
	
.text-bottom-dots
{
	font:12px/17px Verdana;
	color:#8e6ca7;
	background:url(images/dotes.png) left bottom repeat-x;
	padding-bottom:44px;
	margin-bottom:30px;
	
	overflow:hidden;
	zoom:1;
}	

	.work a 
	{
		color:#5a2989;
		text-decoration:none;
		font:12px/17px Verdana;
	}
	
	.work a:hover
	{
		color:#c7a1e2;
	}
	
	.work a:active
	{
		color:#5a2989;
	}
	
.nav	
{
	float:right;
	margin-top:15px;
	margin-bottom:15px;
	
	overflow:hidden;
	zoom:1;
	
	margin-top:-16px;
	margin-bottom:0px
}

	.nav a, .nav span
	{
		display:block;
		float:left;
		height:16px;
		padding-left:4px;
		padding-right:4px;
		line-height:16px;
		text-align:center;
		text-decoration:none;
		color:#bfaccd;
		font-size:11px;
		font-family:Verdana;
		margin-right:2px;
	}
 
	.nav span
	{
		color:#380968;		
	}
	
	.nav a:hover
	{
		color:#380968;
	}
	
	.list_arr_left
	{
		background:url(images/to-left.png) top center no-repeat;
	}
	
		a.list_arr_left:hover
		{
			background:url(images/to-left.png) bottom center no-repeat;
		}
	
	.list_arr_right
	{
		background:url(images/to-right.png) top center no-repeat;
	}
	
		a.list_arr_right:hover
		{
			background:url(images/to-right.png) bottom center no-repeat;
		}
		
h3
{
	font-family:Verdana;
	font-size:15px;
	color:#380968;
	text-align:center;
	margin-bottom:40px;
	padding-right:10%;
}		

.port
{
	width:480px;
	padding:0px;
	/*margin:0 auto;*/
	float:right;
	margin-left:32px;
	margin-bottom:32px;
}

	.port-swf
	{
		width:464px;
		padding-right:16px;
		overflow:show;
		margin-left:16px;
		
		_padding-right:0px;
	}
	
	.port-pic
	{
		width:500px;
	}
	
	
.port-game
{
	width:500px;
	height:386px;
	margin:0 auto;
}

	.port-img
	{
		width:500px;
		height:386px;
	}
	
	.ramka-image-500
	{
		width:500px;
		height:386px;	
		background:url(images/ramabig-24.png) 0px 0px no-repeat;
		_background:url(images/ramabig-8.png) 0px 0px no-repeat;
		margin-top:-386px;
	}
	
	.ramka-image-320-240-port
	{
		width:370px;
		height:278px;
		background:url(images/ramka-24-geshtalt-320240.png) 0px 0px no-repeat;
		_background:url(images/ramka-8-geshtalt-320240.png) 0px 0px no-repeat;
		
		position:absolute; 
		margin-top:-270px;
		
		//position:relative; 
		//margin-top:-267px;
		//margin-left:-2px;
	}	
	
.game-one
{
	display:block;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	font-family:Verdana;
	color:#633b87;
	padding-right:22%;
	margin-bottom:35px;
	_padding-right:2%;
}	

.game-curr
{
	font-weight:bold;
	font-size:13px;
}

.game-thumb
{
	width:171px;
	height:121px;
}

	.game-thumb a
	{
		display:block;
		width:171px;
		height:121px;	
		background:url(images/smallramka-24.png) 0px 0px no-repeat;
		_background:url(images/smallramka-8.png) 0px 0px no-repeat;
	}
	
	.game-thumb a.curr
	{
		background:url(images/smallramka-24-curr.png) 0px 0px no-repeat;
		_background:url(images/smallramka-8-curr.png) 0px 0px no-repeat;
	}
	
	
	.game-obertka
	{
		width:171px;
		margin:0 auto;
		padding-right:22%;
	}
	
.map-bloq 
{
	overflow:hidden;
	zoom:1;
	margin-bottom:30px;
}	

	.map-bloq a
	{
		padding-right:20px;
	}

.to-left
{
	float:left;
	width:30%;
	height:140px;
	padding-right:3%;
}

.to-left a
{
	display:block;
	margin-bottom:4px;
}

a.thickbox img
{
	margin:10px;
}


/*===========================================*/
.div-ie
{
	float:right; 
	overflow:hidden; 
	zoom:1; 
	width:496px;
}

#mmap
{
	
}

	#mmap ul
	{
		margin-top:0px;
		margin-bottom:8px;
		list-style:none;
	}
	
	#mmap ul li
	{
		font-size:12px;
		line-height:18px;
	}
	
	
/*-DEBUG-*/
/*
.nav
{
	border:1px #0000ff solid;
}

.cont-table td
{
	border:1px #ff0000 solid;
}

.down-logo
{
	border:1px #ffff00 solid;
}

*/


#xtop
{
	//margin-top:-50px;
}

#topbanner
{
	position:absolute;
	width:525px;
	height:90px;
	top:8px;
	right:150px;
	overflow:hidden;
}