/* ===== 'styles.css' ===== */

/*	--- --- --- --- ---
[project info]
	name - Gsk.
	date - 13.11.2009.
	
	styles:
	--- --- --- --- --- --- --- --- --- ---
	http://www.gsr.by/img/default.css (6 kb)
	http://www.gsr.by/img/styles.css (16 kb)
	http://www.gsr.by/img/styles_ie.css (6 kb)
	--- --- --- --- --- --- --- --- --- ---
	total: (28 kb)
	
	developer	- OOO "КасперСистемс"
	reply-to	- http://www.kasper.by

[fonts]
	1. general (base):			"Times New Roman", Times, serif;
						(extra):			Georgia, "Times New Roman", Times, serif;
	
	2. monospace:						"Courier New", Courier, monospace;
	3. forms:								Arial, Helvetica, sans-serif;

[colors]
	1. links (base):				#763324;
					(extra):				#545454; #e9daab; #000000;
					
	2. text (base):					#242424;
				 (extra):					#000000; #545454; #e9daab; #ffd35d; #793324;
				 
	3. borders:							#808080;	
	
	4. background (base):		#471f0e;
							 (extra):		#ffffff;

--- --- --- --- --- */

/* ='default.css'
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
@import url(default.css);
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

/* =global
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
html {
	font-size: 100.01%;
}
body {
	background: #471f0e;
	font-size: 62.5%;	/* - '1em' = '10px' - */
	font-family: "Times New Roman", Times, serif;
	color: #242424;
}
/* --- !!! --- */
a {
	color: #763324;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a, img {
	outline: none;
}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =ground
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.ground {
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #471f0e url(body_bg.jpg) right -234px;
	overflow: hidden;
}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =wrapper
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.wrapper {
	/*
	max-width: 1600px;
	*/
	max-width: 1280px;
	overflow: hidden;
}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =header
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.header {
	height: 86px;
	text-align: center;
	position: relative;
}
	.language-menu {
		margin: 0px;
		padding-left: 0px;
		list-style-type: none;
		position: absolute;
		top: 45px;
		left: 45px;
	}
		.language-menu li {
			display: inline;
			margin-right: 35px;
		}
			.language-menu li img {
				border: none;
				font-size: 1.4em;
				color: #e9daab;
			}
	/* --- !!! --- */
	.site-name {
		margin-top: 30px;
		margin-left: 45px;
		background: url(site_name.png);
		font-size: 1.4em;
		color: #e9daab;
		text-align: center;
	}
	/* --- !!! --- */
	.top-menu {
		margin: 0px;
		padding-left: 0px;
		list-style-type: none;
		position: absolute;
		top: 45px;
		right: 35px;
	}
		.top-menu li {
			display: inline;
			margin-left: 35px;
		}
			.top-menu li img {
				border: none;
				font-size: 1.4em;
				color: #e9daab;
			}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =top_shadow, bottom_shadow
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.top-shadow, .bottom-shadow {
	padding: 0px 234px 0px 700px;
	position: relative;
}
	.top-shadow .center, .bottom-shadow .center,
	.top-shadow .left, .bottom-shadow .left,
	.top-shadow .right, .bottom-shadow .right {
		height: 100%;
	}
	.top-shadow .left, .bottom-shadow .left,
	.top-shadow .right, .bottom-shadow .right	{
		position: absolute;
		top: 0px;
	}
	.top-shadow .left, .bottom-shadow .left {
		width: 700px;
		left: 0px;
	}
	.top-shadow .right, .bottom-shadow .right {
		width: 234px;
		right: 0px;
		
		/*
		margin-left: 100%;
		left: -234px;
		*/
	}
/* --- !!! --- */
.top-shadow {
	height: 40px;
}
	.top-shadow .left {
		background: url(top_sh_l.png);
	}
	.top-shadow .center {
		background: url(top_sh_c.png);
	}
	.top-shadow .right {
		background: url(top_sh_r.png);
	}
/* --- !!! --- */
.bottom-shadow {
	height: 85px;
}
	.bottom-shadow .left {
		background: url(bottom_sh_l.png);
	}
	.bottom-shadow .center {
		background: url(bottom_sh_c.png);
	}
	.bottom-shadow .right {
		background: url(bottom_sh_r.png);
	}	
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =window
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.window {
	min-height: 550px;
	height: auto !important;
	height: 550px;
	padding-left: 280px;
	margin-right: 234px;
	background: #fff url(window_bg.jpg) repeat-y;
	position: relative;
}
	
	/* =left_col
	--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
	.left-col {
		display: inline;
		width: 280px;
		margin-left: -280px;
		/*padding-bottom: 65px;*/
		padding-bottom: 190px;
		float: left;
	}
		.logo {
			margin-bottom: -25px;
			border: none;
			background: url(logo.png);			
			font-size: 1.4em;
			color: #e9daab;
			position: relative;
			top: -40px;
			left: 45px;
		}
		.left-col object {
			margin-bottom: -25px;
			background: url(logo.png);
			position: relative;
			top: -40px;
			left: 45px;
		}
		/* --- !!! --- */
		.menu-chapter, .menu-title {
			margin: 0em 2em;
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #000000;
			text-align: center;
		} 
		.menu-chapter {
			font-size: 1.4em;	
		}
		.menu-title {
			margin-bottom: 1.5em;
			font-size: 1.6em;
			font-weight: normal;
			text-transform: uppercase;
		}
		/* --- !!! --- */
		.cash {
			font-family: "Times New Roman", Times, serif;
			margin-bottom: 0em;
		}
		.cash-list {
			margin: 2em 5em 1em 4.5em;
			padding-left: 0em;
			list-style-type: none;
		}
			.cash-list li {
				font-size: 1.3em;
				color: #000;
				line-height: 1.5;
				overflow: hidden;
			}
				.cash-list li span {
					/*
					width: 3.5em;
					*/
					width: 4em;
					/*
					padding-left: 1em;
					background: url(cash_bg.gif) no-repeat;
					*/
					float: right;
				}
				/*
				.cash-list li span.cash-mark-lt {
					background-position: 0px 5px;
				}
				.cash-list li span.cash-mark-eq {
					background-position: 0px -13px;
				}
				.cash-list li span.cash-mark-gt {
					background-position: 0px -31px;			
				}
				*/
				.cash-list li span.desc {
					/*
					width: 3.5em;
					*/
					width: 3.3em;
					padding: 0em;
					margin-right: 1.8em;
					background: none;
					font-size: 0.85em;
					float: right;
				}
		.last {
			padding-bottom: 4.5em;
			background: url(left_col_bg.jpg) no-repeat center bottom;
		}
		/* --- !!! --- */
		.menu {
			margin: 0em 2em 2em 2em;
			padding: 0em 0em 6.5em 0em;
			background: url(left_col_bg.jpg) no-repeat center bottom;
			list-style-type: none;
		}
			.menu li {
				margin: 1em 0em;
				overflow: hidden;
			}
				/* --- !!! --- */
				.menu li a {
					height: 100%;
					padding-left: 2em;
					background: url(menu_light_bg.gif) no-repeat 0em 0.35em;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 1.4em;
					color: #763324;
					text-decoration: underline;
					float: left;
				}
				.menu li a:hover, .menu li a.active {
					background: url(menu_dark_bg.gif) no-repeat 0em 0.35em;
					color: #000;
					text-decoration: none;
				}
				/* --- !!! --- */
					.menu li ul {
						margin: 0em;
						padding: 1em 0em 1em 3em;
						list-style-type: none;
						clear: both;
					}
						.menu li ul li {
							margin: 0.5em 0em;
						}
							/* --- !!! --- */
							.menu li ul li a {
								font-size: 1.2em;
							}
		/* --- !!! --- */
		.box-block-1 {
			margin: 2em 1.5em;
			font-size: 1.4em;
		}
	/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

	/* =text_block
	--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */	
		.text-block {
			width: 280px;
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
			.box-block-2 {
				margin: 0em 2em;
				padding: 0em 1.5em;
				font-size: 1.4em;
			}
	/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
	
	/* =center_col
	--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
	.center-col {
		padding: 3.5em 4.5em;
		margin: 0px 5px 0px 10px;
		overflow: hidden;
		position: relative;
		z-index: 1;
	}
		/* --- !!! --- */
		.decor-tl, .decor-tr, .decor-bl, .decor-br {
			width: 240px;
			height: 240px;
			background: url(decor_bg.png);
			position: absolute;
			z-index: -1;
		}
		.decor-tl {
			top: -120px;
			left: -120px;
			clip: rect(120px 240px 240px 120px);
		}
		.decor-tr {
			margin-left: 100%;
			top: -120px;
			left: -120px;
			clip: rect(120px 120px 240px 0px);
		}
		.decor-bl {
			bottom: -120px;
			left: -120px;
			clip: rect(0px 240px 120px 120px);
		}
		.decor-br {
			margin-left: 100%;
			bottom: -120px;
			left: -120px;
			clip: rect(0px 120px 120px 0px);
		}
		/* --- !!! --- */

		.them-img {
			margin-bottom: 30px;
			overflow: hidden;	
			position: relative;
		}
			.them-img img {
				font-size: 1.4em;
				z-index: 2;
			}			
			/* --- !!! --- */
			#swf_content_1 img {
				background: url(them_img_1.gif) center;
			}
				#swf_content_1_4 img {
					background: url(them_img_1_4.gif) center;
				}
			/* --- !!! --- */
			#swf_content_2 img {
				background: url(them_img_2.gif) center;
			}
				#swf_content_2_1 img {
					background: url(them_img_2_1.gif) center;
				}
				#swf_content_2_2 img {
					background: url(them_img_2_2.gif) center;
				}
			/* --- !!! --- */
			#swf_content_3 img {
				background: url(them_img_3.gif) center;
			}
			#swf_content_4 img {
				background: url(them_img_4.gif) center;
			}
			#swf_content_5 img {
				background: url(them_img_5.gif) center;
			}
			/* --- !!! --- */
			#swf_content_6 img {
				background: url(them_img_6.gif) center;
			}
				#swf_content_6_2 img {
					background: url(them_img_6_2.gif) center;
				}
			/* --- !!! --- */
			.corn-tl, .corn-tr, .corn-bl, .corn-br {
				width: 80px;
				height: 80px;
				background: url(corn_bg.png);
				position: absolute;
				z-index: 3;
			}
			.corn-tl {
				clip: rect(40px 80px 80px 40px);
				top: -40px;
				left: -40px;
			}
			.corn-tr {
				margin-left: 100%;
				clip: rect(40px 40px 80px 0px);
				top: -40px;
				left: -40px;				
			}
			.corn-bl {
				clip: rect(0px 80px 40px 40px);
				bottom: -40px;
				left: -40px;				
			}
			.corn-br {
				margin-left: 100%;
				clip: rect(0px 40px 40px 0px);
				bottom: -40px;
				left: -40px;
			}
			/* --- !!! --- */
			.page-name {
				margin: 1em 0em;
				padding-left: 0em;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 2.2em;
				font-weight: normal;
				text-align: center;
			}
	/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
	
	
	/* =right_col
	--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
	.right-col {
		width: 234px;
		height: 100%;
		position: absolute;
		top: 0px;
		right: -234px;
	}
		.sub-right-col {
			width: 100%;
			height: 100%;
			background: url(right_col_bg.png) repeat-y;
			position: absolute;
			left: 0px;
			top: 0px;
		}
		.bookmarks {
			margin: 10px 0px 0px 25px;
			padding-left: 0px;
			list-style-type: none;
		}
			.bookmarks li {
				width: 185px;
				margin: 4px 0;
				overflow: hidden;
				position: relative;
				z-index: 2;
			}
			/* --- !!! --- */
			.bookmarks li.chapter {}
			.bookmarks li.chapter-1 {
				margin-left: 2px;
			}
			.bookmarks li.chapter-2 {
				margin-left: 4px;
			}
			.bookmarks li.chapter-3 {
				margin-left: 6px;
			}
			.bookmarks li.chapter-4 {
				margin-left: 8px;
			}
			.bookmarks li.chapter-5 {
				margin-left: 10px;
			}
			.bookmarks li.chapter-6 {
				margin-left: 12px;
			}
			.bookmarks li.chapter-7 {
				margin-left: 14px;
			}
				/* --- !!! --- */
				.bookmarks a,
				.bookmarks a:visited {
					display: block;
					margin: 10px 0 20px;
					background: url(chapter_center.png) repeat-y;
					font-size: 1.1em;
					color: #ffd35d;
					text-decoration: none;
					text-shadow: #000 1px 1px 3px;
					position: relative;
					z-index: 3;
				}
				.bookmarks a:hover,
				.bookmarks a.active {
					background-position: -184px 0;
				}
					/* --- !!! --- */
					.bookmarks a .chapter-tb,
					.bookmarks a .chapter-bb {
						width: 100%;
						position: absolute;
						left: 0;
						z-index: 4;
					}
					.bookmarks a .chapter-tb {
						height: 10px;
						background: url(chapter_top.png) 0 top no-repeat;
						top: -10px;
					}
					.bookmarks a .chapter-bb {
						height: 20px;
						background: url(chapter_bottom.png) 0 bottom no-repeat;
						bottom: -20px;
					}
					/* --- !!! --- */
					.bookmarks a:hover .chapter-tb,
					.bookmarks a.active .chapter-tb {
						background-position: -185px top;
					}
					.bookmarks a:hover .chapter-bb,
					.bookmarks a.active .chapter-bb {
						background-position: -184px bottom;
					}
					/* --- !!! --- */
					.bookmarks span {
						display: block;
						padding: 0 20px;
						font-size: 1.1em;
						position: relative;
						z-index: 5;
					}
						.bookmarks strong {
							font-size: 1.3em;
							line-height: 1;
						}
	/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
	
	.overflow {
		clear: both;
	}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =footer
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.footer {
	margin-top: -45px;
	overflow: hidden;
	position: relative;
	z-index: 4;
}
	.footer p {
		margin: 1em 1.5em;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #e9daab;
	}
		.copy {
			float: left;
		}
		.developers {
			float: right;
		}
		p.counters {
			width: 50em;
			margin: 1em auto;
			text-align: center;
		}
			/* --- !!! --- */
			.footer p a {
				color: #e9daab;
				text-decoration: none;
			}
			.footer p a:hover {}
			/* --- !!! --- */
				.footer p a img {
					border:  none;
					vertical-align: middle;
				}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

/* ===== // 'styles.css' // ===== */