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

/*	--- --- --- --- ---
[project info]
	name - Gsk.
	date - 18.11.2009.
	
	styles:
	--- --- --- --- --- --- --- --- --- ---
	http://www.gsr.by/img/default.css (6 kb)
	http://www.gsr.by/img/main.css (6 kb)
	http://www.gsr.by/img/main_ie.css (2 kb)
	--- --- --- --- --- --- --- --- --- ---
	total: (14 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):				#e9daab; #ebc763;
					
	2. text (base):					#242424;
				 (extra):					#e9daab;
				 
	3. borders:							#808080;	
	
	4. background (base):		#471f0e;
							 (extra):		#8f5b43;

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

/* ='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;
}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


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


/* =language_menu
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.language-menu {
	width: 20%;
	margin: 0px auto;
	padding-left: 0px;
	text-align: center;
	list-style-type: none;
	position: relative;
	top: 25px;
	left: 35px;
	z-index: 2;
}
	.language-menu li {
		display: inline;
		margin-right: 35px;
	}
		.language-menu li img {
			border: none;
			font-size: 1.4em;
			color: #e9daab;
		}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =book-wrap
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.book-wrap {
	width: 850px;
	height: 940px;
	margin: 0px auto;
	position: relative;
	z-index: 1;
}
	/* --- !!! --- */
	.book-top-shadow, .book-bottom-shadow {
		width: 100%;		
		position: absolute;
		left: 0px;
	}
	.book-top-shadow {
		height: 100px;
		background: url(book_sh_t.png); 
		top: 0px;
	}
	.book-bottom-shadow {
		height: 120px;
		background: url(book_sh_b.png);
		bottom: 0px;
	}
	/* --- !!! --- */
	.book-left-shadow, .book-right-shadow {
		height: 720px;	
		position: absolute;
		top: 100px;
	}
	.book-left-shadow {
		width: 170px;
		background: url(book_sh_l.png);
		left: 0px;
	}
	.book-right-shadow {
		width: 135px;
		background: url(book_sh_r.png);
		right: 0px;
	}
	/* --- !!! --- */
	.book-center {
		width: 545px;
		height: 720px;
		background: #8f5b43 url(book_sh_c.jpg);
		position: absolute;
		top: 100px;
		left: 170px;
	}
		.logo {
			border: none;
			font-size: 1.4em;
			color: #e9daab;
			position: absolute;
			top: 160px;
			left: 134px;
		}
		/* --- !!! --- */
		.button {
			width: 140px;
			height: 51px;
			position: absolute;
			top: 494px;
			left: 201px;
		}
			.button object {}
			.button a {
				display: block;
				height: 100%;
				font-size: 2em;
				font-weight: bold;
				color: #ebc763;
				text-decoration: none;
				text-align: center;
				line-height: 50px;
				position: relative;
			}
				.button span {
					width: 100%;
					height: 100%;
					background: url(book_button.jpg);
					position: absolute;
					top: 0px;
					left: 0px;				
				}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


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

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