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

/*	--- --- --- --- ---
[project info]
	name - Frame-corp2011.
	date - 04.07.2011.
	
	styles:
	--- --- --- --- --- --- --- --- --- ---
	/img/default.css (7 kb)
	/img/corners.css (5 kb)
	/img/styles.css (13 kb)
	/img/structure.css (3 kb)
	/img/modules.css (27 kb)
	/img/editor.css (2 kb)
	/img/styles_ie.css (8 kb)
	
	--- --- --- --- --- --- --- --- --- ---
	total: (65 kb)
	
	developer	- OOO "КасперСистемс"
	reply-to	- http://www.kasper.by/
	
[file structure]
	1. =global
	2. =wrapper
	--- --- ---
		2.1. =header
		2.2. =content
			--- --- ---
			2.2.1. =column wrapper
				--- --- ---
				2.2.1.1. =center column
					--- --- ---
					2.2.1.1.1. =right column
				--- --- ---
				2.2.1.2. =left column
			--- --- ---
		--- --- ---					
	--- --- ---
	3. =footer
	
--- --- --- --- --- */

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

/* =global
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
html {}
body {
	background: #fff;
	font-family: Arial, sans-serif;
	color: #383838;
}
/* --- !!! --- */
a,
a:visited,
a:active {
	color: #2e4589;
}
a:hover {}
/* --- !!! --- */
:active {
	outline: none;
}
:focus {}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =wrapper
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.wrap {
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;	/* - для ie, не поддерживает 'min-height' - */
	padding: 1px 0;
	margin: -2px auto;
}
	
	
	/* =header
	--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
	.header {
		height: 240px;
		background: #fff url(header_bg.jpg) no-repeat;
		border-left: 1px solid #dae1e7;
		border-right: 1px solid #dae1e7;
		position: relative;	/* - для '.choice-menu', чтобы верно отпозиционировать - */
	}
		
		/* --- menu transparent --- */
		.menu-transparent {	/* - для ie присутствуют дополнительные стили - */
			height: 40px;
			background: #faf7a2;
		}
		/* --- // menu transparent // --- */
		
		/* --- choice menu --- */
		.choice-menu {
			width: 100%;
			height: 40px;
			position: absolute;
			left: 0;
			top: 0;
		}
			
			/* --- icons --- */
			.icons {
				display: inline;	/* - для ie, удваивает 'margin' - */
				padding: 0;
				margin: 8px 50px 8px 20px;
				list-style: none;
				float: left;
			}
				.icons li {	/* - для ie присутствуют дополнительные стили - */
					display: inline-block;
					padding: 1px;	/* - чтобы элемент без границ не дергался - */
					margin: 0 5px;
					font-size: 1.1em;
				}
				.icons .active {
					padding: 0;	/* - чтобы активный элемент не дергался - */
					border: 1px solid #d8dfe5;
					background: #fff;
				}
					/* --- !!! --- */
					.icons b {
						font-weight: normal;
					}
						/* --- !!! --- */
						.icons img {
							border: none;
							background: url(icons.gif) no-repeat;
							vertical-align: bottom;
						}
						/* --- !!! --- */
						.icons .ico-home {
							background-position: 0 0;
						}
						.icons .ico-contacts {
							background-position: 0 -42px;
						}
						.icons .ico-map {
							background-position: 0 -21px;
						}
						/* --- !!! --- */
						.icons a:hover .ico-home,
						.icons b .ico-home {
							background-position: -229px 0;
						}
						.icons a:hover .ico-contacts,
						.icons b .ico-contacts {
							background-position: -229px -42px;
						}
						.icons a:hover .ico-map,
						.icons b .ico-map {
							background-position: -229px -21px;
						}
			/* --- // icons // --- */
			
			/* --- language --- */
			.language {
				display: inline;	/* - для ie, удваивает 'margin' - */
				padding: 0;
				margin: 8px 50px 8px 20px;
				list-style: none;
				float: left;
			}
				.language li {	/* - для ie присутствуют дополнительные стили - */
					display: inline-block;
					padding: 1px;	/* - чтобы элемент без границ не дергался - */
					margin: 0 5px;
					font-size: 1.1em;
				}
				.language .active {
					padding: 0;	/* - чтобы активный элемент не дергался - */
					border: 1px solid #d8dfe5;
					background: #fff;
				}
					/* --- !!! --- */
					.language a,
					.language b {	/* - для ie присутствуют дополнительные стили - */
						display: inline-block;
						padding: 3px 5px;
					}
					/* --- !!! --- */
					.language a {
						text-decoration: none;
					}
					.language a:hover {
						color: #383838;
					}
					/* --- !!! --- */
					.language b {
						font-weight: normal;
					}
			/* --- // language // --- */
			
			/* --- additions --- */
			.additions {
				display: inline;	/* - для ie, удваивает 'margin' - */
				padding: 0;
				margin: 8px 20px 8px 25px;
				list-style: none;
				float: right;
			}
				.additions li {	/* - для ie присутствуют дополнительные стили - */
					display: inline-block;
					margin: 0 5px 0 50px;
					font-size: 1.4em;
				}
					/* --- !!! --- */
					.additions a {	/* - для ie присутствуют дополнительные стили - */
						display: inline-block;
					}
					.additions a:hover {
						color: #383838;
					}
					/* --- !!! --- */
					.additions .ico-auth {
						border-bottom: 1px dashed;
						text-decoration: none;
					}
					.additions .ico-auth:hover {
						padding-bottom: 1px;	/* - чтобы элемент не дергался при наведении - */
						border-bottom: none;
					}
						/* --- !!! --- */
						.additions i {
							width: 21px;
							height: 21px;
							margin: 0 -25px -5px -25px;
							background: url(icons.gif) no-repeat;
							float: left;
							position: relative;	/* - для ie, чтобы не исчезали иконки - */
						}
						/* --- !!! --- */
						.additions .ico-auth i {
							background-position: 0 -84px;
						}
						.additions .ico-cart i {
							background-position: 0 -126px;
						}
						/* --- !!! --- */
						.additions .ico-auth:hover i {
							background-position: -229px -84px;
						}
						.additions .ico-cart:hover i {
							background-position: -229px -126px;
						}
			/* --- // additions // --- */
			
		/* --- // choice menu // --- */
		
		/* --- logo --- */
		.logo {
			text-align: center;
			float: left;
		}
			.logo img {	/* - для ie присутствуют дополнительные стили - */
				border: none;
				background: url(logo.png) no-repeat;
				vertical-align: bottom;
				font-size: 1.2em;
			}
		/* --- // logo // --- */
		
		/* --- personal --- */
		.personal {
			width: 260px;	/* - width: (300-(20*2))px;  - */
			height: 120px;	/* - height: (150-(15*2))px;  - */
			padding: 15px 20px;
			margin-top: 20px;
			font-size: 1.4em;
			color: #000;
			/*text-align: right;*/
			float: right;
		}
			/*
			.personal span {
				display: block;
				font-size: 1.4em;
				color: #000;
				line-height: 1.7;
			}
			*/
			/* --- !!! --- */
			/*
			.personal big {
				font-size: 1em;
				font-weight: bold;
			}
			*/
			/* --- !!! --- */
			.personal p {
				margin: 6px 0;
			}
		/* --- // personal // --- */
		
	/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
	
	
	/* =content
	--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
	.content {
		padding: 5px 20px 0;
		margin-bottom: 85px;
		border: 1px solid #dae1e7;
		border-top: none;
		background: #faf7a2;
	}
		
		
		/* =column wrapper
		--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
		.col-wrap {	/* - для ie, неверно рассчитывает 'margin-left: -100%;' - */
			margin-bottom: 9px;	/* - margin-bottom: ((30-16)-5)px; - */
		}
			
			
			/* =center column
			--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
			.center-col {
				width: 100%;
				float: left;
			}
				
				
				/* =right column
				--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
				.right-col {
					margin-left: 240px;
				}
				/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
				
				
			/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
			
			
			/* =left column
			--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
			.left-col {
				width: 240px;
				margin-left: -100%;
				float: left;
			}
			/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
			
			
		/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
		
		
	/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
	
	
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =footer
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.footer {
	width: 1000px;
	height: 75px;	/* - height: (85-10)px; - */
	padding-top: 10px;
	margin: 0 auto;
	margin-top: -85px;
	background: #fff;
}
	.footer-wrap {
		margin: 3px 3px 0;
	}
		/* --- !!! --- */
		.footer-wrap .corn-tl,
		.footer-wrap .corn-tr,
		.footer-wrap .corn-bl,
		.footer-wrap .corn-br {
			background: url(corn_mid.gif);
		}
		/* --- !!! --- */
		.footer-wrap .corn-tc {
			border-top: 1px solid #dae1e7;
		}
		.footer-wrap .corn-bc {
			border-bottom: 1px solid #dae1e7;
		}
		.footer-wrap .corn-cl {
			border-left: 1px solid #dae1e7;
		}
		.footer-wrap .corn-cr {
			border-right: 1px solid #dae1e7;
		}
		/* --- !!! --- */
		.footer-wrap .corn-tc,
		.footer-wrap .corn-bc,
		.footer-wrap .corn-cl,
		.footer-wrap .corn-cr,
		.footer-wrap .corn-content {
			background: #faf7a2;
		}
		/* --- !!! --- */
		.footer-content {
			height: 55px;	/* - height: (75-(4+1)-(6+9))px; - */
			margin: 6px 27px 9px 27px;	/* - margin: (10-(3-1))px (30-3)px (10-1)px (30-3)px; - */
			position: relative;	/* - чтобы поднять блок над углами и тенями - */
			overflow: hidden;	/* - чтобы обрезать "лишнее" - */
		}
			
			/* --- copyrights & developers --- */
			.copyrights,
			.developers {
				margin: 0 0 5px;
				font-size: 1.1em;
				color: #626262;
			}
			.copyrights {
				float: left;
			}
			.developers {
				float: right;
			}
				/* --- !!! --- */
				.copyrights a,
				.copyrights a:visited,
				.copyrights a:active,
				.developers a,
				.developers a:visited,
				.developers a:active {
					color: #626262;
					text-decoration: none;
					vertical-align: middle;
				}
					/* --- !!! --- */
					.copyrights img,
					.developers img {
						border: none;
						vertical-align: middle;
					}
			/* --- // copyrights & developers // --- */
			
			/* --- counters --- */
			.counters {
				font-size: 1.1em;
				color: #626262;
				clear: both;
			}
				/* --- !!! --- */
				.counters img {
					border: none;
					vertical-align: bottom;
				}
			/* --- // counters // --- */
			
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* --- © Tarik, 2011 --- */

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